@clickview/reports 0.15.2-rc.12 → 0.15.2-rc.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/reports",
-  "version": "0.15.2-rc.12",
+  "version": "0.15.2-rc.14",
   "description": "ClickView Reports",
   "main": "dist/reports-app.js",
   "scripts": {
@@ -26,7 +26,7 @@
     "redux-devtools-extension": "2.13.8"
   },
   "dependencies": {
-    "@clickview/styles": "1.15.1-rc.12",
+    "@clickview/styles": "1.15.1-rc.14",
     "chroma-js": "2.1.2",
     "highcharts": "9.1.0",
     "highcharts-react-official": "3.0.0",

package/dist/scripts/378-144dd2449f-reports.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[378],{98236:(e,t,n)=>{n.d(t,{Z:()=>f});var a=n(1024),r=n(1048),i=n(64038);function o(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 c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(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 c(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 l="fVSzb";function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var u=a.memo((function(e){var t,n,r=e.forceLoad,c=e.extraClasses,u=void 0===c?"":c,d=e.errorFallbackImageSrc,m=e.src,v=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","src"]),p=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.prevent,n=e.rootMargin,a=e.triggerOnce,r=void 0===a||a,c=o(i.useInView({triggerOnce:r,rootMargin:n}),3),l=c[0],s=c[1],u=c[2];return!0!==t&&void 0!==window.IntersectionObserver||(s=!0,l=null),{ref:l,inView:s,initialized:!!u}}({rootMargin:"500px"}),f=p.ref,g=p.inView,y=(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 s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=y[0],E=y[1];function b(){return h&&d?d:e.src}if(a.useEffect((function(){if(r||g){var e=new Image;return e.onerror=function(){E(!0),d&&(e.src=d)},e.src=m,function(){return e.onerror=null}}}),[g]),h&&!d)return a.createElement(a.Fragment,null);if(!f)return a.createElement("img",Object.assign({className:"".concat(l," ").concat(u),alt:"",src:b()},v));var N=Object.assign(Object.assign({alt:""},v),g||r?{src:b()}:{});return r||(N.ref=f),a.createElement("img",Object.assign({className:"".concat(l," ").concat(u)},N))})),d=n(8493),m=n(67453);var v=n(54610);function p(e){var t="vdd4V",n="";return e.imageType===v.__.Thumbnails&&(n="thumbnail ".concat("Ez0E7")),e.imageType===v.__.TallPosters&&(n="H9bQA"),e.imageType===v.__.Covers&&(n="Nudts"),e.imageType===v.__.Banners&&(n="IOvDH"),e.imageType===v.__.Posters&&(n="iiY56"),e.imageType===v.__.Pdf&&(n="aDJiJ"),e.imageType===v.__.Link&&(n="wDpui"),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.analyticsOptions,l=e.analyticsData,s=e.imageClassName,v="";"string"==typeof t?v=t:r.t.isObject(t)&&(v=t.url);var f=v&&n?m.j.createUrl(v,n):v;return a.createElement("div",{className:p(e),style:e.imageStyle},a.createElement(d.F,{appLink:i,analyticsData:l,analyticsOptions:c},e.children,f&&a.createElement(u,{src:f,forceLoad:o,extraClasses:s,errorFallbackImageSrc:e.errorFallbackImageSrc})))}},46226:(e,t,n)=>{n.d(t,{u:()=>mt});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);function g(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 y=o.T.encloseNamespace("shared.favouriteButton");function h(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 g(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)?g(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 h="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat("CFRo3"," ").concat(d?"t0svX":"");return e.className&&(h+=" ".concat(e.className)),c.q.isFunction(e.setFavourite)&&c.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?a.createElement(f.L,{className:h,onClick:function(){var t=!d;m(t),e.setFavourite(e.video,t,null,(function(){r.error(y(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("ZMMQu")}),a.createElement(s.x,{svgName:l.vn.HeartOutline,className:"svg-container ".concat("truFo")})):a.createElement(a.Fragment,null)}var E=n(98236),b=n(54610),N=n(28400),w=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),C=n(74254);const S="b0KLR",j="ts6Yo";function x(e){var t=e.video,n=t.season;if(!t.episodeNumber||!n)return a.createElement(a.Fragment,null);var r=w(n.number,2),i=w(t.episodeNumber,2);return a.createElement("span",{className:"d-inline-block ".concat(e.appLink?"YR5Q7":"")},e.withSeriesTitle&&a.createElement(a.Fragment,null," "),!!r&&"S".concat(r," • "),"E",i)}function k(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:C.py.Series,actionType:C.Vw.Click,descriptor:C._S.Title}),d=function(e,t,n){if(!e)return"";if(!t||!n)return e.toUpperCase();var a=w(t,2),r=w(n,2);return"".concat(e.toUpperCase()," S").concat(a," • E").concat(r)}(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(S," ").concat("sm"===e.size?"".concat(j," font-weight-normal"):""," ").concat(o),analyticsData:s,analyticsOptions:u,title:d},c.name,a.createElement(x,Object.assign({},e,{withSeriesTitle:!0})))):a.createElement("div",{className:"text-uppercase text-truncate mb-0 ".concat(S," ").concat("sm"===e.size?"".concat(j," font-weight-normal"):""," ").concat(o),title:d},c.name,a.createElement(x,Object.assign({},e,{withSeriesTitle:!0})))}function T(e){var t="d-flex align-items-center badge-list ".concat("jEh7m");return e.className&&(t+=" ".concat(e.className)),a.createElement("div",{className:t},e.children)}var A,P;!function(e){e.Folder="category",e.CategoryTree="category_tree",e.CustomLibrary="custom_library",e.HostedLibrary="hosted_library",e.Exchange="exchange",e.Workspace="workspace",e.Video="video",e.Clip="clip",e.Interactive="interactive"}(A||(A={})),function(e){e.Pdf="pdf",e.Image="image",e.PowerPoint="powerpoint",e.Document="document",e.Excel="excel",e.Zip="archive",e.File="text"}(P||(P={}));var I,M=n(93264),F=n(36532),L=n(5960),R=o.T.encloseNamespace("shared.badges");function V(e){var t=e.type,n=e.data;if(!function(e,t){var n,a,r;return"boolean"==typeof t?!!t:e===I.Rating?t&&!!t.value:e===I.Resources?!!(null==t?void 0:t.length)||!!(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.length):e===I.Interactive?!!(null==t?void 0:t.length)||!!(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.length):e===I.Captions?!!(null==t?void 0:t.length)||!!(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.length):e===I.Status?"number"==typeof t:!!t}(t,n))return a.createElement(a.Fragment,null);var r=function(e,t){var n,a="";return e===I.Duration&&(a="duration-badge"),e===I.Interactive&&(a="interactive-badge"),e===I.Rating&&(a="rating-badge ".concat((n=t.value)?function(e){switch(!0){case e<32:return"bg-purple";case e<48:return"bg-green";case e<80:return"bg-info";case e<96:return"bg-red";case e<128:return"bg-pink";case e>=128:return"bg-yellow";default:return""}}(n):"")),e===I.ProductionYear&&(a="production-year-badge"),e===I.Resources&&(a="resources-badge"),e===I.Captions?"p-0":e===I.Status?"badge ".concat(function(e){switch(e){case L.X.Published:return"badge-success";case L.X.Archive:case L.X.Rejected:return"badge-danger";case L.X.Draft:return"draft-badge";case L.X.Pending:case L.X.Processing:return"badge-warning"}}(t)):e===I.Trending?"trending-badge px-2 d-flex align-items-center":"".concat("badge"," ").concat(a)}(t,n),i=function(e,t){return e===I.Interactive?R("interactive"):e===I.Duration?M.T.ToDisplayDuration(t):e===I.Rating?t.code:e===I.ProductionYear?t:e===I.Resources?R("resources"):e===I.Captions?a.createElement(s.x,{svgName:l.vn.CloseCaptionBadge}):e===I.Status?L.X[t]:e===I.Trending?a.createElement(a.Fragment,null,a.createElement(s.x,{svgName:l.vn.Trending}),a.createElement("span",{className:"pl-1"},t)):void 0}(t,n),o=function(e,t){return e===I.Rating?{title:t.name,placement:"top"}:null}(t,n);return o?a.createElement("span",{className:"badge-wrapper"},a.createElement(F.u,Object.assign({},o,{spanHack:!0}),a.createElement("span",{className:"".concat(r," d-flex justify-content-center")},i))):a.createElement("span",{className:"".concat(r," badge-wrapper")},i)}function D(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)}!function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year",e.Resources="resources",e.Captions="captions",e.Status="status",e.Trending="trending"}(I||(I={}));function _(e){return v.M.isVideo(e.video)?r().createElement("div",{className:"YnXtZ"},r().createElement(D,{video:e.video})):r().createElement(r().Fragment,null)}function U(){return r().createElement("div",{className:"".concat("w4cg8"," bg-white cursor-default d-flex align-items-center justify-content-center")},r().createElement(s.x,{svgName:l.vn.Lock}))}var B=n(5465);const z="Pi49o";function H(e){var t="text-white rounded-circle align-items-center justify-content-center d-flex",n=v.M.isClip(e.video),a=v.M.isInteractive(e.video),i="sm"===e.size?s.S.Small:s.S.Standard;return r().createElement(r().Fragment,null,n&&r().createElement("div",{className:"".concat(t," ").concat("iLucN"," ").concat("sm"===e.size?z:"")},r().createElement(s.x,{size:i,svgName:l.vn.Clip})),a&&r().createElement("div",{className:"".concat(t," ").concat("yJcaM"," ").concat("sm"===e.size?z:"")},r().createElement(s.x,{size:i,svgName:l.vn.Interactive})))}H.default={size:"std"};const X="XAfZW";function W(e){var t="mb-1";return e&&(t+="puKcM"),t}function Z(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),N=!y,w=v.M.getRating(e.hideRating,e.video);return r().createElement(F.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:X},r().createElement(h,{setFavourite:o,canFavourite:c,video:t,analyticsData:e.analyticsData,analyticsOptions:f})),!m&&r().createElement("div",{className:X},r().createElement(U,null)),N&&r().createElement("div",{className:"ft_ST"},r().createElement(H,{video:t})),r().createElement(E.Z,{data:v.M.getThumbnail(t),appLink:m?n:null,imageType:b.__.Thumbnails,imageOptions:a,preload:u,className:"rXzR8",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:"dndOA",svgName:l.vn.PlayCircle}),r().createElement(B.oy,{type:B.mS.Video}),r().createElement("div",{className:"qu3A3"},r().createElement("div",{className:"NTrtm"},r().createElement("div",{className:"".concat(W(d))},y&&v.M.hasSeries(t)&&r().createElement(k,{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(_,{video:t}),d&&r().createElement(T,{className:"mt-1"},v.M.isVideo(t)&&r().createElement(r().Fragment,null,r().createElement(V,{type:I.Rating,data:w}),t.hasSubtitle&&r().createElement("span",{className:"badge p-0"},r().createElement(s.x,{svgName:l.vn.CloseCaptionBadge})),r().createElement(V,{type:I.Interactive,data:t.hasInteractives}),r().createElement(V,{type:I.Duration,data:v.M.getDuration(e.video)}))))))))}var q=n(68626);var Q,Y;function $(e){var t=e.type,n=function(e){return e===Q.Video?"b8kJW":e===Q.Playlist?"eo2p2":""}(t),r=function(e){return e===Q.Video?l.vn.PlayCircle:e===Q.Playlist?l.vn.AddToPlaylists:""}(t);return a.createElement("div",{className:"lpwag"},a.createElement("div",{className:"qpc7L"}),a.createElement(s.x,{svgName:r,className:n}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(Q||(Q={})),function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(Y||(Y={}));var G=n(4594);const J={unchecked:"maxOx",checked:"k3CBB"};function K(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 ee=o.T.encloseNamespace("shared.toggleActivityStatusButton");function te(e){var t,n,r=(0,u.Z)(),i=(t=a.useState(e.activityStatus===Y.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 K(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)?K(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===Y.Complete)}),[e.activityStatus]);var m="cursor-pointer rounded-circle ".concat(o?J.checked:J.unchecked);return e.className&&(m+=" ".concat(e.className)),e.shareId&&e.activityStatus&&e.activityStatus!==Y.None&&c.q.isFunction(e.setActivityStatus)?a.createElement("div",{className:m,onClick:function(){var t=!o;d(t);var n=t?Y.Complete:Y.Incomplete;e.setActivityStatus(e.shareId,e.sharedEntity,n,null,(function(){r.error(ee(function(){switch(e.sharedEntity.typeId){case G.E.Video:return t?"completeVideoActivityError":"uncompleteVideoActivityError";case G.E.Clip:return t?"completeClipActivityError":"uncompleteClipActivityError";case G.E.Interactive:return t?"completeInteractiveActivityError":"uncompleteInteractiveActivityError";case G.E.Playlist:return t?"completePlaylistActivityError":"uncompletePlaylistActivityError";case G.E.Series:return t?"completeSeriesActivityError":"uncompleteSeriesActivityError"}}())),d(!t)}))}},a.createElement(s.x,{svgName:l.vn.Check,size:s.S.Large,className:"svg-container ".concat(J.checkMark)})):a.createElement(a.Fragment,null)}const ne="efxnE",ae="vWvGn";function re(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(ne," d-flex align-items-center")},r().createElement(h,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:ae,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r().createElement(te,{activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,sharedEntity:e.sharedEntity,shareId:e.shareId,className:ae})):r().createElement(r().Fragment,null):r().createElement("div",{className:ne},r().createElement(U,null))}var ie=n(1048),oe=function(){var e=r().useRef(!0);return r().useEffect((function(){return function(){e.current=!1}}),[]),e};function ce(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 le(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)?le(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 le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var se={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=oe(),n=a.useState(e),r=ce(n,2),i=r[0],o=r[1],l=a.useState(!1),s=ce(l,2),u=s[0],d=s[1],m=a.useRef(null);a.useEffect((function(){ie.t.isEqual(e,i)||o(e)}),[e]);var v=c.q.throttle((function(){de(m,i),t.current&&d(!0)}),i.delay,{leading:!1}),p=function(){c.q.isFunction(v.cancel)&&v.cancel(),me(m,i),t.current&&d(!1)};return a.useLayoutEffect((function(){var e=m.current;if(e)return e.addEventListener("mouseenter",v),e.addEventListener("mouseleave",p),function(){e.removeEventListener("mouseenter",v),e.removeEventListener("mouseleave",p)}}),[m.current,i]),[m,u]}function pe(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 text-nowrap \n      ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}function fe(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 ge(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="krg9f",u&&(v.M.isClip(n)&&(d+=" MPRU6"),v.M.isInteractive(n)&&(d+=" Zzo3e"))):d="tZjPt",r().createElement("div",{className:d},v.M.isVideo(n)&&v.M.hasSeries(n)&&r().createElement(k,{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("shared.staticVideoThumbnail","videoUnavailable")):r().createElement(O.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function ye(e){var t,n,a=e.video,o=e.appLink,c=e.textPosition,l=e.imageOptions,s=e.setFavourite,u=e.preload,d=(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 fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?fe(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=d[0],f=d[1],g=v.M.getCanBeConsumed(a).canNavigate,y="position-relative";y+=o&&g?" cursor-pointer":" cursor-default",e.extraClasses&&(y+=" ".concat(e.extraClasses)),c===q.z.Overlay&&(y+=" rounded overflow-hidden");var h=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(a)}),N="rounded-lg overflow-hidden";c===q.z.Overlay&&(N+=" LS_EH");var w=!!o&&!e.hideMask&&g,O=v.M.getPrivacyReasoning(e.video,e.showSignIn),C=v.M.getRating(e.hideRating,e.video),S=!v.M.isVideo(e.video);return r().createElement(F.u,{title:O,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:y,ref:m},r().createElement(re,{video:a,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:s,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&p.showFavouriteButton(a,f)},analyticsData:e.analyticsData,analyticsOptions:h}),r().createElement(E.Z,{data:v.M.getThumbnail(a),appLink:g?o:null,imageType:b.__.Thumbnails,imageOptions:l,preload:u,className:N,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:Object.assign(Object.assign({},h),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},w&&r().createElement($,{type:Q.Video}),r().createElement(B.oy,{type:B.mS.Video}),r().createElement("div",{className:"EElm1"},c===q.z.Overlay&&r().createElement(ge,Object.assign({},e)),r().createElement(_,{video:a}),S&&r().createElement("div",{className:"pwC3i"},r().createElement(H,{video:a,size:e.videoTypeBadgeSize})),(!e.hideDuration||e.audience||!e.hideRating&&C)&&r().createElement(T,{className:"".concat("VAx36"," ").concat(e.audienceSizeBadges?"OayBh":"")},r().createElement(pe,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),!e.hideRating&&C&&r().createElement(V,{type:I.Rating,data:C}),!e.hideDuration&&r().createElement(V,{type:I.Duration,data:v.M.getDuration(e.video)})))),c===q.z.Below&&r().createElement(ge,Object.assign({},e))))}var he=n(54976),Ee=n.n(he);function be(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("rULXI")},v.M.isVideo(t)&&v.M.hasSeries(t)&&r().createElement(k,{className:"text-truncate ".concat("h9k1p"),video:t,appLink:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),r().createElement(O.F,{className:"h6 text-reset clamp-2",appLink:o?n:null},t.name)))}var Ne,we,Oe=n(30314),Ce=(Ne=function(e,t){return Ne=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])},Ne(e,t)},function(e,t){function n(){this.constructor=e}Ne(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Se="html",je="svg",xe=function(e){var t,n,a,r={};if(e===Se)a=document.createElement("div");else{if(e!==je)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===Se)return e instanceof HTMLElement;if(t===je)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},ke=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 Ce(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 Oe.createPortal(a.Children.map(n,(function(t){return a.isValidElement(t)?a.cloneElement(t,e.state.nodeProps):t})),r.element)},t}(a.PureComponent),Te=(function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=a.createRef(),n.passPropsThroughPortal(),n}Ce(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})}}(a.PureComponent),xe.bind(null,Se)),Ae=(xe.bind(null,je),n(81886)),Pe=n(56050),Ie=r().createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(we||(we={}));function Me(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 Fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Fe(e,t):void 0}}(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 Fe(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 Le(e){var t,n,i=e.hoverableComponent,o=e.componentProps,l=e.minHoverWidth,s=e.fixedHoverWidth,u=r().useContext(Ie).setPreviewContentNode;void 0===u&&Ae.Q.ErrorHelper.throw(new Pe.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var d=r().useMemo((function(){return Te()}),[]),m=Me(function(e){var t=ce(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=ce(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)>5||Math.abs(e.screenY-t.screenY)>5}(r,e)&&v(),t=function(){de(s,n),m(!0)},a=n.delay||275,l.current||(l.current=window.setTimeout(t,a))}}function g(){v(),me(s,n),o.current=!1,m(!1)}return a.useEffect((function(){ie.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=Me(ve(),2),g=f[0],y=f[1],h=r().useRef(null),E=r().useRef(!1),b=p||y;r().useEffect((function(){E.current!==b&&(u(b?d:null),E.current=b)}),[b]);var N=(null===(n=null===(t=h.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},w=N.x,O=N.y,C=N.width,S=N.height,j=r().useMemo((function(){return 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=we.Center;return a-l.offsetLeft<8&&(v=r-4,p=we.Left),l.offsetWidth+l.offsetLeft-(a+s)<8&&(v=t?r+o-t:r-o*(d-1)+8,p=we.Right),{left:v,top:m,height:u,width:s,transformOrigin:p,position:"absolute",originalWidth:o,originalHeight:c}}({x:w,y:O,width:C,height:S},s,l)}),[w,O,C,S]),x=i;return r().createElement("div",{ref:h},r().createElement("div",{ref:v},r().createElement(x,Object.assign({isHovering:!1},o))),b&&r().createElement(ke,{node:d},r().createElement("div",{className:"".concat("jO7pW"),style:j,ref:g},r().createElement(x,Object.assign({isHovering:!0,hoverPositionConfig:j},o)))))}Le.ReferenceContainer=function(e){return r().createElement("div",{id:"content-width-reference"},e.children)};function Re(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center mr-1 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"},e.text))}var Ve=r().forwardRef((function(e,t){return r().createElement("div",{ref:t},r().createElement(Re,{svgName:l.vn.Video,iconVariant:"blue",text:o.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),De=r().forwardRef((function(e,t){return r().createElement("div",{ref:t},r().createElement(Re,{svgName:l.vn.StarOutline,iconVariant:"navy",text:o.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))})),_e=n(44829),Ue=n(83345);function Be(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 _e.Q.Pedagogy:case _e.Q.Skill:return"pedagogy-tag text-white";case _e.Q.Hidden:return"hidden-tag";case _e.Q.Normal:default:return""}}(v)),f=v===_e.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+=" jlL1c"),e.onRemove&&(p+=" OjtN8"),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("X9joI"," close font-size-normal")},r().createElement(s.x,{size:s.S.Small,svgName:l.vn.Close,className:"d-inline-block svg-container"}))))}function ze(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 He(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case _e.Q.Pedagogy:return 0;case _e.Q.Skill:return 1;default:return 2}}function Xe(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return ze(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 ze(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)?ze(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 He(e)-He(t)}));return r().createElement("div",{className:"Zw6d9"},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(Be,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a})})))}const We="KQ5Wt";var Ze="shared.whyThisVideo";function qe(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===_e.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===_e.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(Ue.x,{namespace:Ze,phrase:"pedagogy"})),l.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-3 rounded-lg ".concat(We)},r().createElement(Be,{tag:e}),e.description&&r().createElement("p",{className:"mb-n2 pt-2"},e.description))})),!!s.length&&r().createElement(r().Fragment,null,r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(Ue.x,{namespace:Ze,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(We)},r().createElement(Xe,{tags:s}))))}var Qe=n(97395),Ye=n(92582),$e=n(67453),Ge=n(81514),Je=n(86764);const Ke="I9E5O";var et={width:200,resizeType:b.Nq.Cover};function tt(e,t){var n,a,r;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return $e.j.createUrl(null===(a=t.thumbnail)||void 0===a?void 0:a.url,Object.assign({},et));var i=Qe._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===P.Pdf?$e.j.createResourceImage(i,t.url,et):t.metadata.type===P.Image?$e.j.createUrl(t.url,{size:b.h2.Medium,resizeType:b.Nq.Cover}):(null===(r=t.pdf)||void 0===r?void 0:r.url)?$e.j.createResourceImage(i,t.pdf.url,et):(t.metadata.type,P.Zip,"/images/zip-resource.png"):$e.j.createResourceImage(i,t.url,Object.assign({},et))}function nt(e){var t;return"metadata"in e?e.metadata.type===P.Pdf?b.__.Pdf:e.metadata.type===P.Image?b.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?b.__.Pdf:(e.metadata.type,P.Zip,b.__.Thumbnails):b.__.Link}function at(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"X39wU";case"student-activity":return"X9pMl";case"teacher-pack":return"_tdVE";case"additional-materials":return"qRVUo";default:return"_18JaV"}}(null==u?void 0:u.resourceType)," ").concat("s1dNr"," ").concat(e.applyHoverState?"xRYhX":""," ");return r().createElement("div",{className:m},!e.hideHeading&&r().createElement(F.u,{title:e.data.name},r().createElement("h3",{className:"text-center text-break h5 mb-3 ".concat("g5NWS")},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("EDiGi"," ").concat(Ke)},r().createElement(E.Z,{data:tt(e.imageCdnUrl,e.data),imageType:nt(e.data),imageStyle:{transform:"rotate(".concat(d,"deg)")},analyticsOptions:{location:i.LocationContext.SlidingListItem},errorFallbackImageSrc:e.imageErrorFallbackUrl,imageClassName:(null==u?void 0:u.type)===P.Image?"".concat("KYtZL"," ").concat(Ke):"",preload:!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=(0,Ge.V)(),a=n===Je.r.SM||n===Je.r.XS,o=Object.assign(Object.assign({},e.analyticsData),e.data),c=Object.assign(Object.assign({},e.analyticsOptions),{actionType:i.UserAction.Click,entity:e.data.typeId===G.E.Resource?i.EntityType.Resource:i.EntityType.Link});function l(){Ye.k.logUserAction(o,c)}var s,u,d,m=!(a||(s=e.data,"resource"!==s.type||!("metadata"in s)||s.metadata.type!==P.Image&&(s.metadata.type===P.Pdf?!s.url:!(null===(u=s.pdf)||void 0===u?void 0:u.url)))),v=!!e.data.url;return t.applyHoverState=m||v,r().createElement("div",{className:"pt-1 px-1 flex-shrink-0 ".concat("tqUFn")},(d="d-block no-decoration","link"===e.data.type?r().createElement("a",{href:e.data.url,target:"_blank",className:d,onClick:l},r().createElement(at,Object.assign({},t))):m?r().createElement(O.F,{appLink:e.getAppLink(e.data),className:d,analyticsData:o,analyticsOptions:c},r().createElement(at,Object.assign({},t))):v?r().createElement("a",{href:e.data.url,className:d,onClick:l},r().createElement(at,Object.assign({},t))):r().createElement("div",{className:d},r().createElement(at,Object.assign({},t)))))}));function rt(e){return r().createElement("div",{className:"".concat("c4Hun"," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat("telfV"," 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)}var it=o.T.encloseNamespace("shared.whatsIncluded");function ot(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=null===(i=null===(a=e.video.resources)||void 0===a?void 0:a.data)||void 0===i?void 0:i.length,v=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(rt,{text:it("totalInteractives",{smartCount:d}),svgName:l.vn.Interactive,iconVariant:"green"}),m>0&&r().createElement(rt,{text:it("totalResources",{smartCount:m}),svgName:l.vn.Resources,iconVariant:"indigo"},r().createElement("div",{className:"row no-gutters mx-n1 pt-2"},e.video.resources.data.slice(0,3).map((function(t){return r().createElement("div",{key:t.id,className:"col-4 px-1"},r().createElement(at,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:"bdBNU",thumbnailContainerClass:"QN5kl"},hideHeading:!0}))})))),!!(null==v?void 0:v.length)&&r().createElement(rt,{text:it("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(", ")))))}const ct={badgeContainer:"Qx6jT",videoTypeBadge:"qz_5t",animationWrapper:"Z1hPi",zoom:"g9v8i",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc",audienceSizeBadges:"tiAT9"};function lt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,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}var ut=function(e){var t=e.video,n=e.appLink,a=e.imageOptions,o=e.preload,c=e.setFavourite,l=e.canFavourite,s=e.isHovering,u=e.hoverPositionConfig,d=v.M.getCanBeConsumed(t).canNavigate,m=!v.M.isVideo(t),f=lt(r().useState("none"),2),g=f[0],y=f[1],N=lt(r().useState(!1),2),w=N[0],O=N[1],C=lt(ve(),2),S=C[0],j=C[1],x=lt(ve(),2),k=x[0],A=x[1],P=r().useMemo((function(){return v.M.showWhyThisVideo(t)}),[t]),M=r().useMemo((function(){return v.M.showWhatsIncluded(t)}),[t]);r().useEffect((function(){j&&"why-this-video"!==g?y("why-this-video"):A&&"whats-included"!==g&&y("whats-included")}),[j,A,g]);var L="position-relative bg-white";e.extraClasses&&(L+=" ".concat(e.extraClasses)),s&&(L+=" rounded-lg shadow-lg");var R=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(t)}),D=p.showFavouriteButton(e.video,s),z=M||P,X="none"!==g,W=v.M.getRating(e.hideRating,e.video),Z=u?u.originalWidth/u.width:1;return r().createElement("div",{className:"".concat(L," ").concat(s?ct.animationWrapper:""),style:{"--scale":Z,transformOrigin:null==u?void 0:u.transformOrigin}},D&&r().createElement("div",{className:ct.topRightContainer},r().createElement(h,{setFavourite:c,canFavourite:l,video:t,analyticsData:e.analyticsData,analyticsOptions:R})),!d&&r().createElement("div",{className:ct.topRightContainer},r().createElement(F.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement(U,null))),r().createElement(E.Z,{data:v.M.getThumbnail(t),appLink:d?n:null,imageType:b.__.Thumbnails,imageOptions:a,preload:o,className:"overflow-hidden ".concat(s?ct.preview:"rounded-lg ".concat(ct.original)),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:t.id,name:t.name}),analyticsOptions:Object.assign(Object.assign({},R),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(B.oy,{type:B.mS.Video}),r().createElement(_,{video:t}),r().createElement("div",{className:"p-absolute w-100 h-100 p-1 text-white"},m&&r().createElement("div",{className:ct.videoTypeBadge},r().createElement(H,{video:t})),(!e.hideDuration||e.audience||!e.hideRating&&W)&&r().createElement(T,{className:"".concat(ct.badgeContainer," ").concat(e.audienceSizeBadges?ct.audienceSizeBadges:"")},r().createElement(pe,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),!e.hideRating&&W&&r().createElement(V,{type:I.Rating,data:W}),!e.hideDuration&&r().createElement(V,{type:I.Duration,data:v.M.getDuration(e.video)})))),!s&&r().createElement(be,Object.assign({},e)),r().createElement("div",{className:"".concat(ct.details," ").concat(s?"".concat(ct.isHovering," box-shadow"):"")},s&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(w?"box-shadow":""," ").concat(s?ct.videoGuidanceTags:"")},r().createElement(be,Object.assign({},e)),z&&s&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},P&&r().createElement(De,{ref:S,active:"why-this-video"===g}),M&&r().createElement(Ve,{ref:k,active:"whats-included"===g})),"none"!==g&&r().createElement("div",{className:"pb-2"})),z&&s&&r().createElement(Ee(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;w&&0===t?O(!1):!w&&t>0&&O(!0)}},r().createElement("div",{className:"".concat(ct.dropdown," ").concat(X?ct.show:"")},"why-this-video"===g&&r().createElement(qe,{video:e.video}),"whats-included"===g&&r().createElement(ot,{video:e.video,imageCdnUrl:e.imageCdnUrl}))))))};function dt(e){return r().createElement(r().Fragment,null,r().createElement(Le,{hoverableComponent:ut,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function mt(e){var t=Object.assign({},e);switch(e.type){case"static":return a.createElement(ye,Object.assign({},t));case"expandable":return a.createElement(Z,Object.assign({},t));case"popout":return a.createElement(dt,Object.assign({},t));default:return}}mt.defaultProps={hideRating:!0}},68626:(e,t,n)=>{var a;n.d(t,{z:()=>a}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(a||(a={}))},55110:(e,t,n)=>{n.d(t,{Z:()=>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})}}}},93264:(e,t,n)=>{n.d(t,{T:()=>i});var a=n(39479),r=function(e,t,n){var a=t-(e=e.toString()).length;return a<=0?e:new Array(a+1).join(n)+e},i={ToDisplayDuration:function(e){if(!a.isNumber(e))return"";var t=new Date(e),n=t.getUTCHours(),i=r(t.getUTCMinutes(),2,"0"),o=r(t.getUTCSeconds(),2,"0");return n>0?"".concat(n,":").concat(i,":").concat(o):"".concat(i,":").concat(o)}}},80763:(e,t,n)=>{n.d(t,{L:()=>o});var a=n(20354),r=n(12754),i=n(70145);function o(e){var t,n=null===(t=a.a.useBasicFetch(i.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===r.x.Primary}));if(n)return function(t){return e(n,t)}}}}]);