@clickview/reports 0.20.1-rc.3 → 0.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/reports",
-  "version": "0.20.1-rc.3",
+  "version": "0.21.0",
   "description": "ClickView Reports",
   "main": "dist/reports-app.js",
   "scripts": {
@@ -25,7 +25,7 @@
     "redux-devtools-extension": "2.13.8"
   },
   "dependencies": {
-    "@clickview/styles": "1.20.1-rc.3",
+    "@clickview/styles": "1.21.0",
     "chroma-js": "2.1.2",
     "highcharts": "9.1.0",
     "highcharts-react-official": "3.0.0",

package/dist/scripts/252-9ecbee0b03-reports.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[252],{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=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"]),g=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"}),y=g.ref,h=g.inView,b=(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.")}()),E=b[0],w=b[1];function N(){return E&&d?d:e.src}if(a.useEffect((function(){if((r||h)&&!v){var e=new Image;return e.onerror=function(){w(!0),d&&(e.src=d)},e.src=p,function(){return e.onerror=null}}}),[h,v]),E&&!d)return a.createElement(a.Fragment,null);if(!y)return a.createElement("img",Object.assign({className:"".concat(c," ").concat(u),alt:"",src:N()},f));var C=Object.assign(Object.assign({alt:""},f),!h&&!r||v?{}:{src:N()});return r||(C.ref=y),a.createElement("img",Object.assign({className:"".concat(c," ").concat(u)},C))})),u=n(8493),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="";"string"==typeof t?f=t:r.t.isObject(t)&&(f=t.url);var g=f&&n?d.j.createUrl(f,n):f;return a.createElement("div",{className:p(e),style:e.imageStyle},a.createElement(u.F,{appLink:i,analyticsData:m,analyticsOptions:l},e.children,g&&a.createElement(s,{src:g,forceLoad:o,preventLoad:c,extraClasses:v,errorFallbackImageSrc:e.errorFallbackImageSrc})))}},88252:(e,t,n)=>{n.d(t,{u:()=>Lt});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),w=n(54610),N=n(28400),C={padNumber:function(e,t){var n=e.toString();if(n.length>=t)return n;for(t-=n.length;t>0;)n="0"+n,t--;return n}},O=n(8493),S={buildSeriesSeasonEpisodeText:function(e,t,n){if(!e)return"";if(!t||!n)return e.toUpperCase();var a=C.padNumber(t,2),r=C.padNumber(n,2);return"".concat(e.toUpperCase()," S").concat(a," • E").concat(r)}},x=n(74254);const j={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.padNumber(n.number,2),i=C.padNumber(t.episodeNumber,2);return a.createElement("span",{className:"d-inline-block ".concat(e.appLink?j.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,N.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:x.py.Series,actionType:x.Vw.Click,descriptor:x._S.Title}),d=S.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(j.appLink," ").concat("sm"===e.size?"".concat(j.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(j.appLink," ").concat("sm"===e.size?"".concat(j.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 D=o.T.encloseNamespace("shared.videoTypeBadge");function U(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},D("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},D("interactive"))))}U.default={size:"md"};const B={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+=B.downScale),t}function W(e){var t=e.video,n=e.appLink,a=e.imageOptions,o=e.setFavourite,c=e.canFavourite,u=e.preload,d=e.hovering,m=v.M.getCanBeConsumed(e.video).canNavigate,f=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(t)}),g=p.showFavouriteButton(e.video,d),y=v.M.isVideo(t),h=!y,N=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"},g&&r().createElement("div",{className:B.topRightContainer},r().createElement(b,{setFavourite:o,canFavourite:c,video:t,analyticsData:e.analyticsData,analyticsOptions:f})),!m&&r().createElement("div",{className:B.topRightContainer},r().createElement(R,null)),h&&r().createElement("div",{className:B.videoTypeBadge},r().createElement(U,{video:t})),r().createElement(E.Z,{data:v.M.getThumbnail(t),appLink:m?n:null,imageType:w.__.Thumbnails,imageOptions:a,preload:u,className:B.gradient,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:t.id,name:t.name}),analyticsOptions:Object.assign(Object.assign({},f),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},!(!d||!m)&&r().createElement(s.x,{className:B.playIcon,svgName:l.vn.PlayCircle}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:B.overlayContainer},r().createElement("div",{className:B.overlay},r().createElement("div",{className:"".concat(H(d)," ").concat(B.title)},y&&v.M.hasSeries(t)&&r().createElement(A,{className:"text-shadow clamp-1",video:t,appLink:null,analyticsOptions:null}),r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},v.M.getTitle(t))),r().createElement(M,{video:t}),d&&r().createElement(I.c,{className:"mt-1"},v.M.isVideo(t)&&r().createElement(r().Fragment,null,r().createElement(T.C,{type:T.g.Rating,data:N}),t.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:t.hasInteractives}),r().createElement(T.C,{type:T.g.DurationExact,data:v.M.getDuration(e.video)}))))))))}var Z=n(68626);const Q={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?Q.video:e===q.Playlist?Q.playlist:""}(t),i=function(e){return e===q.Video?l.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(Q.maskContainer," ").concat("sm"===n?Q.small:"")},a.createElement("div",{className:Q.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===Z.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 we(e){var t,n,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,u=e.setFavourite,d=e.preload,m=(t=ve(),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 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}}(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.")}()),f=m[0],g=m[1],y=v.M.getCanBeConsumed(o).canNavigate,h=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(o)}),b=!!c&&!e.hideMask&&y,N=v.M.getPrivacyReasoning(e.video,e.showSignIn),C=!v.M.isVideo(e.video);return r().createElement(z.u,{title:N,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:(a="position-relative",a+=c&&y?" cursor-pointer":" cursor-default",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===Z.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:f},r().createElement(ne,{video:o,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:u,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&p.showFavouriteButton(o,g)},analyticsData:e.analyticsData,analyticsOptions:h,size:e.size}),r().createElement(E.Z,{data:v.M.getThumbnail(o),appLink:y?c:null,imageType:w.__.Thumbnails,imageOptions:s,preload:d,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-lg");return l===Z.z.Overlay?"".concat(t," ").concat(ye.gradient):t}(),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},h),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},b&&r().createElement(G,{type:q.Video,size:e.size}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:ye.overlayContainer},l===Z.z.Overlay&&r().createElement(Ee,Object.assign({},e)),r().createElement(M,{video:o}),C&&r().createElement("div",{className:ye.videoTypeBadge},r().createElement(U,{video:o,size:e.size})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),l===Z.z.Below&&r().createElement(Ee,Object.assign({},e))))}var Ne=n(54976),Ce=n.n(Ne),Oe=n(38647);const Se={titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function xe(e){var t=e.video,n=e.appLink,a=e.seriesAppLink,o=v.M.getCanBeConsumed(t).canNavigate;return r().createElement("div",{className:"mt-2"},r().createElement("div",{className:"d-flex flex-column ".concat(Se.titleContainer)},v.M.isVideo(t)&&v.M.hasSeries(t)&&r().createElement(A,{className:"text-truncate ".concat(Se.seriesTitleBox),video:t,appLink:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),r().createElement(O.F,{className:"h6 text-reset clamp-2 align-middle",appLink:o?n:null},t.name,r().createElement(Oe.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}var je,ke,Ae=n(30314),Ie=(je=function(e,t){return je=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])},je(e,t)},function(e,t){function n(){this.constructor=e}je(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 De=function(e,t,n){var a,r=e.x,i=e.y,o=e.width,c=e.height,l=document.getElementById("content-width-reference");if(!l)return{};var s=t||1.2*o,u=t?t*(c/o):1.2*c,d=t?s/o:1.2;a=r-(s-o)/2,s<n&&(a-=(n-s)/2,u=c*(d=(s=n)/o));var m=i-(u-c)/2+window.scrollY,v=a,p=ke.Center;return a-l.offsetLeft<8&&(v=r-4,p=ke.Left),l.offsetWidth+l.offsetLeft-(a+s)<8&&(v=t?r+o-t:r-o*(d-1)+8,p=ke.Right),{left:v,top:m,height:u,width:s,transformOrigin:p,position:"absolute",originalWidth:o,originalHeight:c}};const Ue={positionWrapper:"jO7pW"};function Be(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=r().useContext(_e).setPreviewContentNode;void 0===u&&ze.Q.ErrorHelper.throw(new Ve.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var d=r().useMemo((function(){return Re()}),[]),m=Be(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),v=m[0],p=m[1],f=Be(ve(),2),g=f[0],y=f[1],h=Be(r().useState(!1),2),b=h[0],E=(h[1],r().useRef(null)),w=r().useRef(!1),N=p||y;r().useEffect((function(){w.current!==N&&(u(N||b?d:null),w.current=N)}),[N]);var C=(null===(n=null===(t=E.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},O=C.x,S=C.y,x=C.width,j=C.height,k=r().useMemo((function(){return De({x:O,y:S,width:x,height:j},s,l)}),[O,S,x,j]),A=i;return r().createElement("div",{ref:E},r().createElement("div",{ref:v},r().createElement(A,Object.assign({isHovering:!1},o))),(N||b)&&r().createElement(Me,{node:d},r().createElement("div",{className:"".concat(Ue.positionWrapper),style:k,ref:g},r().createElement(A,Object.assign({isHovering:!0,hoverPositionConfig:k},o)))))}We.ReferenceContainer=function(e){return r().createElement("div",{id:"content-width-reference"},e.children)};const Ze={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function Qe(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center mr-1 cursor-pointer ".concat(Ze.tag," ").concat(e.active?Ze.active:"")},r().createElement(s.x,{className:"".concat(Ze.icon," 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 qe=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(Qe,{svgName:l.vn.Video,iconVariant:"blue",text:o.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),Xe=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(Qe,{svgName:l.vn.StarOutline,iconVariant:"navy",text:o.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))})),Ge=n(44829),Ye=n(83345);const $e={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function Je(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 Ge.Q.Pedagogy:case Ge.Q.Skill:return"pedagogy-tag text-white";case Ge.Q.Hidden:return"hidden-tag";case Ge.Q.Normal:default:return""}}(v)),f=v===Ge.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+=" "+$e.disabled),e.onRemove&&(p+=" "+$e.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($e.close," close font-size-normal")},r().createElement(s.x,{size:s.S.Small,svgName:l.vn.Close,className:"d-inline-block svg-container"}))))}function Ke(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 et(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case Ge.Q.Pedagogy:return 0;case Ge.Q.Skill:return 1;default:return 2}}function tt(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return Ke(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 Ke(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)?Ke(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 et(e)-et(t)}));return r().createElement("div",{className:$e.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(Je,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a})})))}const nt={itemContainer:"KQ5Wt"};var at="shared.whyThisVideo";function rt(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===Ge.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===Ge.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(Ye.x,{namespace:at,phrase:"pedagogy"})),l.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-1 rounded-lg ".concat(nt.itemContainer)},r().createElement(Je,{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(Ye.x,{namespace:at,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(nt.itemContainer)},r().createElement(tt,{tags:s}))))}var it=n(97395),ot=n(92582),ct=n(67453),lt=n(1164),st=n(3747);function ut(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 dt={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 mt={width:200,resizeType:w.Nq.Cover};function vt(e,t){var n,a,r;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return ct.j.createUrl(null===(a=t.thumbnail)||void 0===a?void 0:a.url,Object.assign({},mt));var i=it._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===lt.L.Pdf?ct.j.createResourceImage(i,t.url,mt):t.metadata.type===lt.L.Image?ct.j.createUrl(t.url,{size:w.h2.Medium,resizeType:w.Nq.Cover}):(null===(r=t.pdf)||void 0===r?void 0:r.url)?ct.j.createResourceImage(i,t.pdf.url,mt):(t.metadata.type,lt.L.Zip,"/images/zip-resource.png"):ct.j.createResourceImage(i,t.url,Object.assign({},mt))}function pt(e){var t;return"metadata"in e?e.metadata.type===lt.L.Pdf?w.__.Pdf:e.metadata.type===lt.L.Image?w.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?w.__.Pdf:(e.metadata.type,lt.L.Zip,w.__.Thumbnails):w.__.Link}function ft(e){var t,n=function(){var e,t,n=(0,st.a)("(max-width: 575px)"),a=(0,st.a)("(min-width: 576px) and (max-width: 767px)"),i=(0,st.a)("(min-width: 768px) and (max-width: 991px)"),o=(0,st.a)("(min-width: 992px) and (max-width: 1199px)"),c=(0,st.a)("(min-width: 1200px) and (max-width: 1439px)"),l=(0,st.a)("(min-width: 1440px)"),s={xs:n,sm:a,md:i,lg:o,xl:c,xxl:l},u=(e=r().useState(s),t=2,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 ut(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)?ut(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.")}()),d=u[0],m=u[1];return r().useEffect((function(){m(s)}),[n,a,i,o,c,l]),d}();return!(n.xs||n.sm||"resource"!==e.type||!("metadata"in e)||e.metadata.type!==lt.L.Image&&(e.metadata.type===lt.L.Pdf?!e.url:!(null===(t=e.pdf)||void 0===t?void 0:t.url)))}function gt(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 dt.atomGuide;case"student-activity":return dt.studentActivity;case"teacher-pack":return dt.teacherPack;case"additional-materials":return dt.additionalMaterials;default:return dt.userUploaded}}(null==u?void 0:u.resourceType)," ").concat(dt.background," ").concat(e.applyHoverState?dt.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(dt.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(dt.thumbnailContainer," ").concat(dt.imageStyle)},r().createElement(E.Z,{data:vt(e.imageCdnUrl,e.data),imageType:pt(e.data),imageStyle:{transform:"rotate(".concat(d,"deg)")},analyticsOptions:{location:i.LocationContext.SlidingListItem},errorFallbackImageSrc:e.imageErrorFallbackUrl,imageClassName:(null==u?void 0:u.type)===lt.L.Image?"".concat(dt.imageTypeResource," ").concat(dt.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})))}gt.defaultProps={preloadImage:!0},r().memo((function(e){var t=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,[]),n=ft(e.data),a=Object.assign(Object.assign({},e.analyticsData),e.data),o=Object.assign(Object.assign({},e.analyticsOptions),{actionType:i.UserAction.Click,entity:e.data.typeId===Y.E.Resource?i.EntityType.Resource:i.EntityType.Link});function c(){ot.k.logUserAction(a,o)}var l,s=!!e.data.url;return t.applyHoverState=n||s,r().createElement("div",{className:"pt-1 px-1 flex-shrink-0 ".concat(dt.item)},(l="d-block no-decoration","link"===e.data.type?r().createElement("a",{href:e.data.url,target:"_blank",className:l,onClick:c},r().createElement(gt,Object.assign({},t))):n?r().createElement(O.F,{appLink:e.getAppLink(e.data),className:l,analyticsData:a,analyticsOptions:o},r().createElement(gt,Object.assign({},t))):s?r().createElement("a",{href:e.data.url,className:l,onClick:c},r().createElement(gt,Object.assign({},t))):r().createElement("div",{className:l},r().createElement(gt,Object.assign({},t)))))}));var yt={getEnglishName: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}};const ht={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function bt(e){return r().createElement("div",{className:"".concat(ht.container," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat(ht.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 Et(e){return function(e){if(Array.isArray(e))return wt(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 wt(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)?wt(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 wt(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 Nt=o.T.encloseNamespace("shared.whatsIncluded");function Ct(e){var t,n,a,i,o,c,s,u=null===(n=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length,d=[].concat(Et((null===(a=e.video.resources)||void 0===a?void 0:a.data)||[]),Et((null===(i=e.video.links)||void 0===i?void 0:i.data)||[])),m=d.length,v=null!==(s=null===(c=null===(o=e.video.subtitles)||void 0===o?void 0:o.data)||void 0===c?void 0:c.map((function(t){var n,a;return yt.getEnglishName(t,null!==(a=null===(n=e.video.subtitles)||void 0===n?void 0:n.data)&&void 0!==a?a:[])})))&&void 0!==s?s:[];return r().createElement(r().Fragment,null,u>0&&r().createElement(bt,{text:Nt("totalInteractives",{smartCount:u}),svgName:l.vn.Interactive,iconVariant:"green"}),m>0&&r().createElement(bt,{text:Nt("totalResources",{smartCount:m}),svgName:l.vn.Resources,iconVariant:"indigo"},r().createElement("div",{className:"row no-gutters mx-n1 pt-2"},d.slice(0,3).map((function(t){return r().createElement("div",{key:t.id,className:"col-4 px-1"},r().createElement(gt,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:ht.resourceContainer,thumbnailContainerClass:ht.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==v?void 0:v.length)&&r().createElement(bt,{text:Nt("videoSettings"),svgName:l.vn.CloseCaptionBadge,iconVariant:"dark"},r().createElement("div",{className:"d-flex align-items-center pt-1"},r().createElement("div",{className:"pl-1"},v.join(", ")))))}function Ot(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 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}}(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 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}Ct.defaultProps={isShowing:!0},n(63314);var xt=r().createContext({hasProvider:!1});const jt={hoverContainer:"TzWQw"};function kt(e){var t,n=r().useContext(xt);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(jt.hoverContainer," ").concat(a?"d-block":"d-none"," rounded-top-lg overflow-hidden");return r().createElement("div",{className:i},r().createElement(Fe,{node:n.portalNode}),";")}const At={videoTypeBadge:"qz_5t",animationWrapper:"Z1hPi",zoom:"g9v8i",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function It(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Tt=function(e){var t,n,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,u=e.canFavourite,d=e.isHovering,m=e.hoverPositionConfig,f=v.M.getCanBeConsumed(a),g=f.canNavigate,y=f.canConsume,h=!v.M.isVideo(a),N=(t=r().useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var 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 It(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?It(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=N[0],O=N[1],S=function(){var e=Ot(r().useState("none"),2),t=e[0],n=e[1],a=Ot(ve(),2),i=a[0],o=a[1],c=Ot(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=S.videoGuidance,j=S.whyThisVideoRef,k=S.whatsIncludedRef,A=r().useMemo((function(){return v.M.showWhyThisVideo(a)}),[a]),I=r().useMemo((function(){return v.M.showWhatsIncluded(a)}),[a]),T="position-relative bg-white";e.extraClasses&&(T+=" ".concat(e.extraClasses)),d&&(T+=" rounded-lg shadow-lg");var P=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(a)}),L=e.isHovering&&y,F=p.showFavouriteButton(e.video,d),_=I||A,D="none"!==x,B=m?m.originalWidth/m.width:1;return r().createElement("div",{className:"".concat(T," ").concat(d?At.animationWrapper:""),style:{"--scale":B,transformOrigin:null==m?void 0:m.transformOrigin}},F&&r().createElement("div",{className:At.topRightContainer},r().createElement(b,{setFavourite:s,canFavourite:u,video:a,analyticsData:e.analyticsData,analyticsOptions:P})),!g&&r().createElement("div",{className:At.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,{data:v.M.getThumbnail(a),appLink:g?o:null,imageType:w.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(d?At.preview:"rounded-lg ".concat(At.original)),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:Object.assign(Object.assign({},P),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(V.oy,{type:V.mS.Video}),r().createElement(M,{video:a}),r().createElement("div",{className:"p-absolute w-100 h-100 text-white"},h&&r().createElement("div",{className:At.videoTypeBadge},r().createElement(U,{video:a})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),L&&r().createElement(kt,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover"})),!d&&r().createElement(xe,Object.assign({},e)),r().createElement("div",{className:"".concat(At.details," ").concat(d?"".concat(At.isHovering," box-shadow"):"")},d&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(C?"box-shadow":""," ").concat(d?At.videoGuidanceTags:"")},r().createElement(xe,Object.assign({},e)),_&&d&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},A&&r().createElement(Xe,{ref:j,active:"why-this-video"===x}),I&&r().createElement(qe,{ref:k,active:"whats-included"===x}))),_&&d&&r().createElement(Ce(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;C&&0===t?O(!1):!C&&t>0&&O(!0)}},r().createElement("div",{className:"".concat(At.dropdown," ").concat(D?At.show:"")},"why-this-video"===x&&r().createElement(rt,{video:e.video}),"whats-included"===x&&r().createElement(Ct,{video:e.video,imageCdnUrl:e.imageCdnUrl}),"none"!==x&&r().createElement("div",{className:"pb-2"}))))))};function Pt(e){return r().createElement(r().Fragment,null,r().createElement(We,{hoverableComponent:Tt,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function Lt(e){switch(e.type){case"static":case"cosmetic":return a.createElement(we,Object.assign({},e));case"expandable":return a.createElement(W,Object.assign({},e));case"popout":return a.createElement(Pt,Object.assign({},e));default:return}}Lt.defaultProps={hideRating:!0,size:"md"}},38647:(e,t,n)=>{n.d(t,{m:()=>u});var a=n(1024),r=n.n(a),i=n(58130),o=n(36532),c=n(83914),l=n(11025),s=n(26361);function u(e){if(!e.yearGroups)return r().createElement(r().Fragment,null);var t=s.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?r().createElement(o.u,{spanHack:!0,spanHackClassName:e.className||"pl-1",title:t,placement:e.tooltipPlacement||"top"},r().createElement(c.x,{svgName:i.vn.Lock,size:"sm"===e.size?c.S.Small:c.S.Standard})):r().createElement(r().Fragment,null)}},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})}}}}}]);