@clickview/lite 0.50.1-rc.0 → 0.50.1-rc.2

package/dist/scripts/{6948-84a5f8d76f-lite.chunk.js → 6948-23ec6a6370-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6948],{40955:(e,t,a)=>{a.d(t,{P:()=>i});var n=a(32735);function i(e){return e.audience?n.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):n.createElement(n.Fragment,null)}},17464:(e,t,a)=>{a.d(t,{c:()=>r});var n=a(32735),i=a(7121);function r(e){var t="d-flex align-items-center badge-list ".concat(i.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},89682:(e,t,a)=>{a.d(t,{I:()=>u,h:()=>d});var n=a(32735),i=a(91967),r=a(83914),o=a(35223),c=a(11607);const l={unchecked:"bup9I",outline:"ealw_",checked:"A1Ov0",checkMark:"c14lI"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var d;function u(e){var t,a,u=(t=n.useState(e.status===d.Complete),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?s(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];n.useEffect((function(){v(e.status===d.Complete)}),[e.status]);var p="cursor-pointer rounded-circle ".concat(m?l.checked:l.unchecked);return e.className&&(p+=" ".concat(e.className)),"outline"===e.style&&(p+=" ".concat(l.outline)),e.status&&e.status!==d.None&&i.q.isFunction(e.setStatus)?n.createElement(c.L,{className:p,onClick:function(){var t=!m;v(t);var a=t?d.Complete:d.Incomplete;e.setStatus(a).catch((function(){v(!t)}))},disabled:e.disabled},n.createElement(r.x,{svgName:o.vn.Tick,className:"svg-container ".concat(l.checkMark)})):n.createElement(n.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(d||(d={})),u.defaultProps={style:"filled"}},24900:(e,t,a)=>{a.d(t,{z:()=>l,O:()=>c});var n=a(32735),i=a(83914),r=a(35223);const o={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var c;function l(e){var t=e.type,a=e.size,l=function(e){return e===c.Video?o.video:e===c.Playlist?o.playlist:""}(t),s=function(e){return e===c.Video?r.vn.PlayCircle:""}(t);return n.createElement("div",{className:"".concat(o.maskContainer," ").concat("sm"===a?o.small:"")},n.createElement("div",{className:o.mask}),n.createElement(i.x,{svgName:s,className:l}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(c||(c={})),l.defaults={size:"md"}},22843:(e,t,a)=>{a.d(t,{h:()=>d});var n=a(32735),i=a(65858),r=a(36848),o=a(38647),c=a(11882),l=a(31908);const s={container:"r70GR",titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function d(e){var t=e.video,a=e.appLink,d=e.subTextAppLink,u=l.M.getCanBeConsumed(t).canNavigate;return n.createElement("div",{className:"mt-2 ".concat(s.container)},n.createElement("div",{className:"d-flex flex-column ".concat(s.titleContainer)},l.M.isVideo(t)&&n.createElement(c.$,{type:e.subTextType,className:"text-truncate ".concat(s.seriesTitleBox),video:t,appLink:d,analyticsOptions:{location:i.LZ.VideoThumbnail}}),n.createElement(r.F,{className:"h6 text-reset clamp-2 align-middle",appLink:u?a:null},t.name,n.createElement(o.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}},89118:(e,t,a)=>{a.d(t,{u:()=>ve});var n=a(32735),i=a(1048),r=a(65858),o=a(18559),c=a(17464),l=a(23481),s=a(91967),d=a(11607),u=a(83914),m=a(69883),v=a(1643),p=a(35223),g=a(31908);const y={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var E=l.T.encloseNamespace("shared.favouriteButton");function h(e){var t,a,i=(0,m.Z)(),r=v.h.isFavouritedByCurrentUser(e.video),o=(t=n.useState(r),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],l=o[1];n.useEffect((function(){l(r)}),[r]);var h="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(y.favouriteButton," ").concat(c?y.favourited:"");return e.className&&(h+=" ".concat(e.className)),s.q.isFunction(e.setFavourite)&&s.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?n.createElement(d.L,{className:h,onClick:function(){var t=!c;l(t),e.setFavourite(e.video,t,null,(function(){i.error(E(g.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":g.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),l(!t)}),e.analyticsData,e.analyticsOptions)}},n.createElement(u.x,{svgName:p.vn.Heart,className:"svg-container ".concat(y.heart)}),n.createElement(u.x,{svgName:p.vn.HeartOutline,className:"svg-container ".concat(y.heartOutline)})):n.createElement(n.Fragment,null)}var b=a(75163),k=a(5465);function C(e){var t=g.M.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}const N={bottomBar:"YnXtZ"};function O(e){return g.M.isVideo(e.video)?n.createElement("div",{className:N.bottomBar},n.createElement(C,{video:e.video})):n.createElement(n.Fragment,null)}var x=a(36848),w=a(83345);const L={pluginHover:"h4RQa"};var I="shared.pluginHover";function F(e){return e.isPlugin?n.createElement(x.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,onClick:e.onClick,className:"\n        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer\n        ".concat(L.pluginHover,"\n        ").concat(e.className?e.className:"","\n      ")},n.createElement("span",{className:"position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white"},n.createElement(w.x,{namespace:I,phrase:"embed"}))):n.createElement(n.Fragment,null)}const T={padlock:"w4cg8",sm:"JpIYd"};function j(e){var t="sm"===e.size?u.S.Small:u.S.Standard;return n.createElement("div",{className:"".concat(T.padlock," ").concat("sm"===e.size?T.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},n.createElement(u.x,{svgName:p.vn.Lock,size:t}))}var M=a(54610),S=a(67453),A=a(76177);const D={logo:"OA9ft",sm:"fyo2J"};function z(e){var t,a,i,r;if(!g.M.isVideo(e.video)||!e.companyLogoFallbackUrl)return n.createElement(n.Fragment,null);var o=null===(a=null===(t=e.video.productionCompanies)||void 0===t?void 0:t.data)||void 0===a?void 0:a[0],c=S.j.createUrl(null!==(r=null===(i=null==o?void 0:o.logo)||void 0===i?void 0:i.url)&&void 0!==r?r:e.companyLogoFallbackUrl,{size:M.h2.Small});return c?n.createElement("div",null,n.createElement(A.u,{title:null==o?void 0:o.name,spanHack:!0},n.createElement("div",{className:"".concat(D.logo," ").concat("sm"===e.size?D.sm:""),style:{backgroundImage:"url(".concat(c,")")}}))):n.createElement(n.Fragment,null)}z.defaultProps={size:"md"};var P=a(11882),R=a(4594),G=a(61150);function V(e){return g.M.isClip(e.video)?n.createElement(G.y,{typeId:R.E.Clip,size:e.size,inContainer:!0}):g.M.isInteractive(e.video)?n.createElement(G.y,{typeId:R.E.Interactive,status:e.video.status,size:e.size,inContainer:!0}):n.createElement(n.Fragment,null)}V.default={size:"md"};var B=a(10439),H=a(49439);const _={overlayContainer:"qu3A3",topLeftContainer:"gjhMe",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function U(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function Z(e){var t="mb-1";return e&&(t+=_.downScale),t}function Q(e){var t,a,l,s=e.video,d=e.appLink,m=e.imageOptions,y=e.setFavourite,f=e.canFavourite,E=e.preload,C=e.hovering,N=e.hoverToPlay,x=e.companyLogoFallbackUrl,w=g.M.getCanBeConsumed(e.video),L=w.canNavigate,I=w.canConsume,T=i.t.isObject(null==d?void 0:d.params)?null==d?void 0:d.params:{},S=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(s)}),D=v.h.showFavouriteButton(e.video,C),R=g.M.isVideo(s),G=g.M.getRating(e.video),Q=(a=(0,H.L)({delay:100}),l=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(a,l)||function(e,t){if(e){if("string"==typeof e)return U(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?U(e,t):void 0}}(a,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),W=Q[0],X=Q[1]&&I&&N,q=Object.assign(Object.assign({},e.analyticsData),{id:s.id,name:s.name}),$=Object.assign(Object.assign({},S),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement(A.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:W},n.createElement(F,{isPlugin:e.isPlugin,className:"rounded-3",appLink:L?d:null,analyticsData:q,analyticsOptions:$}),D&&n.createElement("div",{className:_.topRightContainer},n.createElement(h,{setFavourite:y,canFavourite:f,video:s,analyticsData:e.analyticsData,analyticsOptions:S})),!L&&n.createElement("div",{className:_.topRightContainer},n.createElement(j,null)),n.createElement("div",{className:"".concat(_.topLeftContainer," d-flex flex-no-wrap")},n.createElement(V,{video:s}),n.createElement(z,{video:s,companyLogoFallbackUrl:x})),n.createElement(b.Z,{data:g.M.getThumbnail(s),appLink:L?d:null,imageType:M.__.Thumbnails,imageOptions:m,preload:E,className:_.gradient,alt:("series"in s&&(null===(t=s.series)||void 0===t?void 0:t.name)?"".concat(s.series.name,": "):"")+s.name,analyticsData:q,analyticsOptions:$},!(!C||!L)&&n.createElement(u.x,{className:_.playIcon,svgName:p.vn.PlayCircle}),n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:_.overlayContainer},n.createElement("div",{className:_.overlay},n.createElement("div",{className:"".concat(Z(C)," ").concat(_.title)},R&&n.createElement(P.$,{type:e.subTextType,className:"text-shadow clamp-1",video:s,appLink:null,analyticsOptions:null}),n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},g.M.getTitle(s))),n.createElement(O,{video:s}),C&&n.createElement(c.c,{className:"mt-1"},g.M.isVideo(s)&&n.createElement(n.Fragment,null,n.createElement(o.C,{type:o.g.Rating,data:G}),s.hasSubtitle&&n.createElement("span",{className:"badge p-0"},n.createElement(u.x,{svgName:p.vn.CloseCaptionBadge})),n.createElement(o.C,{type:o.g.Interactive,data:s.hasInteractives}),n.createElement(o.C,{type:o.g.DurationExact,data:g.M.getDuration(e.video)})))))),X&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:T.context,contextId:T.contextId,moviesAndTv:T.mtv})))}var W=a(64446),X=a(40955);const q={badgeContainer:"fy9Un",sm:"Rb0TL"};function $(e){var t=g.M.getRating(e.video),a=!!e.audience&&"sm"!==e.size,i=!a&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||a||i?n.createElement(c.c,{className:"".concat(q.badgeContainer," ").concat("sm"===e.size?q.sm:"")},a&&n.createElement(X.P,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),i&&n.createElement(o.C,{type:o.g.Rating,data:t}),!e.hideDuration&&n.createElement(o.C,{type:e.newDurationStyle?o.g.DurationApproximate:o.g.DurationExact,data:e.duration||g.M.getDuration(e.video)})):n.createElement(n.Fragment,null)}$.defaultProps={newDurationStyle:!0,size:"md"};var J=a(22843),K=a(60318);const Y={preview:"whbhf",topLeftContainer:"wHY80",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",responsiveGuidance:"OixHb",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};var ee=function(e){var t,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,d=e.canFavourite,u=e.isHovering,m=e.hoverToPlay,p=e.companyLogoFallbackUrl,y=i.t.isObject(null==o?void 0:o.params)?null==o?void 0:o.params:{},f=g.M.getCanBeConsumed(a),E=f.canNavigate,C=f.canConsume;n.useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var N="position-relative bg-white";e.extraClasses&&(N+=" ".concat(e.extraClasses)),u&&(N+=" rounded-3 shadow-lg");var x=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(a)}),w=e.isHovering&&C&&m,L=v.h.showFavouriteButton(e.video,u),I=Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),T=Object.assign(Object.assign({},x),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement("div",{className:N},L&&n.createElement("div",{className:Y.topRightContainer},n.createElement(h,{setFavourite:s,canFavourite:d,video:a,analyticsData:e.analyticsData,analyticsOptions:x})),!E&&n.createElement("div",{className:Y.topRightContainer},n.createElement(A.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement(j,null))),n.createElement("div",{className:"position-relative"},n.createElement(F,{isPlugin:e.isPlugin,className:u?"rounded-top-3":"rounded-3",onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},appLink:E?o:null,analyticsData:I,analyticsOptions:T}),n.createElement(b.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:g.M.getThumbnail(a),appLink:E?o:null,imageType:M.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(u?Y.preview:"rounded-3 ".concat(Y.original)),alt:("series"in a&&(null===(t=a.series)||void 0===t?void 0:t.name)?"".concat(a.series.name,": "):"")+a.name,analyticsData:I,analyticsOptions:T},n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:"p-absolute w-100 h-100 text-white"},n.createElement("div",{className:"".concat(Y.topLeftContainer," d-flex flex-no-wrap")},n.createElement(V,{video:a}),n.createElement(z,{video:a,companyLogoFallbackUrl:p})),n.createElement($,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}),n.createElement(O,{video:a}))),w&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:y.context,contextId:y.contextId,moviesAndTv:y.mtv,location:"popout-video"})),!u&&!e.hideTitle&&n.createElement(J.h,Object.assign({},e)),n.createElement("div",{className:"".concat(Y.details," ").concat(u?"".concat(Y.isHovering," box-shadow"):"")},u&&n.createElement(n.Fragment,null,n.createElement("div",{className:"".concat(u?Y.videoGuidanceTags:"")},n.createElement(J.h,Object.assign({},e)),e.showVideoGuidance&&u&&n.createElement(K.u,{getClassroomGuideAppLink:e.getClassroomGuideAppLink,getResourceGuidanceAppLink:e.getResourceGuidanceAppLink,getInteractiveGuidanceAppLink:e.getInteractiveGuidanceAppLink,video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,responsiveClassName:Y.responsiveGuidance,containerClassName:"d-flex justify-content-start align-items-center pt-2"})))))};function te(e){return n.createElement(n.Fragment,null,n.createElement(W.K,{hoverableComponent:ee,componentProps:e,fixedHoverWidth:400,minHoverWidth:400,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:e.video.id,name:e.video.name}),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(e.video)})}))}var ae=a(24900),ne=a(89682);const ie={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function re(e){return g.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=g.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!s.q.isFunction(e.setFavourite)||!s.q.isFunction(e.canFavourite))||!!s.q.isFunction(e.setCheckMarkStatus)}(e)?n.createElement("div",{className:"".concat(ie.container," d-flex align-items-center")},n.createElement(h,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:ie.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(ne.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:ie.action})):n.createElement(n.Fragment,null):n.createElement("div",{className:ie.container},n.createElement(j,{size:e.size}))}var oe=a(68626);const ce={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",topLeftContainer:"hrw3I",gradient:"LS_EH"};function le(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return se(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?se(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 se(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var de="shared.staticVideoThumbnail";function ue(e){var t,a=e.video,i=e.subTextAppLink,o=e.textPosition,c=e.appLink,s=o===oe.z.Overlay,d=g.M.getCanBeConsumed(e.video).canNavigate,u="";return s?(u=ce.titleOverlay,d&&(g.M.isClip(a)&&(u+=" "+ce.clip),g.M.isInteractive(a)&&(u+=" "+ce.interactive))):u=ce.titleBelow,n.createElement("div",{className:u},g.M.isVideo(a)&&n.createElement(P.$,{type:e.subTextType,className:s?"text-shadow clamp-1":"clamp-2",video:a,appLink:s?null:i,analyticsOptions:{location:r.LZ.VideoThumbnail}}),s||!d?n.createElement("span",{className:"h6 text-reset clamp-1"},null!==(t=a.name)&&void 0!==t?t:l.T.getPhrase(de,"videoUnavailable")):n.createElement(x.F,{className:"h6 text-reset clamp-2",appLink:c},a.name))}function me(e){var t,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,d=e.setFavourite,u=e.preload,m=e.hoverToPlay,p=i.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},y=le((0,H.X)(),2),f=y[0],E=y[1],h=le((0,H.L)({delay:100}),2),C=h[0],N=h[1],x=g.M.getCanBeConsumed(o),w=x.canNavigate,L=x.canConsume,I=N&&L&&m,T=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(o)}),j=!!c&&!e.hideMask&&w,S=g.M.getPrivacyReasoning(e.video,e.showSignIn),D=Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),P=Object.assign(Object.assign({},T),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement(A.u,{title:S,spanHack:!0,spanHackClassName:""},n.createElement("div",{className:(a="position-relative",a+=c&&w?" cursor-pointer":"",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===oe.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:function(e){f.current=e,C.current=e}},n.createElement(F,{isPlugin:e.isPlugin,className:"sm"===e.size?"rounded":"rounded-3",appLink:w?c:null,analyticsData:D,analyticsOptions:P}),n.createElement(re,{video:o,checkMarkStatus:e.checkMarkStatus,setCheckMarkStatus:e.setCheckMarkStatus,setFavourite:d,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&v.h.showFavouriteButton(o,E)},analyticsData:e.analyticsData,analyticsOptions:T,size:e.size}),n.createElement(b.Z,{data:g.M.getThumbnail(o),appLink:w?c:null,onClick:w?e.onClick:void 0,imageType:M.__.Thumbnails,imageOptions:s,preload:u,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-3");return e.imageClassName&&(t+=" ".concat(e.imageClassName)),l===oe.z.Overlay&&(t+=" ".concat(ce.gradient)),t}(),alt:("series"in o&&(null===(t=o.series)||void 0===t?void 0:t.name)?"".concat(o.series.name,": "):"")+o.name,analyticsData:D,analyticsOptions:P},j&&n.createElement(ae.z,{type:ae.O.Video,size:e.size}),n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:ce.overlayContainer},l===oe.z.Overlay&&n.createElement(ue,Object.assign({},e)),n.createElement("div",{className:"".concat(ce.topLeftContainer," d-flex flex-no-wrap")},n.createElement(V,{video:o,size:e.size}),n.createElement(z,{video:o,companyLogoFallbackUrl:e.companyLogoFallbackUrl,size:e.size})),n.createElement(O,{video:o}),n.createElement($,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),I&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:p.context,contextId:p.contextId,moviesAndTv:p.mtv}),l===oe.z.Below&&n.createElement(ue,Object.assign({},e))))}function ve(e){switch(e.type){case"static":return n.createElement(me,Object.assign({},e));case"cosmetic":return n.createElement(me,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return n.createElement(Q,Object.assign({},e));case"popout":return n.createElement(te,Object.assign({},e));default:return}}ve.defaultProps={hideRating:!0,size:"md",hoverToPlay:!0}},61150:(e,t,a)=>{a.d(t,{y:()=>v});var n=a(32735),i=a(23481),r=a(83914),o=a(5960),c=a(4594),l=a(35223);const s={topLeftContainer:"iwBld",draft:"QBpxh",badge:"KcvGx",svg:"gW733",text:"QiH5Q",sm:"tn2BH"};var d=i.T.encloseNamespace("shared.typeBadge");function u(e){switch(e){case c.E.Clip:return l.vn.Clip;case c.E.Interactive:return l.vn.Interactive;case c.E.Resource:return l.vn.Resources;default:return""}}function m(e,t){switch(e){case c.E.Clip:return"bg-dark-blue";case c.E.Interactive:return t===o.X.Draft?s.draft:"bg-green";case c.E.Resource:return"bg-indigo";default:return""}}function v(e){var t="".concat(s.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?s.sm:"");return n.createElement("div",{className:e.inContainer?"":s.topLeftContainer},n.createElement("div",{className:"".concat(t," ").concat(m(e.typeId,e.status))},n.createElement(r.x,{className:"svg-container d-block ".concat(s.svg),size:"sm"===e.size?r.S.Small:r.S.Standard,svgName:u(e.typeId)}),n.createElement("span",{className:s.text},function(e){switch(e){case c.E.Clip:return d("clip");case c.E.Interactive:return d("interactive");case c.E.Resource:return d("resource");default:return""}}(e.typeId))))}v.default={size:"md"}},38647:(e,t,a)=>{a.d(t,{m:()=>s});var n=a(32735),i=a(83914),r=a(76177),o=a(26361),c=a(35223),l=a(31908);function s(e){if(!e.yearGroups)return n.createElement(n.Fragment,null);var t=o.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?n.createElement(r.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:t,placement:e.tooltipPlacement||"top"},n.createElement(i.x,{svgName:c.vn.Lock,size:"sm"===e.size?i.S.Small:i.S.Standard})):n.createElement(n.Fragment,null)}},60318:(e,t,a)=>{a.d(t,{u:()=>h});var n=a(32735),i=a(23481),r=a(65858),o=a(83914),c=a(36848);const l={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function s(e){var t,a;return e.appLink?n.createElement(c.F,{appLink:e.appLink,analyticsData:e.appLinkAnalyticsData,analyticsOptions:e.appLinkAnalyticsOptions,className:"\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ".concat(null===(t=e.theme)||void 0===t?void 0:t.container," ").concat(l.tag," ").concat(e.active?l.active:"","\n        ")},n.createElement(d,Object.assign({},e))):n.createElement("div",{className:null===(a=e.theme)||void 0===a?void 0:a.container},n.createElement(d,Object.assign({},e)))}function d(e){var t;return n.createElement(n.Fragment,null,n.createElement(o.x,{className:"".concat(l.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),n.createElement("span",{className:"ps-1 text-nowrap user-select-none ".concat(null===(t=e.theme)||void 0===t?void 0:t.tabLabel)},e.text))}var u=a(35223),m=a(31908),v="shared.classroomGuideTag";function p(e){var t,a,o;return!e.video||m.M.isInteractive(e.video)?n.createElement(n.Fragment,null):e.video.glance?n.createElement(s,{theme:{container:"classroom-guide-tag",tabLabel:"classroom-guide-tag-label"},svgName:u.vn.GraduationCap,iconVariant:"navy",text:i.T.getPhrase(v,"classroomGuide"),appLink:e.appLink,appLinkAnalyticsData:Object.assign({glanceId:null===(t=e.video.glance)||void 0===t?void 0:t.id,totalPointsOfInterest:null===(o=null===(a=e.video.pointsOfInterest)||void 0===a?void 0:a.data)||void 0===o?void 0:o.length,videoGuidanceType:"classroom-guide"},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:m.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}var g="shared.interactivesTag";function y(e){var t;if(!m.M.showInteractivesGuidance(e.video))return n.createElement(n.Fragment,null);var a=!m.M.isInteractive(e.video)&&((null===(t=e.video.interactives)||void 0===t?void 0:t.data.length)||0);return n.createElement(s,{svgName:u.vn.Interactive,iconVariant:"green",text:i.T.getPhrase(g,"interactives",{smartCount:a}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"interactive",videoGuidanceTotalItems:a},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:m.M.getAnalyticsEntity(e.video)},e.analyticsOptions)})}var f="shared.resourcesTag";function E(e){var t;if(!m.M.showResourcesGuidance(e.video))return n.createElement(n.Fragment,null);var a=!m.M.isInteractive(e.video)&&(null===(t=e.video.resources)||void 0===t?void 0:t.data.length)||0;return n.createElement(s,{svgName:u.vn.Resources,iconVariant:"indigo",text:i.T.getPhrase(f,"resources",{smartCount:a}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"resource",videoGuidanceTotalItems:a},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:m.M.getAnalyticsEntity(e.video)},e.analyticsOptions)})}function h(e){var t,a,i,r=m.M.showInteractivesGuidance(e.video)&&m.M.showResourcesGuidance(e.video);return n.createElement("div",{className:"".concat(e.containerClassName," ").concat(r?e.responsiveClassName:"")},n.createElement(p,{appLink:null===(t=e.getClassroomGuideAppLink)||void 0===t?void 0:t.call(e,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(E,{appLink:null===(a=e.getResourceGuidanceAppLink)||void 0===a?void 0:a.call(e,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(y,{appLink:null===(i=e.getInteractiveGuidanceAppLink)||void 0===i?void 0:i.call(e,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}},10439:(e,t,a)=>{a.d(t,{r:()=>c});var n=a(32735),i=a(17082),r=a(35429);const o={hoverContainer:"TzWQw",hovering:"gdTcW"};function c(e){var t,a=(0,r.g)();if(null===(t=a.useInitialize)||void 0===t||t.call(a,e),!a.hasProvider)return n.createElement(n.Fragment,null);if("picture-in-picture"===a.mode)return n.createElement(n.Fragment,null);if("hover"===e.mode&&a.isOnPlayPage)return n.createElement(n.Fragment,null);if("default"===a.mode||"play-page"===e.location)return n.createElement(i.t0,{node:a.portalNode});var c=a.started,l="rounded-3";"popout-video"===e.location&&(l="rounded-top-3");var s="".concat(o.hoverContainer," ").concat(c?o.hovering:""," ").concat(l," overflow-hidden");return n.createElement("div",{className:s},n.createElement(i.t0,{node:a.portalNode}))}},68626:(e,t,a)=>{var n;a.d(t,{z:()=>n}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))}}]);
-//# sourceMappingURL=6948-84a5f8d76f-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6948],{40955:(e,t,a)=>{a.d(t,{P:()=>i});var n=a(32735);function i(e){return e.audience?n.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):n.createElement(n.Fragment,null)}},17464:(e,t,a)=>{a.d(t,{c:()=>r});var n=a(32735),i=a(7121);function r(e){var t="d-flex align-items-center badge-list ".concat(i.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},89682:(e,t,a)=>{a.d(t,{I:()=>u,h:()=>d});var n=a(32735),i=a(91967),r=a(83914),o=a(35223),c=a(11607);const l={unchecked:"bup9I",outline:"ealw_",checked:"A1Ov0",checkMark:"c14lI"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var d;function u(e){var t,a,u=(t=n.useState(e.status===d.Complete),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?s(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];n.useEffect((function(){v(e.status===d.Complete)}),[e.status]);var p="cursor-pointer rounded-circle ".concat(m?l.checked:l.unchecked);return e.className&&(p+=" ".concat(e.className)),"outline"===e.style&&(p+=" ".concat(l.outline)),e.status&&e.status!==d.None&&i.q.isFunction(e.setStatus)?n.createElement(c.L,{className:p,onClick:function(){var t=!m;v(t);var a=t?d.Complete:d.Incomplete;e.setStatus(a).catch((function(){v(!t)}))},disabled:e.disabled},n.createElement(r.x,{svgName:o.vn.Tick,className:"svg-container ".concat(l.checkMark)})):n.createElement(n.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(d||(d={})),u.defaultProps={style:"filled"}},24900:(e,t,a)=>{a.d(t,{z:()=>l,O:()=>c});var n=a(32735),i=a(83914),r=a(35223);const o={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var c;function l(e){var t=e.type,a=e.size,l=function(e){return e===c.Video?o.video:e===c.Playlist?o.playlist:""}(t),s=function(e){return e===c.Video?r.vn.PlayCircle:""}(t);return n.createElement("div",{className:"".concat(o.maskContainer," ").concat("sm"===a?o.small:"")},n.createElement("div",{className:o.mask}),n.createElement(i.x,{svgName:s,className:l}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(c||(c={})),l.defaults={size:"md"}},22843:(e,t,a)=>{a.d(t,{h:()=>d});var n=a(32735),i=a(65858),r=a(36848),o=a(38647),c=a(11882),l=a(31908);const s={container:"r70GR",titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function d(e){var t=e.video,a=e.appLink,d=e.subTextAppLink,u=l.M.getCanBeConsumed(t).canNavigate;return n.createElement("div",{className:"mt-2 ".concat(s.container)},n.createElement("div",{className:"d-flex flex-column ".concat(s.titleContainer)},l.M.isVideo(t)&&n.createElement(c.$,{type:e.subTextType,className:"text-truncate ".concat(s.seriesTitleBox),video:t,appLink:d,analyticsOptions:{location:i.LZ.VideoThumbnail}}),n.createElement(r.F,{className:"h6 text-reset clamp-2 align-middle",appLink:u?a:null},t.name,n.createElement(o.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}},89118:(e,t,a)=>{a.d(t,{u:()=>ve});var n=a(32735),i=a(1048),r=a(65858),o=a(18559),c=a(17464),l=a(23481),s=a(91967),d=a(11607),u=a(83914),m=a(69883),v=a(1643),p=a(35223),g=a(31908);const y={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var E=l.T.encloseNamespace("shared.favouriteButton");function h(e){var t,a,i=(0,m.Z)(),r=v.h.isFavouritedByCurrentUser(e.video),o=(t=n.useState(r),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],l=o[1];n.useEffect((function(){l(r)}),[r]);var h="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(y.favouriteButton," ").concat(c?y.favourited:"");return e.className&&(h+=" ".concat(e.className)),s.q.isFunction(e.setFavourite)&&s.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?n.createElement(d.L,{className:h,onClick:function(){var t=!c;l(t),e.setFavourite(e.video,t,null,(function(){i.error(E(g.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":g.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),l(!t)}),e.analyticsData,e.analyticsOptions)}},n.createElement(u.x,{svgName:p.vn.Heart,className:"svg-container ".concat(y.heart)}),n.createElement(u.x,{svgName:p.vn.HeartOutline,className:"svg-container ".concat(y.heartOutline)})):n.createElement(n.Fragment,null)}var b=a(75163),k=a(5465);function C(e){var t=g.M.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}const N={bottomBar:"YnXtZ"};function O(e){return g.M.isVideo(e.video)?n.createElement("div",{className:N.bottomBar},n.createElement(C,{video:e.video})):n.createElement(n.Fragment,null)}var x=a(36848),w=a(83345);const L={pluginHover:"h4RQa"};var I="shared.pluginHover";function F(e){return e.isPlugin?n.createElement(x.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,onClick:e.onClick,className:"\n        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer\n        ".concat(L.pluginHover,"\n        ").concat(e.className?e.className:"","\n      ")},n.createElement("span",{className:"position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white"},n.createElement(w.x,{namespace:I,phrase:"embed"}))):n.createElement(n.Fragment,null)}const T={padlock:"w4cg8",sm:"JpIYd"};function j(e){var t="sm"===e.size?u.S.Small:u.S.Standard;return n.createElement("div",{className:"".concat(T.padlock," ").concat("sm"===e.size?T.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},n.createElement(u.x,{svgName:p.vn.Lock,size:t}))}var M=a(54610),S=a(67453),A=a(76177);const D={logo:"OA9ft",sm:"fyo2J"};function z(e){var t,a,i,r;if(!g.M.isVideo(e.video)||!e.companyLogoFallbackUrl)return n.createElement(n.Fragment,null);var o=null===(a=null===(t=e.video.productionCompanies)||void 0===t?void 0:t.data)||void 0===a?void 0:a[0],c=S.j.createUrl(null!==(r=null===(i=null==o?void 0:o.logo)||void 0===i?void 0:i.url)&&void 0!==r?r:e.companyLogoFallbackUrl,{size:M.h2.Small});return c?n.createElement("div",null,n.createElement(A.u,{title:null==o?void 0:o.name,spanHack:!0},n.createElement("div",{className:"".concat(D.logo," ").concat("sm"===e.size?D.sm:""),style:{backgroundImage:"url(".concat(c,")")}}))):n.createElement(n.Fragment,null)}z.defaultProps={size:"md"};var P=a(11882),R=a(4594),G=a(61150);function V(e){return g.M.isClip(e.video)?n.createElement(G.y,{typeId:R.E.Clip,size:e.size,inContainer:!0}):g.M.isInteractive(e.video)?n.createElement(G.y,{typeId:R.E.Interactive,status:e.video.status,size:e.size,inContainer:!0}):n.createElement(n.Fragment,null)}V.default={size:"md"};var B=a(10439),H=a(49439);const _={overlayContainer:"qu3A3",topLeftContainer:"gjhMe",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function U(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function Z(e){var t="mb-1";return e&&(t+=_.downScale),t}function Q(e){var t,a,l,s=e.video,d=e.appLink,m=e.imageOptions,y=e.setFavourite,f=e.canFavourite,E=e.preload,C=e.hovering,N=e.hoverToPlay,x=e.companyLogoFallbackUrl,w=g.M.getCanBeConsumed(e.video),L=w.canNavigate,I=w.canConsume,T=i.t.isObject(null==d?void 0:d.params)?null==d?void 0:d.params:{},S=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(s)}),D=v.h.showFavouriteButton(e.video,C),R=g.M.isVideo(s),G=g.M.getRating(e.video),Q=(a=(0,H.L)({delay:100}),l=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(a,l)||function(e,t){if(e){if("string"==typeof e)return U(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?U(e,t):void 0}}(a,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),W=Q[0],X=Q[1]&&I&&N,q=Object.assign(Object.assign({},e.analyticsData),{id:s.id,name:s.name}),$=Object.assign(Object.assign({},S),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement(A.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:W},n.createElement(F,{isPlugin:e.isPlugin,className:"rounded-3",appLink:L?d:null,analyticsData:q,analyticsOptions:$}),D&&n.createElement("div",{className:_.topRightContainer},n.createElement(h,{setFavourite:y,canFavourite:f,video:s,analyticsData:e.analyticsData,analyticsOptions:S})),!L&&n.createElement("div",{className:_.topRightContainer},n.createElement(j,null)),n.createElement("div",{className:"".concat(_.topLeftContainer," d-flex flex-no-wrap")},n.createElement(V,{video:s}),n.createElement(z,{video:s,companyLogoFallbackUrl:x})),n.createElement(b.Z,{data:g.M.getThumbnail(s),appLink:L?d:null,imageType:M.__.Thumbnails,imageOptions:m,preload:E,className:_.gradient,alt:("series"in s&&(null===(t=s.series)||void 0===t?void 0:t.name)?"".concat(s.series.name,": "):"")+s.name,analyticsData:q,analyticsOptions:$},!(!C||!L)&&n.createElement(u.x,{className:_.playIcon,svgName:p.vn.PlayCircle}),n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:_.overlayContainer},n.createElement("div",{className:_.overlay},n.createElement("div",{className:"".concat(Z(C)," ").concat(_.title)},R&&n.createElement(P.$,{type:e.subTextType,className:"text-shadow clamp-1",video:s,appLink:null,analyticsOptions:null}),n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},g.M.getTitle(s))),n.createElement(O,{video:s}),C&&n.createElement(c.c,{className:"mt-1"},g.M.isVideo(s)&&n.createElement(n.Fragment,null,n.createElement(o.C,{type:o.g.Rating,data:G}),s.hasSubtitle&&n.createElement("span",{className:"badge p-0"},n.createElement(u.x,{svgName:p.vn.CloseCaptionBadge})),n.createElement(o.C,{type:o.g.Interactive,data:s.hasInteractives}),n.createElement(o.C,{type:o.g.DurationExact,data:g.M.getDuration(e.video)})))))),X&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:T.context,contextId:T.contextId,moviesAndTv:T.mtv})))}var W=a(64446),X=a(40955);const q={badgeContainer:"fy9Un",sm:"Rb0TL"};function $(e){var t=g.M.getRating(e.video),a=!!e.audience&&"sm"!==e.size,i=!a&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||a||i?n.createElement(c.c,{className:"".concat(q.badgeContainer," ").concat("sm"===e.size?q.sm:"")},a&&n.createElement(X.P,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),i&&n.createElement(o.C,{type:o.g.Rating,data:t}),!e.hideDuration&&n.createElement(o.C,{type:e.newDurationStyle?o.g.DurationApproximate:o.g.DurationExact,data:e.duration||g.M.getDuration(e.video)})):n.createElement(n.Fragment,null)}$.defaultProps={newDurationStyle:!0,size:"md"};var J=a(22843),K=a(60318);const Y={preview:"whbhf",topLeftContainer:"wHY80",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",responsiveGuidance:"OixHb",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};var ee=function(e){var t,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,d=e.canFavourite,u=e.isHovering,m=e.hoverToPlay,p=e.companyLogoFallbackUrl,y=i.t.isObject(null==o?void 0:o.params)?null==o?void 0:o.params:{},f=g.M.getCanBeConsumed(a),E=f.canNavigate,C=f.canConsume;n.useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var N="position-relative bg-white";e.extraClasses&&(N+=" ".concat(e.extraClasses)),u&&(N+=" rounded-3 shadow-lg");var x=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(a)}),w=e.isHovering&&C&&m,L=v.h.showFavouriteButton(e.video,u),I=Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),T=Object.assign(Object.assign({},x),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement("div",{className:N},L&&n.createElement("div",{className:Y.topRightContainer},n.createElement(h,{setFavourite:s,canFavourite:d,video:a,analyticsData:e.analyticsData,analyticsOptions:x})),!E&&n.createElement("div",{className:Y.topRightContainer},n.createElement(A.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement(j,null))),n.createElement("div",{className:"position-relative"},n.createElement(F,{isPlugin:e.isPlugin,className:u?"rounded-top-3":"rounded-3",onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},appLink:E?o:null,analyticsData:I,analyticsOptions:T}),n.createElement(b.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:g.M.getThumbnail(a),appLink:E?o:null,imageType:M.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(u?Y.preview:"rounded-3 ".concat(Y.original)),alt:("series"in a&&(null===(t=a.series)||void 0===t?void 0:t.name)?"".concat(a.series.name,": "):"")+a.name,analyticsData:I,analyticsOptions:T},n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:"p-absolute w-100 h-100 text-white"},n.createElement("div",{className:"".concat(Y.topLeftContainer," d-flex flex-no-wrap")},n.createElement(V,{video:a}),n.createElement(z,{video:a,companyLogoFallbackUrl:p})),n.createElement($,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}),n.createElement(O,{video:a}))),w&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:y.context,contextId:y.contextId,moviesAndTv:y.mtv,location:"popout-video"})),!u&&!e.hideTitle&&n.createElement(J.h,Object.assign({},e)),n.createElement("div",{className:"".concat(Y.details," ").concat(u?"".concat(Y.isHovering," box-shadow"):"")},u&&n.createElement(n.Fragment,null,n.createElement("div",{className:"".concat(u?Y.videoGuidanceTags:"")},n.createElement(J.h,Object.assign({},e)),e.showVideoGuidance&&u&&n.createElement(K.u,{getClassroomGuideAppLink:e.getClassroomGuideAppLink,getResourceGuidanceAppLink:e.getResourceGuidanceAppLink,getInteractiveGuidanceAppLink:e.getInteractiveGuidanceAppLink,video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,responsiveClassName:Y.responsiveGuidance,containerClassName:"d-flex justify-content-start align-items-center pt-2"})))))};function te(e){return n.createElement(n.Fragment,null,n.createElement(W.K,{hoverableComponent:ee,componentProps:e,fixedHoverWidth:400,minHoverWidth:400,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:e.video.id,name:e.video.name}),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(e.video)})}))}var ae=a(24900),ne=a(89682);const ie={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function re(e){return g.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=g.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!s.q.isFunction(e.setFavourite)||!s.q.isFunction(e.canFavourite))||!!s.q.isFunction(e.setCheckMarkStatus)}(e)?n.createElement("div",{className:"".concat(ie.container," d-flex align-items-center")},n.createElement(h,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:ie.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(ne.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:ie.action})):n.createElement(n.Fragment,null):n.createElement("div",{className:ie.container},n.createElement(j,{size:e.size}))}var oe=a(68626);const ce={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",topLeftContainer:"hrw3I",gradient:"LS_EH"};function le(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return se(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?se(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 se(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var de="shared.staticVideoThumbnail";function ue(e){var t,a=e.video,i=e.subTextAppLink,o=e.textPosition,c=e.appLink,s=o===oe.z.Overlay,d=g.M.getCanBeConsumed(e.video).canNavigate,u="";return s?(u=ce.titleOverlay,d&&(g.M.isClip(a)&&(u+=" "+ce.clip),g.M.isInteractive(a)&&(u+=" "+ce.interactive))):u=ce.titleBelow,n.createElement("div",{className:u},g.M.isVideo(a)&&n.createElement(P.$,{type:e.subTextType,className:s?"text-shadow clamp-1":"clamp-2",video:a,appLink:s?null:i,analyticsOptions:{location:r.LZ.VideoThumbnail}}),s||!d?n.createElement("span",{className:"h6 text-reset clamp-1"},null!==(t=a.name)&&void 0!==t?t:l.T.getPhrase(de,"videoUnavailable")):n.createElement(x.F,{className:"h6 text-reset clamp-2",appLink:c},a.name))}function me(e){var t,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,d=e.setFavourite,u=e.preload,m=e.hoverToPlay,p=i.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},y=le((0,H.X)(),2),f=y[0],E=y[1],h=le((0,H.L)({delay:100}),2),C=h[0],N=h[1],x=g.M.getCanBeConsumed(o),w=x.canNavigate,L=x.canConsume,I=N&&L&&m,T=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(o)}),j=!!c&&!e.hideMask&&w,S=g.M.getPrivacyReasoning(e.video,e.showSignIn),D=Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),P=Object.assign(Object.assign({},T),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement(A.u,{title:S,spanHack:!0,spanHackClassName:""},n.createElement("div",{className:(a="position-relative",a+=c&&w?" cursor-pointer":"",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===oe.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:function(e){f.current=e,C.current=e}},n.createElement(F,{isPlugin:e.isPlugin,className:"sm"===e.size?"rounded":"rounded-3",appLink:w?c:null,analyticsData:D,analyticsOptions:P}),n.createElement(re,{video:o,checkMarkStatus:e.checkMarkStatus,setCheckMarkStatus:e.setCheckMarkStatus,setFavourite:d,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&v.h.showFavouriteButton(o,E)},analyticsData:e.analyticsData,analyticsOptions:T,size:e.size}),n.createElement(b.Z,{data:g.M.getThumbnail(o),appLink:w?c:null,onClick:w?e.onClick:void 0,imageType:M.__.Thumbnails,imageOptions:s,preload:u,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-3");return e.imageClassName&&(t+=" ".concat(e.imageClassName)),l===oe.z.Overlay&&(t+=" ".concat(ce.gradient)),t}(),alt:("series"in o&&(null===(t=o.series)||void 0===t?void 0:t.name)?"".concat(o.series.name,": "):"")+o.name,analyticsData:D,analyticsOptions:P},j&&n.createElement(ae.z,{type:ae.O.Video,size:e.size}),n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:ce.overlayContainer},l===oe.z.Overlay&&n.createElement(ue,Object.assign({},e)),n.createElement("div",{className:"".concat(ce.topLeftContainer," d-flex flex-no-wrap")},n.createElement(V,{video:o,size:e.size}),n.createElement(z,{video:o,companyLogoFallbackUrl:e.companyLogoFallbackUrl,size:e.size})),n.createElement(O,{video:o}),n.createElement($,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),I&&n.createElement(B.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:p.context,contextId:p.contextId,moviesAndTv:p.mtv}),l===oe.z.Below&&n.createElement(ue,Object.assign({},e))))}function ve(e){switch(e.type){case"static":return n.createElement(me,Object.assign({},e));case"cosmetic":return n.createElement(me,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return n.createElement(Q,Object.assign({},e));case"popout":return n.createElement(te,Object.assign({},e));default:return}}ve.defaultProps={hideRating:!0,size:"md",hoverToPlay:!0}},61150:(e,t,a)=>{a.d(t,{y:()=>v});var n=a(32735),i=a(23481),r=a(83914),o=a(5960),c=a(4594),l=a(35223);const s={topLeftContainer:"iwBld",draft:"QBpxh",badge:"KcvGx",svg:"gW733",text:"QiH5Q",sm:"tn2BH"};var d=i.T.encloseNamespace("shared.typeBadge");function u(e){switch(e){case c.E.Clip:return l.vn.Clip;case c.E.Interactive:return l.vn.Interactive;case c.E.Resource:return l.vn.Resources;default:return""}}function m(e,t){switch(e){case c.E.Clip:return"bg-dark-blue";case c.E.Interactive:return t===o.X.Draft?s.draft:"bg-green";case c.E.Resource:return"bg-indigo";default:return""}}function v(e){var t="".concat(s.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?s.sm:"");return n.createElement("div",{className:e.inContainer?"":s.topLeftContainer},n.createElement("div",{className:"".concat(t," ").concat(m(e.typeId,e.status))},n.createElement(r.x,{className:"svg-container d-block ".concat(s.svg),size:"sm"===e.size?r.S.Small:r.S.Standard,svgName:u(e.typeId)}),n.createElement("span",{className:s.text},function(e){switch(e){case c.E.Clip:return d("clip");case c.E.Interactive:return d("interactive");case c.E.Resource:return d("resource");default:return""}}(e.typeId))))}v.default={size:"md"}},38647:(e,t,a)=>{a.d(t,{m:()=>s});var n=a(32735),i=a(83914),r=a(76177),o=a(26361),c=a(35223),l=a(31908);function s(e){if(!e.yearGroups)return n.createElement(n.Fragment,null);var t=o.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?n.createElement(r.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:t,placement:e.tooltipPlacement||"top"},n.createElement(i.x,{svgName:c.vn.Lock,size:"sm"===e.size?i.S.Small:i.S.Standard})):n.createElement(n.Fragment,null)}},60318:(e,t,a)=>{a.d(t,{u:()=>h});var n=a(32735),i=a(23481),r=a(65858),o=a(83914),c=a(36848);const l={tag:"OjHQZ",icon:"SS2zL",disabled:"eGiNR",active:"kD1xM"};function s(e){var t,a;return e.appLink?n.createElement(c.F,{appLink:e.appLink,analyticsData:e.appLinkAnalyticsData,analyticsOptions:e.appLinkAnalyticsOptions,className:"\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ".concat(null===(t=e.theme)||void 0===t?void 0:t.container," ").concat(l.tag," ").concat(e.active?l.active:"","\n        ")},n.createElement(d,Object.assign({},e))):n.createElement("div",{className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center ".concat(null===(a=e.theme)||void 0===a?void 0:a.container," ").concat(l.tag," ").concat(l.disabled)},n.createElement(d,Object.assign({},e)))}function d(e){var t;return n.createElement(n.Fragment,null,n.createElement(o.x,{className:"".concat(l.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),n.createElement("span",{className:"ps-1 text-nowrap user-select-none ".concat(null===(t=e.theme)||void 0===t?void 0:t.tabLabel)},e.text))}var u=a(35223),m=a(31908),v="shared.classroomGuideTag";function p(e){var t,a,o;return!e.video||m.M.isInteractive(e.video)?n.createElement(n.Fragment,null):e.video.glance?n.createElement(s,{theme:{container:"classroom-guide-tag",tabLabel:"classroom-guide-tag-label"},svgName:u.vn.GraduationCap,iconVariant:"navy",text:i.T.getPhrase(v,"classroomGuide"),appLink:e.appLink,appLinkAnalyticsData:Object.assign({glanceId:null===(t=e.video.glance)||void 0===t?void 0:t.id,totalPointsOfInterest:null===(o=null===(a=e.video.pointsOfInterest)||void 0===a?void 0:a.data)||void 0===o?void 0:o.length,videoGuidanceType:"classroom-guide"},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:m.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}var g="shared.interactivesTag";function y(e){var t;if(!m.M.showInteractivesGuidance(e.video))return n.createElement(n.Fragment,null);var a=!m.M.isInteractive(e.video)&&((null===(t=e.video.interactives)||void 0===t?void 0:t.data.length)||0);return n.createElement(s,{svgName:u.vn.Interactive,iconVariant:"green",text:i.T.getPhrase(g,"interactives",{smartCount:a}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"interactive",videoGuidanceTotalItems:a},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:m.M.getAnalyticsEntity(e.video)},e.analyticsOptions)})}var f="shared.resourcesTag";function E(e){var t;if(!m.M.showResourcesGuidance(e.video))return n.createElement(n.Fragment,null);var a=!m.M.isInteractive(e.video)&&(null===(t=e.video.resources)||void 0===t?void 0:t.data.length)||0;return n.createElement(s,{svgName:u.vn.Resources,iconVariant:"indigo",text:i.T.getPhrase(f,"resources",{smartCount:a}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"resource",videoGuidanceTotalItems:a},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:m.M.getAnalyticsEntity(e.video)},e.analyticsOptions)})}function h(e){var t,a,i,r=m.M.showInteractivesGuidance(e.video)&&m.M.showResourcesGuidance(e.video);return n.createElement("div",{className:"".concat(e.containerClassName," ").concat(r?e.responsiveClassName:"")},n.createElement(p,{appLink:null===(t=e.getClassroomGuideAppLink)||void 0===t?void 0:t.call(e,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(E,{appLink:null===(a=e.getResourceGuidanceAppLink)||void 0===a?void 0:a.call(e,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(y,{appLink:null===(i=e.getInteractiveGuidanceAppLink)||void 0===i?void 0:i.call(e,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}},10439:(e,t,a)=>{a.d(t,{r:()=>c});var n=a(32735),i=a(17082),r=a(35429);const o={hoverContainer:"TzWQw",hovering:"gdTcW"};function c(e){var t,a=(0,r.g)();if(null===(t=a.useInitialize)||void 0===t||t.call(a,e),!a.hasProvider)return n.createElement(n.Fragment,null);if("picture-in-picture"===a.mode)return n.createElement(n.Fragment,null);if("hover"===e.mode&&a.isOnPlayPage)return n.createElement(n.Fragment,null);if("default"===a.mode||"play-page"===e.location)return n.createElement(i.t0,{node:a.portalNode});var c=a.started,l="rounded-3";"popout-video"===e.location&&(l="rounded-top-3");var s="".concat(o.hoverContainer," ").concat(c?o.hovering:""," ").concat(l," overflow-hidden");return n.createElement("div",{className:s},n.createElement(i.t0,{node:a.portalNode}))}},68626:(e,t,a)=>{var n;a.d(t,{z:()=>n}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))}}]);
+//# sourceMappingURL=6948-23ec6a6370-lite.chunk.js.map

package/dist/scripts/6948-23ec6a6370-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6948-23ec6a6370-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx","file:///app/packages/libs/shared/src/components/badges/BadgeListContainer.tsx","file:///app/packages/libs/shared/src/components/check-mark-button/check-mark-button.scss","file:///app/packages/libs/shared/src/components/check-mark-button/CheckMarkButton.tsx","file:///app/packages/libs/shared/src/components/mask/mask.scss","file:///app/packages/libs/shared/src/components/mask/Mask.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-text/thumbnail-text.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-text/ThumbnailText.tsx","file:///app/packages/libs/shared/src/components/favourite-button/favourite-button.scss","file:///app/packages/libs/shared/src/components/favourite-button/FavouriteButton.tsx","file:///app/packages/libs/shared/src/components/thumbnails/bottom-bar/videos/VideoWatchProgressBar.tsx","file:///app/packages/libs/shared/src/components/thumbnails/bottom-bar/video-thumbnail-bottom-bar.scss","file:///app/packages/libs/shared/src/components/thumbnails/bottom-bar/VideoThumbnailBottomBar.tsx","file:///app/packages/libs/shared/src/components/thumbnails/plugin-hover/plugin-hover.scss","file:///app/packages/libs/shared/src/components/thumbnails/plugin-hover/PluginHover.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-actions/padlock/thumbnail-padlock.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-actions/padlock/ThumbnailPadlock.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-company/thumbnail-company-logo.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-company/ThumbnailCompanyLogo.tsx","file:///app/packages/libs/shared/src/components/video-type-badge/VideoTypeBadge.tsx","file:///app/packages/libs/shared/src/components/thumbnails/video/expandable/expandable-video-thumbnail.scss","file:///app/packages/libs/shared/src/components/thumbnails/video/expandable/ExpandableVideoThumbnail.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-badges/video-thumbnail-badges.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-badges/VideoThumbnailBadges.tsx","file:///app/packages/libs/shared/src/components/thumbnails/video/popout/popout-video-thumbnail.scss","file:///app/packages/libs/shared/src/components/thumbnails/video/popout/PopoutVideoThumbnail.tsx","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-actions/video-thumbnail-actions.scss","file:///app/packages/libs/shared/src/components/thumbnails/thumbnail-actions/VideoThumbnailActions.tsx","file:///app/packages/libs/shared/src/components/thumbnails/video/static/static-video-thumbnail.scss","file:///app/packages/libs/shared/src/components/thumbnails/video/static/StaticVideoThumbnail.tsx","file:///app/packages/libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx","file:///app/packages/libs/shared/src/components/type-badge/type-badge.scss","file:///app/packages/libs/shared/src/components/type-badge/TypeBadge.tsx","file:///app/packages/libs/shared/src/components/video-list/components/restriction-padlock/RestrictionPadlock.tsx","file:///app/packages/libs/shared/src/components/video-guidance/tag/video-guidance-tag.scss","file:///app/packages/libs/shared/src/components/video-guidance/tag/VideoGuidanceTag.tsx","file:///app/packages/libs/shared/src/components/video-guidance/classroom-guide/ClassroomGuideTag.tsx","file:///app/packages/libs/shared/src/components/video-guidance/interactives/InteractivesTag.tsx","file:///app/packages/libs/shared/src/components/video-guidance/resources/ResourcesTag.tsx","file:///app/packages/libs/shared/src/components/video-list/components/video-guidance/VideoItemGuidance.tsx","file:///app/packages/libs/shared/src/context/player-context/components/global-player-consumer.scss","file:///app/packages/libs/shared/src/context/player-context/components/GlobalPlayerConsumer.tsx","file:///app/packages/libs/shared/src/enums/ThumbnailTextPosition.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Audience } from 'libs/shared/interfaces';\n\nimport styles from './audience-label.scss';\n\ntype AudienceBorderColour = 'dark' | 'white';\n\ninterface AudienceLabelProps {\n  audience: Audience;\n  border: AudienceBorderColour;\n  className?: string;\n}\n\nexport function AudienceLabel(props: AudienceLabelProps): JSX.Element {\n  if (!props.audience)\n    return <></>;\n\n  // Note: the audience-label class is applied so that parent components can override styling, and Online can style this component\n  return (\n    <div\n      className={`audience-label border rounded-pill d-inline-block px-2 text-nowrap \n      ${'border-' + props.border} ${props.className ? props.className : ''}`}\n    >\n      {props.audience.name}\n    </div>\n  );\n}\n\ninterface AudienceLabelListProps {\n  audiences: Audience[];\n  border: AudienceBorderColour;\n}\n\nexport function AudienceLabelList(props: AudienceLabelListProps): JSX.Element {\n  if (!props.audiences || !props.audiences.length)\n    return <></>;\n\n  return (\n    <>\n      {props.audiences.map((a, idx) => (\n        <span key={idx} className={styles.audienceLabelListItem}>\n          <AudienceLabel audience={a} border={props.border} />\n        </span>\n      ))}\n    </>\n  );\n}","import * as React from 'react';\n\nimport styles from './badge.scss';\n\ninterface BadgeListContainerProps {\n  className?: string;\n}\n\nexport function BadgeListContainer(props: React.PropsWithChildren<BadgeListContainerProps>): JSX.Element {\n  let className = `d-flex align-items-center badge-list ${styles.minHeight}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  return (\n    <div className={className}>\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"unchecked\":\"bup9I\",\"outline\":\"ealw_\",\"checked\":\"A1Ov0\",\"checkMark\":\"c14lI\"};","import React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { DivButton } from '../div-button/DivButton';\n\nimport styles from './check-mark-button.scss';\n\nexport enum CheckMarkStatus {\n  None = 'None',\n  Complete = 'Complete',\n  Incomplete = 'Incomplete'\n}\n\nexport type SetCheckMarkStatusFunc = (status: CheckMarkStatus) => Promise<void>;\n\ninterface CheckMarkButtonProps {\n  setStatus: SetCheckMarkStatusFunc;\n  status: CheckMarkStatus;\n  style?: 'outline' | 'filled';\n  className?: string;\n  disabled?: boolean;\n}\n\nCheckMarkButton.defaultProps = {\n  style: 'filled'\n};\n\nexport function CheckMarkButton(props: CheckMarkButtonProps): JSX.Element {\n  // Use local state so that changes are reflected immediately.\n  const [ isComplete, setIsComplete ] = React.useState(props.status === CheckMarkStatus.Complete);\n\n  React.useEffect(() => {\n    setIsComplete(props.status === CheckMarkStatus.Complete);\n  }, [props.status]);\n\n  let className = `cursor-pointer rounded-circle ${isComplete ? styles.checked : styles.unchecked}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  if (props.style === 'outline')\n    className += ` ${styles.outline}`;\n\n  function shouldRender(): boolean {\n    return (\n      !!props.status &&\n      props.status !== CheckMarkStatus.None &&\n      FunctionHelper.isFunction(props.setStatus)\n    );\n  }\n\n  function onClick(): void {\n    const shouldComplete = !isComplete;\n\n    setIsComplete(shouldComplete);\n\n    const newStatus = shouldComplete ? CheckMarkStatus.Complete : CheckMarkStatus.Incomplete;\n\n    props.setStatus(newStatus).catch(() => {\n      setIsComplete(!shouldComplete);\n    });\n  }\n\n  if (!shouldRender())\n    return <></>;\n\n  return (\n    <DivButton className={className} onClick={onClick} disabled={props.disabled}>\n      <SvgContainer\n        svgName={cvSvgLibrary.Tick}\n        className={`svg-container ${styles.checkMark}`}\n      />\n    </DivButton>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"mask\":\"qpc7L\",\"small\":\"L8Oxs\",\"video\":\"b8kJW\",\"playlist\":\"eo2p2\",\"maskContainer\":\"lpwag\"};","import * as React from 'react';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './mask.scss';\n\nexport enum MaskType {\n  Video,\n  Playlist,\n  Series\n}\n\nfunction getClassByType(type: MaskType): string {\n  if (type === MaskType.Video)\n    return styles.video;\n\n  if (type === MaskType.Playlist)\n    return styles.playlist;\n\n  return '';\n}\n\nfunction getSvgType(type: MaskType): string {\n  if (type === MaskType.Video)\n    return cvSvgLibrary.PlayCircle;\n\n  return '';\n}\n\ntype MaskSize = 'sm' | 'md';\n\ninterface MaskProps {\n  type: MaskType;\n  size?: MaskSize;\n}\n\nMask.defaults = {\n  size: 'md'\n};\n\nexport function Mask(props: MaskProps): JSX.Element {\n  const { type, size } = props;\n\n  const typeClass = getClassByType(type);\n  const svgType = getSvgType(type);\n\n  return (\n    <div className={`${styles.maskContainer} ${size === 'sm' ? styles.small : ''}`}>\n      <div className={ styles.mask }></div>\n      <SvgContainer svgName={svgType} className={ typeClass } />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"r70GR\",\"titleContainer\":\"rULXI\",\"seriesTitleBox\":\"h9k1p\",\"badgeContainer\":\"QaDDX\",\"audienceBadge\":\"hvsne\"};","import React from 'react';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { PopoutVideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './thumbnail-text.scss';\n\ntype VideoThumbnailTextProps = Pick<PopoutVideoThumbnailProps, 'video'|'appLink'|'subTextAppLink'|'yearGroups'|'subTextType'>\n\nexport function ThumbnailText(props: VideoThumbnailTextProps): JSX.Element {\n  const { video, appLink, subTextAppLink } = props;\n  const { canNavigate } = VideoHelper.getCanBeConsumed(video);\n\n  return (\n    <div className={`mt-2 ${styles.container}`}>\n      <div className={`d-flex flex-column ${styles.titleContainer}`}>\n        {VideoHelper.isVideo(video) && (\n          <VideoSubText\n            type={props.subTextType}\n            className={`text-truncate ${styles.seriesTitleBox}`}\n            video={video}\n            appLink={subTextAppLink}\n            analyticsOptions={{ location: LocationContext.VideoThumbnail }}\n          />\n        )}\n \n        <AppLink className='h6 text-reset clamp-2 align-middle' appLink={canNavigate ? appLink : null}>\n          {video.name}\n          <RestrictionPadlock\n            video={props.video}\n            yearGroups={props.yearGroups}\n            size='sm'\n          />\n        </AppLink>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"favourited\":\"t0svX\",\"favouriteButton\":\"CFRo3\",\"heart\":\"ZMMQu\",\"heartOutline\":\"truFo\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces/AnalyticsTypes';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CanFavouriteFunc, FavouriteFunc, VideoTypes } from 'libs/shared/interfaces';\nimport { FavouriteHelper } from 'libs/shared/utils/FavouriteHelpers';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './favourite-button.scss';\n\nconst namespace = 'shared.favouriteButton';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface FavouriteButtonProps {\n  video: VideoTypes;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  className?: string;\n  analyticsData?: HashObject,\n  analyticsOptions?: AnalyticsOptions\n}\n\nexport function FavouriteButton(props: FavouriteButtonProps): JSX.Element {\n  const alerts = useAlerts();\n\n  const initialState = FavouriteHelper.isFavouritedByCurrentUser(props.video);\n\n  // Use local state so that changes are reflected immediately.\n  const [ isFavourite, setIsFavourite ] = React.useState(initialState);\n\n  React.useEffect(() => {\n    setIsFavourite(initialState);\n  }, [initialState]);\n\n  const flexClasses = 'd-flex align-items-center justify-content-center';\n  let className = `${flexClasses} cursor-pointer ${styles.favouriteButton} ${isFavourite ? styles.favourited : ''}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  function onClick(): void {\n    const shouldFavourite = !isFavourite;\n\n    function onError(): void {\n      function getErrorPhraseKey(): string {\n        if (VideoHelper.isClip(props.video))\n          return shouldFavourite ? 'favouriteClipError' : 'unfavouriteClipError';\n\n        if (VideoHelper.isInteractive(props.video))\n          return shouldFavourite ? 'favouriteInteractiveError' : 'unfavouriteInteractiveError';\n\n        return shouldFavourite ? 'favouriteVideoError' : 'unfavouriteVideoError';\n      }\n\n      alerts.error(getPhrase(getErrorPhraseKey()));\n      setIsFavourite(!shouldFavourite);\n    }\n\n    setIsFavourite(shouldFavourite);\n    props.setFavourite(props.video, shouldFavourite, null, onError, props.analyticsData, props.analyticsOptions);\n  }\n\n  if (!FunctionHelper.isFunction(props.setFavourite) || !FunctionHelper.isFunction(props.canFavourite))\n    return <></>;\n\n  // Don't render until we know the state of isFavourite\n  if (!props.canFavourite(props.video))\n    return <></>;\n\n  return (\n    <DivButton className={className} onClick={onClick}>\n      {/* We have the two svgs because they get swapped out on hover by the styles */}\n      <SvgContainer\n        svgName={cvSvgLibrary.Heart}\n        className={`svg-container ${styles.heart}`}\n      />\n      <SvgContainer\n        svgName={cvSvgLibrary.HeartOutline}\n        className={`svg-container ${styles.heartOutline}`}\n      />\n    </DivButton>\n  );\n}","import * as React from 'react';\n\nimport { Video } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ninterface VideoWatchProgressBarProps {\n  video: Video;\n}\n\nexport function VideoWatchProgressBar(props: VideoWatchProgressBarProps): JSX.Element {\n  const progress = VideoHelper.getVideoProgress(props.video);\n\n  const watchPercentage = progress && props.video.duration\n    && progress / props.video.duration * 100000;\n\n  if (!watchPercentage)\n    return <></>;\n\n  return <div className='bg-primary h-100' style={{ width: `${watchPercentage}%` }} />;\n}","// extracted by mini-css-extract-plugin\nexport default {\"bottomBar\":\"YnXtZ\"};","import React from 'react';\n\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { VideoWatchProgressBar } from './videos/VideoWatchProgressBar';\n\nimport styles from './video-thumbnail-bottom-bar.scss';\n\ninterface VideoThumbnailBottomBarProps {\n  video: VideoTypes;\n}\n\nexport function VideoThumbnailBottomBar(props: VideoThumbnailBottomBarProps): JSX.Element {\n  if (!VideoHelper.isVideo(props.video)) {\n    return <></>;\n  }\n\n  return (\n    <div className={styles.bottomBar}>\n      <VideoWatchProgressBar video={props.video} />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"pluginHover\":\"h4RQa\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport styles from './plugin-hover.scss';\n\nconst namespace = 'shared.pluginHover';\n\ninterface PluginHoverProps {\n  isPlugin: boolean;\n  className?: string;\n  onClick?: () => void;\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n}\n\nexport function PluginHover(props: PluginHoverProps): JSX.Element {\n  if (!props.isPlugin)\n    return <></>;\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n      onClick={props.onClick}\n      className={`\n        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer\n        ${styles.pluginHover}\n        ${props.className ? props.className : ''}\n      `}\n    >\n      <span className='position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white'>\n        <Text namespace={namespace} phrase='embed' />\n      </span>\n    </AppLink>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"padlock\":\"w4cg8\",\"sm\":\"JpIYd\"};","import React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './thumbnail-padlock.scss';\n\ninterface ThumbnailPadlockProps {\n  size?: VideoItemSize;\n}\n\nexport function ThumbnailPadlock(props: ThumbnailPadlockProps): JSX.Element {\n  const svgSize = props.size === 'sm' ? SvgContainerSize.Small : SvgContainerSize.Standard;\n\n  return (\n    <div className={`${styles.padlock} ${props.size === 'sm' ? styles.sm : ''} bg-white cursor-default d-flex align-items-center justify-content-center`}>\n      <SvgContainer svgName={cvSvgLibrary.Lock} size={svgSize} />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"logo\":\"OA9ft\",\"sm\":\"fyo2J\"};","import React from 'react';\n\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Tooltip } from '../../tooltip/Tooltip';\n\nimport styles from './thumbnail-company-logo.scss';\n\ninterface ThumbnailCompanyLogoProps {\n  companyLogoFallbackUrl: string;\n  video: VideoTypes;\n  size?: VideoItemSize;\n}\n\nThumbnailCompanyLogo.defaultProps = {\n  size: 'md'\n};\n\nexport function ThumbnailCompanyLogo(props: ThumbnailCompanyLogoProps): JSX.Element {\n  if (!VideoHelper.isVideo(props.video) || !props.companyLogoFallbackUrl)\n    return <></>;\n\n  const company = props.video.productionCompanies?.data?.[0];\n  const url = ImageHelper.createUrl(company?.logo?.url ?? props.companyLogoFallbackUrl, { size: ImageSize.Small });\n  \n  if (!url)\n    return <></>;\n\n  return (\n    <div>\n      <Tooltip\n        title={company?.name}\n        spanHack\n      >\n        <div\n          className={`${styles.logo} ${props.size === 'sm' ? styles.sm : ''}`}\n          style={{\n            backgroundImage: `url(${url})`\n          }}\n        />\n      </Tooltip>\n    </div>\n  );\n}","import React from 'react';\n\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { VideoTypes } from 'libs/shared/interfaces/VideoTypes';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { TypeBadge } from '../type-badge/TypeBadge';\n\ninterface VideoTypeBadgeProps {\n  video: VideoTypes;\n  size?: VideoItemSize;\n}\n\nVideoTypeBadge.default = {\n  size: 'md'\n};\n\nexport function VideoTypeBadge(props: VideoTypeBadgeProps): JSX.Element {\n  if (VideoHelper.isClip(props.video))\n    return <TypeBadge typeId={MasterType.Clip} size={props.size} inContainer />;\n\n  if (VideoHelper.isInteractive(props.video))\n    return (\n      <TypeBadge\n        typeId={MasterType.Interactive}\n        status={props.video.status}\n        size={props.size}\n        inContainer\n      />\n    );\n\n  return <></>;\n}","// extracted by mini-css-extract-plugin\nexport default {\"overlayContainer\":\"qu3A3\",\"topLeftContainer\":\"gjhMe\",\"topRightContainer\":\"XAfZW\",\"overlay\":\"NTrtm\",\"downScale\":\"puKcM\",\"title\":\"_6FukN\",\"gradient\":\"rXzR8\",\"playIcon\":\"dndOA\",\"videoProgress\":\"yhWf4\",\"badgeContainer\":\"AtgmC\",\"clipProgress\":\"E2egN\",\"interactiveProgress\":\"WycwR\"};","import React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ClickDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\nimport { FavouriteButton } from 'libs/shared/components/favourite-button/FavouriteButton';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { VideoThumbnailBottomBar } from 'libs/shared/components/thumbnails/bottom-bar/VideoThumbnailBottomBar';\nimport { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\nimport { ThumbnailPadlock } from 'libs/shared/components/thumbnails/thumbnail-actions/padlock/ThumbnailPadlock';\nimport { ThumbnailCompanyLogo } from 'libs/shared/components/thumbnails/thumbnail-company/ThumbnailCompanyLogo';\nimport { ExpandableVideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { VideoTypeBadge } from 'libs/shared/components/video-type-badge/VideoTypeBadge';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { ImageType } from 'libs/shared/enums/Images';\nimport { useHoverIntent } from 'libs/shared/hooks/UseHover';\nimport { FavouriteHelper } from 'libs/shared/utils/FavouriteHelpers';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './expandable-video-thumbnail.scss';\n\nfunction getTitleClass(hovering: boolean): string {\n  let className = 'mb-1';\n\n  if (hovering) {\n    className += styles.downScale;\n  }\n  \n  return className;\n}\n\nexport function ExpandableVideoThumbnail(props: ExpandableVideoThumbnailProps): JSX.Element {\n  const {\n    video, appLink, imageOptions, setFavourite, canFavourite,\n    preload, hovering, hoverToPlay, companyLogoFallbackUrl\n  } = props;\n  const { canNavigate, canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n  const appLinkParams = ObjectHelper.isObject(appLink?.params) ? appLink?.params as HashObject : {};\n\n  const eventAnalyticsOptions = {\n    ...props.analyticsOptions,\n    entity: VideoHelper.getAnalyticsEntity(video)\n  };\n\n  const showFavouriteButton = FavouriteHelper.showFavouriteButton(props.video, hovering);\n  const isVideo = VideoHelper.isVideo(video);\n\n  const rating = VideoHelper.getRating(props.video);\n\n  const [ thumbnailHoverRef, isThumbnailHovering ] = useHoverIntent<HTMLDivElement>({ delay: 100 });\n\n  const showThumbnailPreviewVideo = isThumbnailHovering && canConsume && hoverToPlay;\n\n  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\n\n  return (\n    <Tooltip title={VideoHelper.getPrivacyReasoning(props.video)} spanHack spanHackClassName=''>\n      <div className='position-relative rounded-3 overflow-hidden' ref={thumbnailHoverRef}>\n        <PluginHover\n          isPlugin={props.isPlugin}\n          className='rounded-3'\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\n\n        {showFavouriteButton &&\n          <div className={styles.topRightContainer}>\n            <FavouriteButton\n              setFavourite={setFavourite}\n              canFavourite={canFavourite}\n              video={video}\n              analyticsData={props.analyticsData}\n              analyticsOptions={eventAnalyticsOptions}\n            />\n          </div>\n        }\n        {/* top right */}\n        {!canNavigate && (\n          <div className={styles.topRightContainer}>\n            <ThumbnailPadlock />\n          </div>\n        )}\n        {/* top left */}\n        <div className={`${styles.topLeftContainer} d-flex flex-no-wrap`}>\n          {/* <LiteOwnerAvatar video={video} imageCdnUrl={props.imageCdnUrl} /> */}\n\n          <VideoTypeBadge video={video} />\n\n          <ThumbnailCompanyLogo video={video} companyLogoFallbackUrl={companyLogoFallbackUrl} />\n        </div>\n\n        <BaseImage\n          data={VideoHelper.getThumbnail(video)}\n          appLink={canNavigate ? appLink : null}\n          imageType={ImageType.Thumbnails}\n          imageOptions={imageOptions}\n          preload={preload}\n          className={styles.gradient}\n          alt={('series' in video && video.series?.name ? `${video.series.name}: ` : '') + video.name}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        >\n          {!!(hovering && canNavigate) && (\n            <SvgContainer className={styles.playIcon} svgName={cvSvgLibrary.PlayCircle} />\n          )}\n\n          <ImageFallback type={ImageFallbackType.Video} />\n          <div className={styles.overlayContainer}>\n            <div className={styles.overlay}>\n              <div className={`${getTitleClass(hovering)} ${styles.title}`}>\n                {isVideo && (\n                  <VideoSubText\n                    type={props.subTextType}\n                    className='text-shadow clamp-1'\n                    video={video}\n                    appLink={null}\n                    analyticsOptions={null}\n                  />\n                )}\n\n                <span className='h6 text-reset text-shadow clamp-1'>\n                  {VideoHelper.getTitle(video)}\n                </span>\n              </div>\n\n              <VideoThumbnailBottomBar video={video} />\n\n              {hovering && (\n                <BadgeListContainer className='mt-1'>\n                  {VideoHelper.isVideo(video) && (\n                    <>\n                      <Badge\n                        type={BadgeType.Rating}\n                        data={rating}\n                      />\n                      {video.hasSubtitle && (\n                        <span className='badge p-0'>\n                          <SvgContainer svgName={cvSvgLibrary.CloseCaptionBadge} />\n                        </span>\n                      )}\n                      <Badge\n                        type={BadgeType.Interactive}\n                        data={video.hasInteractives}\n                      />\n                      <Badge\n                        type={BadgeType.DurationExact}\n                        data={VideoHelper.getDuration(props.video)}\n                      />\n                    </>\n                  )}\n                </BadgeListContainer>\n              )}\n            </div>\n          </div>\n        </BaseImage>\n        {showThumbnailPreviewVideo &&\n          <GlobalPlayerConsumer\n            key={props.video.id}\n            objectId={props.video.id}\n            objectTypeId={props.video.typeId}\n            mode='hover'\n            context={appLinkParams.context}\n            contextId={appLinkParams.contextId}\n            moviesAndTv={appLinkParams.mtv}\n          />\n        }\n      </div>\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"badgeContainer\":\"fy9Un\",\"sm\":\"Rb0TL\"};","import React from 'react';\n\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { Audience, Video } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './video-thumbnail-badges.scss';\n\ninterface VideoThumbnailBadgesProps {\n  video?: Video;\n  audience?: Audience;\n  hideRating?: boolean;\n  hideDuration?: boolean;\n  newDurationStyle?: boolean;\n  size?: VideoItemSize;\n  duration?: number;\n}\n\nVideoThumbnailBadges.defaultProps = {\n  newDurationStyle: true,\n  size: 'md'\n};\n\nexport function VideoThumbnailBadges(props: VideoThumbnailBadgesProps): JSX.Element {\n  const rating = VideoHelper.getRating(props.video);\n\n  const showAudience = !!props.audience && props.size !== 'sm';\n  const showRating = !showAudience && !props.hideRating && !!rating && props.size !== 'sm';\n\n  if (props.hideDuration && !showAudience && !showRating)\n    return <></>;\n\n  return (\n    <BadgeListContainer className={`${styles.badgeContainer} ${props.size === 'sm' ? styles.sm : ''}`}>\n      {showAudience && (\n        <AudienceLabel\n          audience={props.audience}\n          className='bg-white text-dark'\n          border='dark'\n        />\n      )}\n      {showRating && (\n        <Badge\n          type={BadgeType.Rating}\n          data={rating}\n        />\n      )}\n      {!props.hideDuration && (\n        <Badge\n          type={props.newDurationStyle ? BadgeType.DurationApproximate : BadgeType.DurationExact}\n          data={props.duration || VideoHelper.getDuration(props.video)}\n        />\n      )}\n    </BadgeListContainer>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"preview\":\"whbhf\",\"topLeftContainer\":\"wHY80\",\"details\":\"vMaXP\",\"isHovering\":\"tR1jA\",\"videoGuidanceTags\":\"KJrT1\",\"responsiveGuidance\":\"OixHb\",\"dropdown\":\"oZXV7\",\"show\":\"EiQ04\",\"topRightContainer\":\"FAuzc\"};","import React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ClickDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { FavouriteButton } from 'libs/shared/components/favourite-button/FavouriteButton';\nimport { HoverableProps, HoverToPortalContainer } from 'libs/shared/components/hover-to-portal-container/HoverToPortalContainer';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { VideoThumbnailBottomBar } from 'libs/shared/components/thumbnails/bottom-bar/VideoThumbnailBottomBar';\nimport { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\nimport { ThumbnailPadlock } from 'libs/shared/components/thumbnails/thumbnail-actions/padlock/ThumbnailPadlock';\nimport { VideoThumbnailBadges } from 'libs/shared/components/thumbnails/thumbnail-badges/VideoThumbnailBadges';\nimport { ThumbnailText } from 'libs/shared/components/thumbnails/thumbnail-text/ThumbnailText';\nimport { PopoutVideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { VideoItemGuidance } from 'libs/shared/components/video-list/components/video-guidance/VideoItemGuidance';\nimport { VideoTypeBadge } from 'libs/shared/components/video-type-badge/VideoTypeBadge';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { ImageType } from 'libs/shared/enums/Images';\nimport { FavouriteHelper } from 'libs/shared/utils/FavouriteHelpers';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ThumbnailCompanyLogo } from '../../thumbnail-company/ThumbnailCompanyLogo';\n\nimport styles from './popout-video-thumbnail.scss';\n\ntype PopoutVideoProps = HoverableProps & PopoutVideoThumbnailProps;\n\nconst PopoutVideo = (props: PopoutVideoProps): JSX.Element => {\n  const {\n    video, appLink, imageOptions, preload, setFavourite, canFavourite,\n    isHovering, hoverToPlay, companyLogoFallbackUrl\n  } = props;\n  const appLinkParams = ObjectHelper.isObject(appLink?.params) ? appLink?.params as HashObject : {};\n  const { canNavigate, canConsume } = VideoHelper.getCanBeConsumed(video);\n\n  React.useEffect(() => {\n    return () => {\n      props.cleanPortalNode?.();\n    };\n  }, []);\n\n  let className = 'position-relative bg-white';\n\n  if (props.extraClasses)\n    className += ` ${props.extraClasses}`;\n  if (isHovering)\n    className += ` rounded-3 shadow-lg`;\n  \n  const eventAnalyticsOptions = {\n    ...props.analyticsOptions,\n    entity: VideoHelper.getAnalyticsEntity(video)\n  };\n\n  const showThumbnailPreviewVideo = props.isHovering && canConsume && hoverToPlay;\n  const showFavouriteButton = FavouriteHelper.showFavouriteButton(props.video, isHovering);\n\n  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\n\n  return (\n    <div className={className}>\n      {showFavouriteButton && (\n        <div className={styles.topRightContainer}>\n          <FavouriteButton\n            setFavourite={setFavourite}\n            canFavourite={canFavourite}\n            video={video}\n            analyticsData={props.analyticsData}\n            analyticsOptions={eventAnalyticsOptions}\n          />\n        </div>\n      )}\n\n      {!canNavigate && (\n        <div className={styles.topRightContainer}>\n          <Tooltip title={VideoHelper.getPrivacyReasoning(props.video)} spanHack spanHackClassName=''>\n            <ThumbnailPadlock />\n          </Tooltip>\n        </div>\n      )}\n\n      <div className='position-relative'>\n        <PluginHover\n          isPlugin={props.isPlugin}\n          className={isHovering ? 'rounded-top-3' : 'rounded-3'}\n          onClick={() => props.cleanPortalNode?.()}\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\n        <BaseImage\n          onClick={() => props.cleanPortalNode?.()}\n          data={VideoHelper.getThumbnail(video)}\n          appLink={canNavigate ? appLink : null}\n          imageType={ImageType.Thumbnails}\n          imageOptions={imageOptions}\n          preload={preload}\n          className={`overflow-hidden ${isHovering ? styles.preview : `rounded-3 ${styles.original}`}`}\n          alt={('series' in video && video.series?.name ? `${video.series.name}: ` : '') + video.name}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        >\n          <ImageFallback type={ImageFallbackType.Video} />\n          <div className='p-absolute w-100 h-100 text-white'>\n\n            {/* top left */}\n            <div className={`${styles.topLeftContainer} d-flex flex-no-wrap`}>\n              {/* <LiteOwnerAvatar video={video} imageCdnUrl={props.imageCdnUrl} /> */}\n          \n              <VideoTypeBadge video={video} />\n            \n              <ThumbnailCompanyLogo video={video} companyLogoFallbackUrl={companyLogoFallbackUrl} />\n            </div>\n\n            {/* bottom right */}\n            <VideoThumbnailBadges\n              video={props.video}\n              audience={props.audience}\n              hideRating={props.hideRating}\n              hideDuration={props.hideDuration}\n            />\n\n            {/* bottom */}\n            <VideoThumbnailBottomBar video={video} />\n          </div>\n        </BaseImage>\n        {showThumbnailPreviewVideo &&\n          <GlobalPlayerConsumer\n            key={props.video.id}\n            objectId={props.video.id}\n            objectTypeId={props.video.typeId}\n            mode='hover'\n            context={appLinkParams.context}\n            contextId={appLinkParams.contextId}\n            moviesAndTv={appLinkParams.mtv}\n            location='popout-video'\n          />\n        }\n      </div>\n\n      {!isHovering && !props.hideTitle && (\n        <ThumbnailText {...props}/>\n      )}\n  \n      <div className={`${styles.details} ${isHovering ? `${styles.isHovering} box-shadow` : ''}`}>\n        {isHovering && (\n          <>\n            <div className={`${isHovering ? styles.videoGuidanceTags : ''}`}>\n              <ThumbnailText {...props}/>\n\n              {(props.showVideoGuidance && isHovering) && (\n                <VideoItemGuidance\n                  getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n                  getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n                  getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n                  video={props.video}\n                  analyticsData={props.analyticsData}\n                  analyticsOptions={props.analyticsOptions}\n                  responsiveClassName={styles.responsiveGuidance}\n                  containerClassName={`d-flex justify-content-start align-items-center pt-2`}\n                />\n              )}\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\n\nexport function PopoutVideoThumbnail(props: PopoutVideoThumbnailProps): JSX.Element {\n  return (\n    <>\n      <HoverToPortalContainer<PopoutVideoThumbnailProps>\n        hoverableComponent={PopoutVideo}\n        componentProps={props}\n        fixedHoverWidth={400}\n        minHoverWidth={400}\n        analyticsData={{\n          ...props.analyticsData,\n          id: props.video.id,\n          name: props.video.name\n        }}\n        analyticsOptions={{\n          ...props.analyticsOptions,\n          entity: VideoHelper.getAnalyticsEntity(props.video)\n        }}\n      />\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"efxnE\",\"cvIcon\":\"OJ_ZQ\",\"action\":\"vWvGn\"};","import React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces/AnalyticsTypes';\n\nimport { CheckMarkButton, CheckMarkStatus, SetCheckMarkStatusFunc } from 'libs/shared/components/check-mark-button/CheckMarkButton';\nimport { FavouriteButton } from 'libs/shared/components/favourite-button/FavouriteButton';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { CanFavouriteFunc, FavouriteFunc, VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ThumbnailPadlock } from './padlock/ThumbnailPadlock';\n\nimport styles from './video-thumbnail-actions.scss';\n\nfunction hasActions(props: VideoThumbnailActionsProps): boolean {\n  if (!VideoHelper.getCanBeConsumed(props.video)?.canConsume)\n    return true;\n\n  if (FunctionHelper.isFunction(props.setFavourite) && FunctionHelper.isFunction(props.canFavourite))\n    return true;\n\n  if (FunctionHelper.isFunction(props.setCheckMarkStatus))\n    return true;\n\n  return false;\n}\n\ninterface VideoThumbnailActionsProps {\n  video: VideoTypes;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  checkMarkStatus?: CheckMarkStatus;\n  setCheckMarkStatus?: SetCheckMarkStatusFunc;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  size?: VideoItemSize;\n}\n\nexport function VideoThumbnailActions(props: VideoThumbnailActionsProps): JSX.Element {\n  const { canNavigate } = VideoHelper.getCanBeConsumed(props.video);\n\n  if (!canNavigate) {\n    return (\n      <div className={styles.container}>\n        <ThumbnailPadlock size={props.size} />\n      </div>\n    );\n  }\n  \n  if (!hasActions(props))\n    return <></>;\n\n  return (\n    <div className={`${styles.container} d-flex align-items-center`}>\n      <FavouriteButton\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        video={props.video}\n        className={styles.action}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n\n      <CheckMarkButton\n        status={props.checkMarkStatus}\n        setStatus={props.setCheckMarkStatus}\n        className={styles.action}\n      />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"titleOverlay\":\"krg9f\",\"clip\":\"MPRU6\",\"large\":\"g5_ww\",\"interactive\":\"Zzo3e\",\"titleBelow\":\"tZjPt\",\"overlayContainer\":\"EElm1\",\"topLeftContainer\":\"hrw3I\",\"gradient\":\"LS_EH\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ClickDescriptor, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { Mask, MaskType } from 'libs/shared/components/mask/Mask';\nimport { VideoThumbnailBottomBar } from 'libs/shared/components/thumbnails/bottom-bar/VideoThumbnailBottomBar';\nimport { PluginHover } from 'libs/shared/components/thumbnails/plugin-hover/PluginHover';\nimport { VideoThumbnailActions } from 'libs/shared/components/thumbnails/thumbnail-actions/VideoThumbnailActions';\nimport { VideoThumbnailBadges } from 'libs/shared/components/thumbnails/thumbnail-badges/VideoThumbnailBadges';\nimport { ThumbnailCompanyLogo } from 'libs/shared/components/thumbnails/thumbnail-company/ThumbnailCompanyLogo';\nimport { StaticVideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { VideoTypeBadge } from 'libs/shared/components/video-type-badge/VideoTypeBadge';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { ImageType } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { useHover, useHoverIntent } from 'libs/shared/hooks/UseHover';\nimport { FavouriteHelper } from 'libs/shared/utils/FavouriteHelpers';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './static-video-thumbnail.scss';\n\nconst namespace = 'shared.staticVideoThumbnail';\n\nfunction ThumbnailText(props: StaticVideoThumbnailProps): JSX.Element {\n  const { video, subTextAppLink, textPosition, appLink } = props;\n\n  const textIsOverlayed = textPosition === ThumbnailTextPosition.Overlay;\n  const { canNavigate } = VideoHelper.getCanBeConsumed(props.video);\n\n  let className = '';\n\n  if (textIsOverlayed) {\n    className = styles.titleOverlay;\n\n    if (canNavigate) {\n      if (VideoHelper.isClip(video))\n        className += ' ' + styles.clip;\n      if (VideoHelper.isInteractive(video))\n        className += ' ' + styles.interactive;\n    }\n  } else {\n    className = styles.titleBelow;\n  }\n\n  return (\n    <div className={className}>\n      {VideoHelper.isVideo(video) &&\n        <VideoSubText\n          type={props.subTextType}\n          className={textIsOverlayed ? 'text-shadow clamp-1' : 'clamp-2'}\n          video={video}\n          appLink={!textIsOverlayed ? subTextAppLink : null}\n          analyticsOptions={{ location: LocationContext.VideoThumbnail }}\n        />\n      }\n\n      {(textIsOverlayed || !canNavigate)\n        ? (\n          <span className={`h6 text-reset clamp-1`}>\n            {video.name ?? LanguageService.getPhrase(namespace, 'videoUnavailable')}\n          </span>\n        ) : (\n          <AppLink className='h6 text-reset clamp-2' appLink={appLink}>\n            {video.name}\n          </AppLink>\n        )\n      }\n    </div>\n  );\n}\n\nexport function StaticVideoThumbnail(props: StaticVideoThumbnailProps): JSX.Element {\n  const { video, appLink, textPosition, imageOptions, setFavourite, preload, hoverToPlay } = props;\n\n  const appLinkParams = ObjectHelper.isObject(appLink?.params) ? appLink?.params as HashObject : {};\n\n  const [ hoverRef, isHovering ] = useHover<HTMLDivElement>();\n  const [ hoverIntentRef, isHoveringIntentionally ] = useHoverIntent<HTMLDivElement>({ delay: 100 });\n  const { canNavigate, canConsume } = VideoHelper.getCanBeConsumed(video);\n\n  function setHoverRefs(r: HTMLDivElement) {\n    hoverRef.current = r;\n    hoverIntentRef.current = r;\n  }\n\n  const showThumbnailPreviewVideo = isHoveringIntentionally && canConsume && hoverToPlay;\n\n  function canFavourite(): boolean {\n    return props.canFavourite?.(props.video) && FavouriteHelper.showFavouriteButton(video, isHovering);\n  }\n\n  function getContainerClass(): string {\n    let className = 'position-relative';\n\n    className += (appLink && canNavigate) ? ' cursor-pointer' : '';\n\n    if (props.extraClasses)\n      className += ` ${props.extraClasses}`;\n\n    if (textPosition === ThumbnailTextPosition.Overlay)\n      className += ` rounded overflow-hidden`;\n\n    return className;\n  }\n\n  function getThumbnailClass(): string {\n    let className = `overflow-hidden ${props.size === 'sm' ? 'rounded' : 'rounded-3'}`;\n\n    if (props.imageClassName)\n      className += ` ${props.imageClassName}`;\n\n    if (textPosition === ThumbnailTextPosition.Overlay)\n      className += ` ${styles.gradient}`;\n      \n    return className;\n  }\n\n  const eventAnalyticsOptions = {\n    ...props.analyticsOptions,\n    entity: VideoHelper.getAnalyticsEntity(video)\n  };\n\n  const showMask = !!appLink && !props.hideMask && canNavigate;\n  const tooltip = VideoHelper.getPrivacyReasoning(props.video, props.showSignIn);\n\n  const analyticsData = {\n    ...props.analyticsData,\n    id: video.id,\n    name: video.name\n  };\n  const analyticsOptions = {\n    ...eventAnalyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Thumbnail\n  };\n\n  return (\n    <Tooltip title={tooltip} spanHack spanHackClassName=''>\n      <div className={getContainerClass()} ref={setHoverRefs}>\n        <PluginHover\n          isPlugin={props.isPlugin}\n          className={props.size === 'sm' ? 'rounded' : 'rounded-3'}\n          appLink={canNavigate ? appLink : null}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        />\n\n        <VideoThumbnailActions\n          video={video}\n          checkMarkStatus={props.checkMarkStatus}\n          setCheckMarkStatus={props.setCheckMarkStatus}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          analyticsData={props.analyticsData}\n          analyticsOptions={eventAnalyticsOptions}\n          size={props.size}\n        />\n\n        <BaseImage\n          data={VideoHelper.getThumbnail(video)}\n          appLink={canNavigate ? appLink : null}\n          onClick={canNavigate ? props.onClick : undefined}\n          imageType={ImageType.Thumbnails}\n          imageOptions={imageOptions}\n          preload={preload}\n          className={getThumbnailClass()}\n          alt={('series' in video && video.series?.name ? `${video.series.name}: ` : '') + video.name}\n          analyticsData={analyticsData}\n          analyticsOptions={analyticsOptions}\n        >\n          {showMask && (\n            <Mask type={MaskType.Video} size={props.size} />\n          )}\n          <ImageFallback type={ImageFallbackType.Video} />\n          <div className={styles.overlayContainer}>\n            {/* overlay */}\n            {textPosition === ThumbnailTextPosition.Overlay && <ThumbnailText {...props} />}\n            \n            {/* top left */}\n            <div className={`${styles.topLeftContainer} d-flex flex-no-wrap`}>\n              {/* <LiteOwnerAvatar video={video} size={props.size} imageCdnUrl={props.imageCdnUrl} /> */}\n            \n              <VideoTypeBadge video={video} size={props.size} />\n\n              <ThumbnailCompanyLogo\n                video={video}\n                companyLogoFallbackUrl={props.companyLogoFallbackUrl}\n                size={props.size}\n              />\n            </div>\n\n            {/* bottom */}\n            <VideoThumbnailBottomBar video={video} />\n            \n            {/* bottom right */}\n            <VideoThumbnailBadges\n              video={props.video}\n              audience={props.audience}\n              hideRating={props.hideRating}\n              hideDuration={props.hideDuration}\n              newDurationStyle={props.newDurationStyle}\n              size={props.size}\n            />\n          </div>\n        </BaseImage>\n        {showThumbnailPreviewVideo &&\n          <GlobalPlayerConsumer\n            key={props.video.id}\n            objectId={props.video.id}\n            objectTypeId={props.video.typeId}\n            mode='hover'\n            context={appLinkParams.context}\n            contextId={appLinkParams.contextId}\n            moviesAndTv={appLinkParams.mtv}\n          />\n        }\n\n        {textPosition === ThumbnailTextPosition.Below && <ThumbnailText {...props} />}\n      </div>\n    </Tooltip>\n  );\n}\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { CheckMarkStatus, SetCheckMarkStatusFunc } from 'libs/shared/components/check-mark-button/CheckMarkButton';\nimport { VideoSubTextType } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { Audience, CanFavouriteFunc, FavouriteFunc, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport { ExpandableVideoThumbnail } from './expandable/ExpandableVideoThumbnail';\nimport { PopoutVideoThumbnail } from './popout/PopoutVideoThumbnail';\nimport { StaticVideoThumbnail } from './static/StaticVideoThumbnail';\n\ninterface BaseVideoThumbnailProps {\n  video: VideoTypes;\n  imageOptions: ImageOptions;\n  appLink: Core.AppLink;\n  onClick?: () => void;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  preload?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions: AnalyticsOptions; // Location context required\n  hoverToPlay?: boolean;\n  companyLogoFallbackUrl?: string;\n  imageCdnUrl?: string;\n  isPlugin: boolean;\n  \n  /**\n   * TODO: Fix whatever this used to do in playlists\n   */\n  canRemovePrivateVideos?: boolean;\n  subTextType?: VideoSubTextType;\n  subTextAppLink?: Core.AppLink;\n}\n\nexport interface ExpandableVideoThumbnailProps extends BaseVideoThumbnailProps {\n  type: 'expandable';\n  newDurationStyle?: boolean;\n  hovering: boolean;\n}\n\nexport interface PopoutVideoThumbnailProps extends BaseVideoThumbnailProps {\n  type: 'popout';\n  hideDuration: boolean;\n  extraClasses?: string;\n  audience: Audience;\n  imageCdnUrl: string;\n  hideRating?: boolean;\n  yearGroups: YearGroup[];\n  hideTitle?: boolean;\n  showVideoGuidance: boolean;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n}\n\ninterface BaseStaticVideoThumbnailProps extends BaseVideoThumbnailProps {\n  textPosition: ThumbnailTextPosition;\n  extraClasses?: string;\n  imageClassName?: string;\n  size: 'sm' | 'md';\n  hideMask?: boolean;\n  showSignIn?: boolean;\n  setCheckMarkStatus?: SetCheckMarkStatusFunc;\n  checkMarkStatus?: CheckMarkStatus;\n  videoTypeBadgeSize?: 'sm' | 'std';\n  hideDuration?: boolean;\n  audience?: Audience;\n  newDurationStyle?: boolean;\n  hideRating?: boolean;\n}\n\ninterface PureStaticVideoThumbnailProps extends BaseStaticVideoThumbnailProps {\n  type: 'static';\n}\n\n/**\n * Allows us to have loose types when we only want to display a thumbnail\n * without any of the functionality - Sha\n */\ninterface CosmeticVideoThumbnailProps extends Partial<BaseStaticVideoThumbnailProps> {\n  type: 'cosmetic';\n}\n\nexport type StaticVideoThumbnailProps = PureStaticVideoThumbnailProps | CosmeticVideoThumbnailProps;\n\nexport type VideoThumbnailProps = ExpandableVideoThumbnailProps |\n  StaticVideoThumbnailProps |\n  PopoutVideoThumbnailProps |\n  CosmeticVideoThumbnailProps;\n\nVideoThumbnail.defaultProps = {\n  hideRating: true,\n  size: 'md',\n  hoverToPlay: true\n};\n\nexport function VideoThumbnail(props: VideoThumbnailProps): JSX.Element {\n  switch (props.type) {\n    case 'static':\n      return <StaticVideoThumbnail {...props} />;\n    case 'cosmetic':\n      // No hover to play for cosmetic use of VideoThumbnail\n      return <StaticVideoThumbnail {...props} hoverToPlay={false} />;\n    case 'expandable':\n      // Expandable thumbnails show metadata on hover. Static display the duration and don't expand on hover\n      return <ExpandableVideoThumbnail {...props} />;\n    case 'popout':\n      return <PopoutVideoThumbnail {...props} />;\n    default:\n      return;\n  }\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"topLeftContainer\":\"iwBld\",\"draft\":\"QBpxh\",\"badge\":\"KcvGx\",\"svg\":\"gW733\",\"text\":\"QiH5Q\",\"sm\":\"tn2BH\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './type-badge.scss';\n\nconst namespace = 'shared.typeBadge';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getText(typeId: MasterType): string {\n  switch (typeId) {\n    case MasterType.Clip:\n      return getPhrase('clip');\n    case MasterType.Interactive:\n      return getPhrase('interactive');\n    case MasterType.Resource:\n      return getPhrase('resource');\n    default:\n      return '';\n  }\n}\n\nfunction getIcon(typeId: MasterType): string {\n  switch (typeId) {\n    case MasterType.Clip:\n      return cvSvgLibrary.Clip;\n    case MasterType.Interactive:\n      return cvSvgLibrary.Interactive;\n    case MasterType.Resource:\n      return cvSvgLibrary.Resources;\n    default:\n      return '';\n  }\n}\n\nfunction getColourClass(typeId: MasterType, status: CurationStatus): string {\n  switch (typeId) {\n    case MasterType.Clip:\n      return 'bg-dark-blue';\n    case MasterType.Interactive:\n      return status === CurationStatus.Draft ? styles.draft : 'bg-green';\n    case MasterType.Resource:\n      return 'bg-indigo';\n    default:\n      return '';\n  }\n}\n\ninterface TypeBadgeProps {\n  typeId: MasterType;\n  status?: CurationStatus;\n  size?: 'sm' | 'md';\n  inContainer?: boolean;\n}\n\nTypeBadge.default = {\n  size: 'md'\n};\n\nexport function TypeBadge(props: TypeBadgeProps): JSX.Element {\n  const baseClasses = `${styles.badge} rounded-pill text-white ps-0 ${props.size === 'sm' ? styles.sm : ''}`;\n\n  return (\n    <div className={props.inContainer ? '' : styles.topLeftContainer}>\n      <div className={`${baseClasses} ${getColourClass(props.typeId, props.status)}`}>\n        <SvgContainer\n          className={`svg-container d-block ${styles.svg}`}\n          size={props.size === 'sm' ? SvgContainerSize.Small : SvgContainerSize.Standard}\n          svgName={getIcon(props.typeId)}\n        />\n        <span className={styles.text}>\n          {getText(props.typeId)}\n        </span>\n      </div>\n    </div>\n  );\n}","import React from 'react';\nimport { Placement } from 'react-bootstrap/esm/types';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { VideoItemSize } from 'libs/shared/components/video-list/BaseVideoItemProps';\nimport { VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ninterface RestrictionPadlockProps {\n  tooltip?: string;\n  className?: string;\n  tooltipPlacement?: Placement\n  size?: VideoItemSize;\n  video: VideoTypes;\n  yearGroups: YearGroup[];\n}\n\nexport function RestrictionPadlock(props: RestrictionPadlockProps): JSX.Element {\n  if (!props.yearGroups)\n    return <></>;\n\n  const title = RestrictionHelper.mapRestrictionToText(props.video._restrictions, props.yearGroups);\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n  if (!canConsume || !title)\n    return <></>;\n\n  return (\n    <Tooltip\n      spanHack\n      spanHackClassName={props.className || 'd-inline-block ps-1'}\n      title={title}\n      placement={props.tooltipPlacement || 'top'}\n    >\n      <SvgContainer\n        svgName={cvSvgLibrary.Lock}\n        size={props.size === 'sm' ? SvgContainerSize.Small : SvgContainerSize.Standard}\n      />\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"OjHQZ\",\"icon\":\"SS2zL\",\"disabled\":\"eGiNR\",\"active\":\"kD1xM\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\n\nimport { AppLink } from '../../app-link/AppLink';\n\nimport styles from './video-guidance-tag.scss';\n\ninterface VideoGuidanceTagProps {\n  text: string;\n  svgName: string;\n  iconVariant: string;\n  active?: boolean;\n  appLink?: Core.AppLink;\n  appLinkAnalyticsData?: HashObject;\n  appLinkAnalyticsOptions?: AnalyticsOptions;\n  theme?: {\n    tabLabel?: string;\n    container?: string;\n  }\n}\n\nfunction ContainerWrapper(props: VideoGuidanceTagProps): JSX.Element {\n  if (props.appLink) {\n    return (\n      <AppLink\n        appLink={props.appLink}\n        analyticsData={props.appLinkAnalyticsData}\n        analyticsOptions={props.appLinkAnalyticsOptions}\n        className={`\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ${props.theme?.container} ${styles.tag} ${props.active ? styles.active : ''}\n        `}\n      >\n        <VideoGuidanceTag {...props} />\n      </AppLink>\n    );\n  }\n\n  return (\n    <div\n      className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center ${props.theme?.container} ${styles.tag} ${styles.disabled}`}\n    >\n      <VideoGuidanceTag {...props} />\n    </div>\n  );\n}\n\nfunction VideoGuidanceTag(props: VideoGuidanceTagProps): JSX.Element {\n  return (\n    <>\n      <SvgContainer\n        className={`${styles.icon} rounded-circle bg-${props.iconVariant} text-white`}\n        svgName={props.svgName}\n      />\n\n      <span className={`ps-1 text-nowrap user-select-none ${props.theme?.tabLabel}`}>\n        {props.text}\n      </span>\n    </>\n  );\n}\n\nexport { ContainerWrapper as VideoGuidanceTag };","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, UserAction } from 'libs/analytics/interfaces';\n\nimport { VideoGuidanceTag } from 'libs/shared/components/video-guidance/tag/VideoGuidanceTag';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nconst namespace = 'shared.classroomGuideTag';\n\ninterface ClassroomGuideTagProps {\n  video: VideoTypes;\n  appLink: Core.AppLink;\n  analyticsData: HashObject;\n  analyticsOptions: AnalyticsOptions;\n}\n\nexport function ClassroomGuideTag(props: ClassroomGuideTagProps): JSX.Element {\n  if (!props.video || VideoHelper.isInteractive(props.video))\n    return <></>;\n\n  if (!props.video.glance)\n    return <></>;\n\n  return (\n    <VideoGuidanceTag\n      theme={{\n        container: 'classroom-guide-tag',\n        tabLabel: 'classroom-guide-tag-label'\n      }}\n      svgName={cvSvgLibrary.GraduationCap}\n      iconVariant='navy'\n      text={LanguageService.getPhrase(namespace, 'classroomGuide')}\n      appLink={props.appLink}\n      appLinkAnalyticsData={{\n        glanceId: props.video.glance?.id,\n        totalPointsOfInterest: props.video.pointsOfInterest?.data?.length,\n        videoGuidanceType: 'classroom-guide',\n        ...props.analyticsData\n      }}\n      appLinkAnalyticsOptions={{\n        actionType: UserAction.Click,\n        entity: VideoHelper.getAnalyticsEntity(props.video),\n        ...props.analyticsOptions\n      }}\n    />\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, UserAction } from 'libs/analytics/interfaces';\n\nimport { VideoGuidanceTag } from 'libs/shared/components/video-guidance/tag/VideoGuidanceTag';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nconst namespace = 'shared.interactivesTag';\n\ninterface InteractivesTagProps {\n  video: VideoTypes;\n  appLink: Core.AppLink;\n  analyticsData: HashObject;\n  analyticsOptions: AnalyticsOptions;\n}\n\nexport function InteractivesTag(props: InteractivesTagProps): JSX.Element {\n  if (!VideoHelper.showInteractivesGuidance(props.video))\n    return <></>;\n  \n  const interactiveCount = !VideoHelper.isInteractive(props.video) && (props.video.interactives?.data.length || 0);\n\n  return (\n    <VideoGuidanceTag\n      svgName={cvSvgLibrary.Interactive}\n      iconVariant='green'\n      text={LanguageService.getPhrase(namespace, 'interactives', { smartCount: interactiveCount })}\n      appLink={props.appLink}\n      appLinkAnalyticsData={{\n        videoGuidanceType: 'interactive',\n        videoGuidanceTotalItems: interactiveCount,\n        ...props.analyticsData\n      }}\n      appLinkAnalyticsOptions={{\n        actionType: UserAction.Click,\n        entity: VideoHelper.getAnalyticsEntity(props.video),\n        ...props.analyticsOptions\n      }}\n    />\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, UserAction } from 'libs/analytics/interfaces';\n\nimport { VideoGuidanceTag } from 'libs/shared/components/video-guidance/tag/VideoGuidanceTag';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nconst namespace = 'shared.resourcesTag';\n\ninterface ResourcesTagProps {\n  video: VideoTypes;\n  appLink: Core.AppLink;\n  analyticsData: HashObject;\n  analyticsOptions: AnalyticsOptions;\n}\n\nexport function ResourcesTag(props: ResourcesTagProps): JSX.Element {\n  if (!VideoHelper.showResourcesGuidance(props.video))\n    return <></>;\n\n  const resourceCount = !VideoHelper.isInteractive(props.video) && props.video.resources?.data.length || 0;\n\n  return (\n    <VideoGuidanceTag\n      svgName={cvSvgLibrary.Resources}\n      iconVariant='indigo'\n      text={LanguageService.getPhrase(namespace, 'resources', { smartCount: resourceCount })}\n      appLink={props.appLink}\n      appLinkAnalyticsData={{\n        videoGuidanceType: 'resource',\n        videoGuidanceTotalItems: resourceCount,\n        ...props.analyticsData\n      }}\n      appLinkAnalyticsOptions={{\n        actionType: UserAction.Click,\n        entity: VideoHelper.getAnalyticsEntity(props.video),\n        ...props.analyticsOptions\n      }}\n    />\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { ClassroomGuideTag } from 'libs/shared/components/video-guidance/classroom-guide/ClassroomGuideTag';\nimport { InteractivesTag } from 'libs/shared/components/video-guidance/interactives/InteractivesTag';\nimport { ResourcesTag } from 'libs/shared/components/video-guidance/resources/ResourcesTag';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ninterface VideoItemGuidanceProps {\n  video: VideoTypes;\n  getVideoAppLink?: (video: VideoTypes, opts: GetVideoAppLinkOptions) => Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n  containerClassName: string;\n  responsiveClassName?: string;\n}\n\nexport function VideoItemGuidance(props: VideoItemGuidanceProps): JSX.Element {\n  const showingResourcesAndInteractives = (\n    VideoHelper.showInteractivesGuidance(props.video) &&\n    VideoHelper.showResourcesGuidance(props.video)\n  );\n\n  return (\n    <div className={`${props.containerClassName} ${showingResourcesAndInteractives ? props.responsiveClassName : ''}`}>\n      <ClassroomGuideTag\n        appLink={props.getClassroomGuideAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n      <ResourcesTag\n        appLink={props.getResourceGuidanceAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n      <InteractivesTag\n        appLink={props.getInteractiveGuidanceAppLink?.(props.video.id, props.video.typeId)}\n        video={props.video}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n      />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"hoverContainer\":\"TzWQw\",\"hovering\":\"gdTcW\"};","import React from 'react';\nimport { OutPortal } from 'react-reverse-portal';\n\nimport { PlayerInitializationData } from 'libs/shared/context/player-context/interfaces/PlayerContextAction';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\n\nimport styles from './global-player-consumer.scss';\n\ninterface GlobalPlayerConsumerOptions extends PlayerInitializationData {\n  location?: 'popout-video' | 'play-page';\n}\n\nexport function GlobalPlayerConsumer(props: GlobalPlayerConsumerOptions): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  playerContext.useInitialize?.(props);\n\n  if (!playerContext.hasProvider)\n    return <></>;\n\n  if (playerContext.mode === 'picture-in-picture')\n    return <></>;\n\n  if (props.mode === 'hover' && playerContext.isOnPlayPage)\n    return <></>;\n\n  if (playerContext.mode === 'default' || props.location === 'play-page')\n    return <OutPortal node={playerContext.portalNode} />;\n\n  /**\n   * When hovering, we don't want to show the player until the video has started playing.\n   */\n  const shouldShow = playerContext.started;\n\n  let rounding = 'rounded-3';\n  if (props.location === 'popout-video')\n    rounding = 'rounded-top-3';\n\n  const className = `${styles.hoverContainer} ${shouldShow ? styles.hovering : ''} ${rounding} overflow-hidden`;\n\n  return (\n    <div className={className}>\n      <OutPortal node={playerContext.portalNode} />\n    </div>\n  );\n}","export enum ThumbnailTextPosition {\n  Below = 1,\n  Overlay = 2,\n  Independent = 3\n}"],"names":["AudienceLabel","props","audience","className","border","name","BadgeListContainer","children","CheckMarkStatus","CheckMarkButton","status","Complete","isComplete","setIsComplete","style","None","FunctionHelper","setStatus","DivButton","onClick","shouldComplete","newStatus","Incomplete","disabled","SvgContainer","svgName","defaultProps","MaskType","Mask","type","size","typeClass","Video","Playlist","getClassByType","svgType","getSvgType","defaults","ThumbnailText","video","appLink","subTextAppLink","canNavigate","VideoHelper","VideoSubText","subTextType","analyticsOptions","location","AppLink","RestrictionPadlock","yearGroups","getPhrase","LanguageService","FavouriteButton","alerts","initialState","isFavourite","setIsFavourite","setFavourite","canFavourite","shouldFavourite","error","analyticsData","VideoWatchProgressBar","progress","watchPercentage","duration","width","VideoThumbnailBottomBar","PluginHover","isPlugin","Text","namespace","phrase","ThumbnailPadlock","svgSize","S","ThumbnailCompanyLogo","companyLogoFallbackUrl","company","productionCompanies","data","url","ImageHelper","logo","Tooltip","title","spanHack","backgroundImage","VideoTypeBadge","TypeBadge","typeId","MasterType","inContainer","getTitleClass","hovering","ExpandableVideoThumbnail","imageOptions","preload","hoverToPlay","canConsume","appLinkParams","ObjectHelper","params","eventAnalyticsOptions","entity","showFavouriteButton","isVideo","rating","delay","thumbnailHoverRef","showThumbnailPreviewVideo","id","actionType","descriptor","spanHackClassName","ref","BaseImage","imageType","alt","series","ImageFallback","Badge","hasSubtitle","hasInteractives","GlobalPlayerConsumer","key","objectId","objectTypeId","mode","context","contextId","moviesAndTv","mtv","VideoThumbnailBadges","showAudience","showRating","hideRating","hideDuration","newDurationStyle","PopoutVideo","isHovering","cleanPortalNode","extraClasses","hideTitle","showVideoGuidance","VideoItemGuidance","getClassroomGuideAppLink","getResourceGuidanceAppLink","getInteractiveGuidanceAppLink","responsiveClassName","containerClassName","PopoutVideoThumbnail","HoverToPortalContainer","hoverableComponent","componentProps","fixedHoverWidth","minHoverWidth","VideoThumbnailActions","setCheckMarkStatus","hasActions","checkMarkStatus","textPosition","textIsOverlayed","ThumbnailTextPosition","StaticVideoThumbnail","hoverRef","hoverIntentRef","isHoveringIntentionally","showMask","hideMask","tooltip","showSignIn","r","current","undefined","imageClassName","getThumbnailClass","VideoThumbnail","getIcon","getColourClass","CurationStatus","baseClasses","getText","_restrictions","placement","tooltipPlacement","ContainerWrapper","appLinkAnalyticsData","appLinkAnalyticsOptions","theme","container","active","VideoGuidanceTag","iconVariant","tabLabel","text","ClassroomGuideTag","glance","glanceId","totalPointsOfInterest","pointsOfInterest","length","videoGuidanceType","InteractivesTag","interactiveCount","interactives","smartCount","videoGuidanceTotalItems","ResourcesTag","resourceCount","resources","showingResourcesAndInteractives","playerContext","useInitialize","hasProvider","isOnPlayPage","node","portalNode","shouldShow","started","rounding"],"sourceRoot":""}

package/dist/scripts/{7533-e079b2af18-lite.chunk.js → 7533-9edee544c6-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7533],{63649:(e,a,t)=>{t.d(a,{X:()=>c});var r=t(32735);const i={video:"ekpg6",notice:"lQs4F",heading:"Gt6uV",interaction:"LEfYX",button:"caHP7",edit:"de4DP",questions:"XelbS"};function c(){return r.createElement("div",{className:"px-3 w-100"},r.createElement("div",{className:"partial-loading-background ".concat(i.notice)}),r.createElement("div",{className:"partial-loading-background mb-3 ".concat(i.video)},r.createElement("div",{className:"partial-loading-background ".concat(i.questions)})),r.createElement("div",{className:"partial-loading-background mb-3 ".concat(i.heading)}),r.createElement("div",null,Array(5).fill(null).map((function(e,a){return r.createElement("div",{key:a,className:"partial-loading-background my-2 ".concat(i.interaction)})}))))}},38280:(e,a,t)=>{t.r(a),t.d(a,{SharedInteractiveView:()=>N});var r=t(32735),i=t(20354),c=t(30439),n=t(4594),d=t(60051),s=t(16714),o=t(39151),l=t(1666),u=t(20768),m=t(47812),v=t(31949),h=t(26304),b=t(91286),g=t(22902),p=t(79612),y=t(76753),k=t(51855),I=t(7179),P=t(36873),f=t(44110),E=t(53073),q=t(97816),w=t(63649),F=t(84062),C=t(25758),V=t(57426),B=t(16857),M={notFound:V.k,forbidden:{privacy:B.m}};function N(e){var a,t,V,N=(0,g.T)().hasPermissions,j=i.a.useBasicFetch(o.L.config()),x=(0,k.G)().isPlugin,G=i.a.useBasicFetch(v.N.currentUser()),S=i.a.useBasicFetch(u.b.sharedInteractiveMetadata(e.objectId,e.shareId)),A=i.a.useBasicFetch(c.o.getShareObject(e.shareId)),T=A.data&&(A.data.objectTypeId===n.E.Interactive?m.k.createViewKey(e.shareId,d.f.Share):m.k.createViewKey(e.objectId,d.f.MasterObject,e.shareId)),U=i.a.useBasicFetch(T),X=(0,f.i)(),_=i.a.useBasicFetch((null===(a=G.data)||void 0===a?void 0:a.isAuthenticated)&&l.h.yearGroups(G.data.customerId)),K=(0,E.f)(),L=i.a.useBasicFetch(K&&S.data&&u.b.interactive(S.data.interactiveId)),O=(0,P.k)({video:S.data,context:e.queryParams.context,contextId:e.queryParams.contextId,moviesAndTv:e.queryParams.mtv,currentUser:G.data});(0,b.v)(S,M),(0,h.b)(S,{private:B.m}),(0,I.P)({id:e.objectId,app:"interactives",shareId:e.shareId}),(0,q.V)(null!==(t=O.videos)&&void 0!==t?t:[]),(0,p.M)(y.CG.getInteractiveMetadata({content:S.data}));var D=S.data&&j.hasCompleted&&G.hasCompleted&&(!K||L.hasCompleted)&&A.hasCompleted&&U.hasCompleted;return K?D?r.createElement(C.x,{config:j.data,currentUser:G.data,queryParams:e.queryParams,interactive:S.data,isPreviewPreventScrubbingEnabled:L.data.preventScrubbing,yearGroups:_.data,audiences:X.data,relatedVideos:O,canManageVideoAccess:N(s.C.ManageVideoAccess),isPlugin:x}):r.createElement(w.X,null):D?r.createElement(F.M,{interactive:S.data,currentUser:G.data,config:j.data,audiences:X.data,yearGroups:_.data,queryParams:e.queryParams,viewKey:U.data,relatedVideos:O,shareLink:A.data,startTime:null===(V=e.queryParams)||void 0===V?void 0:V.t,isPlugin:x}):r.createElement(r.Fragment,null)}}}]);
-//# sourceMappingURL=7533-e079b2af18-lite.chunk.js.map
+//# sourceMappingURL=7533-9edee544c6-lite.chunk.js.map

package/dist/scripts/{7533-e079b2af18-lite.chunk.js.map → 7533-9edee544c6-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/7533-e079b2af18-lite.chunk.js","mappings":"mJACA,SAAgB,MAAQ,QAAQ,OAAS,QAAQ,QAAU,QAAQ,YAAc,QAAQ,OAAS,QAAQ,KAAO,QAAQ,UAAY,SCG/H,SAAUA,IACd,OACE,uBAAKC,UAAU,cACb,uBAAKA,UAAS,qCAAgC,YAC9C,uBAAKA,UAAS,0CAAqC,UACjD,uBAAKA,UAAS,qCAAgC,gBAEhD,uBAAKA,UAAS,0CAAqC,aACnD,2BACGC,MAAM,GAAGC,KAAK,MAAMC,KAAI,SAACC,EAAGC,GAAC,OAC5B,uBAAKC,IAAKD,EAAGL,UAAS,0CAAqC,gBAA4B,KAKjG,C,wWCeMO,EAAc,CAClBC,SAAU,IACVC,UAAW,CACTC,QAAS,MAIP,SAAUC,EAAsBC,G,UAC5BC,GAAmB,SAAnBA,eAEFC,EAAS,kBAA6B,cAEpCC,GAAa,SAAbA,SAEFC,EAAc,kBAAkC,mBAChDC,EAAsB,kBAC1B,8BAA8CL,EAAMM,SAAUN,EAAMO,UAGhEC,EAAY,kBAChB,mBAA6BR,EAAMO,UAO/BE,EAAiBD,EAAUE,OAASF,EAAUE,KAAKC,eAAiB,gBACtE,kBAA6BX,EAAMO,QAAS,WAC5C,kBAA6BP,EAAMM,SAAU,iBAA0BN,EAAMO,UAC3EK,EAAU,kBAAoCH,GAC9CI,GAAY,SACZC,EAAa,mBACD,QAAhB,EAAAV,EAAYM,YAAI,eAAEK,kBAAmB,eAA4BX,EAAYM,KAAKM,aAO9EC,GAA2B,SAC3BC,EAAc,kBAClBD,GAA4BZ,EAAoBK,MAChD,gBAAgCL,EAAoBK,KAAKS,gBAGrDC,GAAgB,OAAoB,CACxCC,MAAOhB,EAAoBK,KAC3BY,QAAStB,EAAMuB,YAAYD,QAC3BE,UAAWxB,EAAMuB,YAAYC,UAC7BC,YAAazB,EAAMuB,YAAYG,IAC/BtB,YAAaA,EAAYM,QAG3B,OAAqBL,EAAqBV,IAC1C,OAAsBU,EAAqB,CAAEsB,QAAS,OACtD,OAAa,CAAEC,GAAI5B,EAAMM,SAAUuB,IAAK,eAAgBtB,QAASP,EAAMO,WACvE,OAAkC,QAApB,EAAAa,EAAcU,cAAM,QAAI,KACtC,OAAmB,4BAA0C,CAAEC,QAAS1B,EAAoBK,QAE5F,IAAMsB,EACJ3B,EAAoBK,MACpBR,EAAO+B,cACP7B,EAAY6B,gBACVhB,GAA4BC,EAAYe,eAC1CzB,EAAUyB,cACVrB,EAAQqB,aAGV,OAAIhB,EAEGe,EAIH,gBAAC,IAAkB,CACjB9B,OAAQA,EAAOQ,KACfN,YAAaA,EAAYM,KACzBa,YAAavB,EAAMuB,YACnBL,YAAab,EAAoBK,KACjCwB,iCAAkChB,EAAYR,KAAKyB,iBACnDrB,WAAYA,EAAWJ,KACvBG,UAAWA,EAAUH,KACrBU,cAAeA,EACfgB,qBAAsBnC,EAAe,uBACrCE,SAAUA,IAbL,gBAAC,IAAyB,MAkBhC6B,EAIH,gBAAC,IAAe,CACdd,YAAab,EAAoBK,KACjCN,YAAaA,EAAYM,KACzBR,OAAQA,EAAOQ,KACfG,UAAWA,EAAUH,KACrBI,WAAYA,EAAWJ,KACvBa,YAAavB,EAAMuB,YACnBX,QAASA,EAAQF,KACjBU,cAAeA,EACfZ,UAAWA,EAAUE,KACrB2B,UAA4B,QAAjB,EAAArC,EAAMuB,mBAAW,eAAEe,EAC9BnC,SAAUA,IAdL,gCAiBX,C","sources":["file:///app/packages/projects/lite/src/apps/interactives/components/interactive-partial-loading/interactive-partial-loading.scss","file:///app/packages/projects/lite/src/apps/interactives/components/interactive-partial-loading/InteractivePartialLoading.tsx","file:///app/packages/projects/lite/src/apps/share/views/shared-interactive/SharedInteractiveView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"video\":\"ekpg6\",\"notice\":\"lQs4F\",\"heading\":\"Gt6uV\",\"interaction\":\"LEfYX\",\"button\":\"caHP7\",\"edit\":\"de4DP\",\"questions\":\"XelbS\"};","import React from 'react';\n\nimport styles from './interactive-partial-loading.scss';\n\nexport function InteractivePartialLoading(): React.ReactElement {\n  return (\n    <div className='px-3 w-100'>\n      <div className={`partial-loading-background ${styles.notice}`} />\n      <div className={`partial-loading-background mb-3 ${styles.video}`}>\n        <div className={`partial-loading-background ${styles.questions}`}></div>\n      </div>\n      <div className={`partial-loading-background mb-3 ${styles.heading}`}></div>\n      <div>\n        {Array(5).fill(null).map((_, i) => (\n          <div key={i} className={`partial-loading-background my-2 ${styles.interaction}`}></div>\n        ))}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Interactive, InteractiveMetadata, PlayerViewKey, UnionShareObject, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useShouldPreviewInteractive } from 'shared/hooks/useShouldPreviewInteractive';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\n\nimport { InteractivePartialLoading } from 'apps/interactives/components/interactive-partial-loading/InteractivePartialLoading';\nimport { PlayInteractive } from 'apps/interactives/components/play-interactive/PlayInteractive';\nimport { PreviewInteractive } from 'apps/interactives/components/preview-interactive/PreviewInteractive';\nimport { ShareLinkNotFoundError } from 'apps/share/errors/share-link-not-found/ShareLinkNotFoundError';\nimport { ShareLinkPrivateError } from 'apps/share/errors/share-link-private/ShareLinkPrivateError';\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nconst videoErrors = {\n  notFound: ShareLinkNotFoundError,\n  forbidden: {\n    privacy: ShareLinkPrivateError\n  }\n};\n\nexport function SharedInteractiveView(props: ShareLinkViewProps): JSX.Element {\n  const { hasPermissions } = usePermissions();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const { isPlugin } = usePluginHelper();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.sharedInteractiveMetadata(props.objectId, props.shareId)\n  );\n\n  const shareLink = Flight.useBasicFetch<UnionShareObject>(\n    ShareRequests.getShareObject(props.shareId)\n  );\n\n  /**\n   * If the shareLink type isn't an interactive, then it's a playlist and needs to be\n   * used as context for fetching\n   */\n  const viewKeyRequest = shareLink.data && (shareLink.data.objectTypeId === MasterType.Interactive\n    ? PlayerRequests.createViewKey(props.shareId, MediaIdType.Share)\n    : PlayerRequests.createViewKey(props.objectId, MediaIdType.MasterObject, props.shareId));\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(viewKeyRequest);\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  /**\n   * Authenticated staff with Lite product access get the interactive \"Preview\" view instead\n   * of the usual play view.\n   */\n  const shouldPreviewInteractive = useShouldPreviewInteractive();\n  const interactive = Flight.useBasicFetch<Interactive>(\n    shouldPreviewInteractive && interactiveMetadata.data &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId)\n  );\n\n  const relatedVideos = useGetRelatedVideos({\n    video: interactiveMetadata.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  \n  useHandleObjectError(interactiveMetadata, videoErrors);\n  useCannotConsumeError(interactiveMetadata, { private: ShareLinkPrivateError });\n  useDeepLinks({ id: props.objectId, app: 'interactives', shareId: props.shareId });\n  useVideoMixin(relatedVideos.videos ?? []);\n  useSetPageMetadata(PageMetadataHelper.getInteractiveMetadata({ content: interactiveMetadata.data }));\n\n  const hasLoaded = (\n    interactiveMetadata.data &&\n    config.hasCompleted &&\n    currentUser.hasCompleted &&\n    (!shouldPreviewInteractive || interactive.hasCompleted) &&\n    shareLink.hasCompleted &&\n    viewKey.hasCompleted\n  );\n\n  if (shouldPreviewInteractive) {\n    // For staff, the interactive is previewed\n    if (!hasLoaded)\n      return <InteractivePartialLoading />;\n\n    return (\n      <PreviewInteractive\n        config={config.data}\n        currentUser={currentUser.data}\n        queryParams={props.queryParams}\n        interactive={interactiveMetadata.data}\n        isPreviewPreventScrubbingEnabled={interactive.data.preventScrubbing}\n        yearGroups={yearGroups.data}\n        audiences={audiences.data}\n        relatedVideos={relatedVideos}\n        canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n        isPlugin={isPlugin}\n      />\n    );\n  }\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayInteractive\n      interactive={interactiveMetadata.data}\n      currentUser={currentUser.data}\n      config={config.data}\n      audiences={audiences.data}\n      yearGroups={yearGroups.data}\n      queryParams={props.queryParams}\n      viewKey={viewKey.data}\n      relatedVideos={relatedVideos}\n      shareLink={shareLink.data}\n      startTime={props.queryParams?.t}\n      isPlugin={isPlugin}\n    />\n  );\n}"],"names":["InteractivePartialLoading","className","Array","fill","map","_","i","key","videoErrors","notFound","forbidden","privacy","SharedInteractiveView","props","hasPermissions","config","isPlugin","currentUser","interactiveMetadata","objectId","shareId","shareLink","viewKeyRequest","data","objectTypeId","viewKey","audiences","yearGroups","isAuthenticated","customerId","shouldPreviewInteractive","interactive","interactiveId","relatedVideos","video","context","queryParams","contextId","moviesAndTv","mtv","private","id","app","videos","content","hasLoaded","hasCompleted","isPreviewPreventScrubbingEnabled","preventScrubbing","canManageVideoAccess","startTime","t"],"sourceRoot":""}
+{"version":3,"file":"scripts/7533-9edee544c6-lite.chunk.js","mappings":"mJACA,SAAgB,MAAQ,QAAQ,OAAS,QAAQ,QAAU,QAAQ,YAAc,QAAQ,OAAS,QAAQ,KAAO,QAAQ,UAAY,SCG/H,SAAUA,IACd,OACE,uBAAKC,UAAU,cACb,uBAAKA,UAAS,qCAAgC,YAC9C,uBAAKA,UAAS,0CAAqC,UACjD,uBAAKA,UAAS,qCAAgC,gBAEhD,uBAAKA,UAAS,0CAAqC,aACnD,2BACGC,MAAM,GAAGC,KAAK,MAAMC,KAAI,SAACC,EAAGC,GAAC,OAC5B,uBAAKC,IAAKD,EAAGL,UAAS,0CAAqC,gBAA4B,KAKjG,C,wWCeMO,EAAc,CAClBC,SAAU,IACVC,UAAW,CACTC,QAAS,MAIP,SAAUC,EAAsBC,G,UAC5BC,GAAmB,SAAnBA,eAEFC,EAAS,kBAA6B,cAEpCC,GAAa,SAAbA,SAEFC,EAAc,kBAAkC,mBAChDC,EAAsB,kBAC1B,8BAA8CL,EAAMM,SAAUN,EAAMO,UAGhEC,EAAY,kBAChB,mBAA6BR,EAAMO,UAO/BE,EAAiBD,EAAUE,OAASF,EAAUE,KAAKC,eAAiB,gBACtE,kBAA6BX,EAAMO,QAAS,WAC5C,kBAA6BP,EAAMM,SAAU,iBAA0BN,EAAMO,UAC3EK,EAAU,kBAAoCH,GAC9CI,GAAY,SACZC,EAAa,mBACD,QAAhB,EAAAV,EAAYM,YAAI,eAAEK,kBAAmB,eAA4BX,EAAYM,KAAKM,aAO9EC,GAA2B,SAC3BC,EAAc,kBAClBD,GAA4BZ,EAAoBK,MAChD,gBAAgCL,EAAoBK,KAAKS,gBAGrDC,GAAgB,OAAoB,CACxCC,MAAOhB,EAAoBK,KAC3BY,QAAStB,EAAMuB,YAAYD,QAC3BE,UAAWxB,EAAMuB,YAAYC,UAC7BC,YAAazB,EAAMuB,YAAYG,IAC/BtB,YAAaA,EAAYM,QAG3B,OAAqBL,EAAqBV,IAC1C,OAAsBU,EAAqB,CAAEsB,QAAS,OACtD,OAAa,CAAEC,GAAI5B,EAAMM,SAAUuB,IAAK,eAAgBtB,QAASP,EAAMO,WACvE,OAAkC,QAApB,EAAAa,EAAcU,cAAM,QAAI,KACtC,OAAmB,4BAA0C,CAAEC,QAAS1B,EAAoBK,QAE5F,IAAMsB,EACJ3B,EAAoBK,MACpBR,EAAO+B,cACP7B,EAAY6B,gBACVhB,GAA4BC,EAAYe,eAC1CzB,EAAUyB,cACVrB,EAAQqB,aAGV,OAAIhB,EAEGe,EAIH,gBAAC,IAAkB,CACjB9B,OAAQA,EAAOQ,KACfN,YAAaA,EAAYM,KACzBa,YAAavB,EAAMuB,YACnBL,YAAab,EAAoBK,KACjCwB,iCAAkChB,EAAYR,KAAKyB,iBACnDrB,WAAYA,EAAWJ,KACvBG,UAAWA,EAAUH,KACrBU,cAAeA,EACfgB,qBAAsBnC,EAAe,uBACrCE,SAAUA,IAbL,gBAAC,IAAyB,MAkBhC6B,EAIH,gBAAC,IAAe,CACdd,YAAab,EAAoBK,KACjCN,YAAaA,EAAYM,KACzBR,OAAQA,EAAOQ,KACfG,UAAWA,EAAUH,KACrBI,WAAYA,EAAWJ,KACvBa,YAAavB,EAAMuB,YACnBX,QAASA,EAAQF,KACjBU,cAAeA,EACfZ,UAAWA,EAAUE,KACrB2B,UAA4B,QAAjB,EAAArC,EAAMuB,mBAAW,eAAEe,EAC9BnC,SAAUA,IAdL,gCAiBX,C","sources":["file:///app/packages/projects/lite/src/apps/interactives/components/interactive-partial-loading/interactive-partial-loading.scss","file:///app/packages/projects/lite/src/apps/interactives/components/interactive-partial-loading/InteractivePartialLoading.tsx","file:///app/packages/projects/lite/src/apps/share/views/shared-interactive/SharedInteractiveView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"video\":\"ekpg6\",\"notice\":\"lQs4F\",\"heading\":\"Gt6uV\",\"interaction\":\"LEfYX\",\"button\":\"caHP7\",\"edit\":\"de4DP\",\"questions\":\"XelbS\"};","import React from 'react';\n\nimport styles from './interactive-partial-loading.scss';\n\nexport function InteractivePartialLoading(): React.ReactElement {\n  return (\n    <div className='px-3 w-100'>\n      <div className={`partial-loading-background ${styles.notice}`} />\n      <div className={`partial-loading-background mb-3 ${styles.video}`}>\n        <div className={`partial-loading-background ${styles.questions}`}></div>\n      </div>\n      <div className={`partial-loading-background mb-3 ${styles.heading}`}></div>\n      <div>\n        {Array(5).fill(null).map((_, i) => (\n          <div key={i} className={`partial-loading-background my-2 ${styles.interaction}`}></div>\n        ))}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Interactive, InteractiveMetadata, PlayerViewKey, UnionShareObject, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useShouldPreviewInteractive } from 'shared/hooks/useShouldPreviewInteractive';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\n\nimport { InteractivePartialLoading } from 'apps/interactives/components/interactive-partial-loading/InteractivePartialLoading';\nimport { PlayInteractive } from 'apps/interactives/components/play-interactive/PlayInteractive';\nimport { PreviewInteractive } from 'apps/interactives/components/preview-interactive/PreviewInteractive';\nimport { ShareLinkNotFoundError } from 'apps/share/errors/share-link-not-found/ShareLinkNotFoundError';\nimport { ShareLinkPrivateError } from 'apps/share/errors/share-link-private/ShareLinkPrivateError';\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nconst videoErrors = {\n  notFound: ShareLinkNotFoundError,\n  forbidden: {\n    privacy: ShareLinkPrivateError\n  }\n};\n\nexport function SharedInteractiveView(props: ShareLinkViewProps): JSX.Element {\n  const { hasPermissions } = usePermissions();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const { isPlugin } = usePluginHelper();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.sharedInteractiveMetadata(props.objectId, props.shareId)\n  );\n\n  const shareLink = Flight.useBasicFetch<UnionShareObject>(\n    ShareRequests.getShareObject(props.shareId)\n  );\n\n  /**\n   * If the shareLink type isn't an interactive, then it's a playlist and needs to be\n   * used as context for fetching\n   */\n  const viewKeyRequest = shareLink.data && (shareLink.data.objectTypeId === MasterType.Interactive\n    ? PlayerRequests.createViewKey(props.shareId, MediaIdType.Share)\n    : PlayerRequests.createViewKey(props.objectId, MediaIdType.MasterObject, props.shareId));\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(viewKeyRequest);\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  /**\n   * Authenticated staff with Lite product access get the interactive \"Preview\" view instead\n   * of the usual play view.\n   */\n  const shouldPreviewInteractive = useShouldPreviewInteractive();\n  const interactive = Flight.useBasicFetch<Interactive>(\n    shouldPreviewInteractive && interactiveMetadata.data &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId)\n  );\n\n  const relatedVideos = useGetRelatedVideos({\n    video: interactiveMetadata.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  \n  useHandleObjectError(interactiveMetadata, videoErrors);\n  useCannotConsumeError(interactiveMetadata, { private: ShareLinkPrivateError });\n  useDeepLinks({ id: props.objectId, app: 'interactives', shareId: props.shareId });\n  useVideoMixin(relatedVideos.videos ?? []);\n  useSetPageMetadata(PageMetadataHelper.getInteractiveMetadata({ content: interactiveMetadata.data }));\n\n  const hasLoaded = (\n    interactiveMetadata.data &&\n    config.hasCompleted &&\n    currentUser.hasCompleted &&\n    (!shouldPreviewInteractive || interactive.hasCompleted) &&\n    shareLink.hasCompleted &&\n    viewKey.hasCompleted\n  );\n\n  if (shouldPreviewInteractive) {\n    // For staff, the interactive is previewed\n    if (!hasLoaded)\n      return <InteractivePartialLoading />;\n\n    return (\n      <PreviewInteractive\n        config={config.data}\n        currentUser={currentUser.data}\n        queryParams={props.queryParams}\n        interactive={interactiveMetadata.data}\n        isPreviewPreventScrubbingEnabled={interactive.data.preventScrubbing}\n        yearGroups={yearGroups.data}\n        audiences={audiences.data}\n        relatedVideos={relatedVideos}\n        canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n        isPlugin={isPlugin}\n      />\n    );\n  }\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayInteractive\n      interactive={interactiveMetadata.data}\n      currentUser={currentUser.data}\n      config={config.data}\n      audiences={audiences.data}\n      yearGroups={yearGroups.data}\n      queryParams={props.queryParams}\n      viewKey={viewKey.data}\n      relatedVideos={relatedVideos}\n      shareLink={shareLink.data}\n      startTime={props.queryParams?.t}\n      isPlugin={isPlugin}\n    />\n  );\n}"],"names":["InteractivePartialLoading","className","Array","fill","map","_","i","key","videoErrors","notFound","forbidden","privacy","SharedInteractiveView","props","hasPermissions","config","isPlugin","currentUser","interactiveMetadata","objectId","shareId","shareLink","viewKeyRequest","data","objectTypeId","viewKey","audiences","yearGroups","isAuthenticated","customerId","shouldPreviewInteractive","interactive","interactiveId","relatedVideos","video","context","queryParams","contextId","moviesAndTv","mtv","private","id","app","videos","content","hasLoaded","hasCompleted","isPreviewPreventScrubbingEnabled","preventScrubbing","canManageVideoAccess","startTime","t"],"sourceRoot":""}

package/dist/scripts/{7777-f0937ef1f5-lite.chunk.js → 7777-1c3490134e-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7777],{11921:(e,t,a)=>{a.d(t,{F:()=>o});var n=a(32735),r=a(35223),l=a(83914);var i=function(e){switch(e){case"up":return"JAT0R";case"down":return"ld41u";case"right":return"HHkPe";case"left":return"jZTRR"}};function o(e){return n.createElement(l.x,{svgName:r.vn.Caret,className:"".concat(i(e.direction)," svg-container d-inline-block ").concat(e.className)})}o.defaultProps={direction:"right"}},83834:(e,t,a)=>{a.d(t,{$:()=>k});var n=a(32735),r=a(57900),l=a(11921),i=a(11607),o=a(97395),c=a(83657),s=a(36848),d=a(88711),u=a(75163),m=a(5465),p=a(54610);const f={actions:"cN3nB",actionsContainer:"xM37V",dropStyle:"kvCLS",dragStyle:"md9Na"};function g(e){var t,a=e.folder.thumbnail?o._.urlBuilder(e.folder.thumbnail.url,{size:p.h2.Small}):null,r=null===(t=e.getFolderActions)||void 0===t?void 0:t.call(e,e.folder);return n.createElement(d.j,{draggable:e.drag&&{id:e.folder.id,data:e.folder},droppable:e.drop&&{id:e.folder.id,data:e.folder},dropStye:f.dropStyle,dragStyle:f.dragStyle},n.createElement("div",{className:"position-relative"},n.createElement(s.F,{className:"rounded-3 d-block text-decoration-none",appLink:e.getAppLink(e.folder),title:e.folder.name},n.createElement(u.Z,{data:a,imageType:p.__.Thumbnails,imageClassName:"rounded-top-lg"},n.createElement(m.oy,{name:e.folder.name,type:m.mS.Folder,extraClasses:"rounded-top-lg"})),n.createElement("h3",{className:"bg-white border-start border-end border-bottom rounded-bottom-lg font-size-normal fw-semibold mb-0 p-2"},n.createElement("span",{className:"text-truncate d-block"},e.folder.name))),(null==r?void 0:r.length)&&n.createElement(c.e,{actions:r,className:f.actionsContainer,actionsDropdownClassName:f.actions,dropdownToggleSvgSize:null})))}var v=a(83345),h=a(79967);function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var y="libraries.folderList",E="has:expanded:library:folders";function k(e){var t,a,o,c=(a=n.useState(r.SG.get(E)||!1),o=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l,i,o=[],c=!0,s=!1;try{if(l=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(n=l.call(a)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=a.return&&(i=a.return(),Object(i)!==i))return}finally{if(s)throw r}}return o}}(a,o)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?b(e,t):void 0}}(a,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=c[0],d=c[1],u=e.expandFolders||s,m=(t=(0,h.k)()).xxl||t.xl||t.lg?6:t.md?4:3;function p(){d(!u),r.SG.set(E,!u)}var f=u?e.folders:e.folders.slice(0,m),k=e.folders.length>m&&!e.expandFolders;return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex justify-content-between align-items-center"},e.showHeading&&n.createElement(i.L,{className:"d-inline-flex align-items-center mb-2 px-2 ".concat(k?"":"cursor-default"),onClick:p},k&&n.createElement(l.F,{direction:u?"down":"right"}),n.createElement("h2",{className:"h4 mb-0"},n.createElement(v.x,{namespace:y,phrase:"folders",options:{count:e.folders.length}}))),!(u||!k)&&n.createElement("div",{className:"d-flex justify-content-end justify-self-end px-2"},n.createElement(i.L,{onClick:p,className:"text-dark hover-text-underline d-inline-block"},n.createElement(v.x,{namespace:y,phrase:"seeAll",options:{count:e.folders.length}}))),!(!u||!k)&&n.createElement("div",{className:"d-flex justify-content-end justify-self-end px-2"},n.createElement(i.L,{onClick:p,className:"text-dark hover-text-underline d-inline-block"},n.createElement(v.x,{namespace:y,phrase:"seeLess"}))),e.extraButtons?e.extraButtons:n.createElement(n.Fragment,null)),n.createElement("div",{className:"row mx-1"},f.map((function(t){return n.createElement("div",{key:t.id,className:"col-4 col-md-3 col-lg-2 px-1 pb-3"},n.createElement(g,{folder:t,getAppLink:e.getAppLink,getFolderActions:e.getFolderActions,drag:e.drag,drop:e.drop}))}))))}k.defaultProps={showHeading:!0}},65403:(e,t,a)=>{a.d(t,{i:()=>i});var n=a(32735);const r={partialFolderHeading:"dhbsL",partialFolderThumbnail:"CI9vk",partialFolderName:"l0Nll"};var l=function(){return n.createElement("div",{className:"col-4 col-md-3 col-lg-2 px-1 pb-3"},n.createElement("div",{className:"".concat(r.partialFolderThumbnail," partial-loading-background rounded-top-lg")}),n.createElement("div",{className:"".concat(r.partialFolderName," partial-loading-background border-bottom rounded-bottom-lg font-size-normal mb-0 p-2")}," "))};function i(e){var t=e.count,a=void 0===t?3:t;return n.createElement(n.Fragment,null,n.createElement("div",{className:"".concat(r.partialFolderHeading," h4 mb-2 partial-loading-background")}," "),n.createElement("div",{className:"row mx-n1"},Array(a).fill(null).map((function(e,t){return n.createElement(l,{key:t})}))))}},17087:(e,t,a)=>{a.d(t,{T:()=>o});var n=a(20354),r=a(98064);function l(e){return function(e){if(Array.isArray(e))return i(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 i(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?i(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 i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function o(e){var t,a,i=e.folderId,o=e.firstItem,c=e.lastItem,s=e.getAppLink,d=n.a.useBasicFetch(r.D.folderParentTree(i));if(!(null===(a=null===(t=d.data)||void 0===t?void 0:t.children)||void 0===a?void 0:a.length))return[];for(var u=d.data.children.map((function(e){return{node:e,path:[e]}})),m=[],p=function(){var e=u.pop(),t=e.node,a=e.path;t.data.id.toString()===i.toString()&&(m=a.map((function(e){return{name:e.data.name,appLink:s(e)}}))),t.children&&u.push.apply(u,l(t.children.map((function(e){return{node:e,path:[].concat(l(a),[e])}}))))};u.length;)p();return o&&m.unshift(o),c&&m.push(c),m[m.length-1].active=!0,m}},98860:(e,t,a)=>{a.d(t,{P:()=>o});var n=a(20354),r=a(98064),l=a(3010),i=a(45719);function o(e){var t=n.a.useGetFetch();function a(t){return r.D.childFolders(e,t)}return(0,l.i)(!!e&&a,!!e&&function(e){t(a(e))}),(0,i.P)(!!e&&function(e){return a(e).key})}},21325:(e,t,a)=>{a.d(t,{o:()=>o});var n=a(32735),r=a(81886),l=a(96560),i=a(67058);function o(e){n.useEffect((function(){e.hasCompleted&&!e.hasError&&e.data.type!==l.r.CustomLibrary&&r.Q.Ry.throw(new i.d)}),[e.hasCompleted])}},3435:(e,t,a)=>{a.r(t),a.d(t,{LibraryFolderView:()=>ne});var n=a(32735),r=a(70680),l=a(23481),i=a(20354),o=a(65858),c=a(43500),s=a(44522),d=a(49935),u=a(83834),m=a(10874),p=a(4201),f=a(83345),g=a(79718),v=a(51365),h=a(94644),b=a(39151),y=a(1666),E=a(98064),k=a(31949),L=a(1575),S=a(69883),x=a(91286),F=a(60115),A=a(79612),N=a(35223),C=a(68140),w=a(14070),I=a(97291),T=a(51855),B=a(10671),O=a(27638),P=a(44110),R=a(97816),j=a(71020),V=a(13231),G=a(22902),H=a(10741),D=a(22490),M=a(23232),U=a(99742),Z="libraries.libraryFolderEmptyState";function _(){return n.createElement(f.D.Provider,{value:Z},n.createElement(M.u,null,n.createElement(M.u.Image,{src:U.W.EmptyStates.Libraries.FOLDER}),n.createElement(M.u.Heading,null,n.createElement(f.x,{phrase:"heading"})),n.createElement(M.u.Info,null,n.createElement(f.x,{phrase:"info"}))))}var W=a(82431),z="libraries.libraryFolderVideos";function $(e){var t,a=(0,p.of)().focusSearchBar,r=(0,G.T)().hasPermissions;return e.videos.length||e.hasSubFolders?e.videos.length?n.createElement("div",null,e.hasSubFolders&&n.createElement("div",{className:"d-flex justify-content-between align-items-center"},n.createElement("h2",{className:"h4 mb-0"},n.createElement(f.x,{namespace:z,phrase:"videos"})),n.createElement("div",{className:"d-flex"},n.createElement(m.h,{svgName:N.vn.Search,appLink:{application:I.O.SEARCH,action:w.e.Search.HOME,params:{source:c.fi.School}},className:"btn btn-outline-dark d-none d-sm-inline-block",onClick:a,analyticsData:{},analyticsOptions:{entity:o.py.SearchResults,location:o.LZ.Libraries,actionType:o.Vw.Click,descriptor:o.Bk.School}},n.createElement(f.x,{namespace:z,phrase:"searchLibrary",options:{smartCount:null===(t=e.libraries)||void 0===t?void 0:t.length}})),n.createElement(g.p,{variant:"outline-dark",type:e.sort,getSortAppLink:e.getSortAppLink,analyticsOptions:{location:o.LZ.VideoListHeader,entity:o.py.Video,actionType:o.Vw.Sort,workflowPhase:o.eu.Complete}}))),n.createElement(V.E4,{videos:e.videos,yearGroups:e.yearGroups,getVideoAppLink:D.W.getAppLink,getSubTextAppLink:function(e){return W.j.getSeriesAppLink(e.series)},setFavourite:e.setFavourite,canFavourite:e.canFavourite,presentationAudiences:e.audiences,hasPermissions:r,getPreviewQuestionsAppLink:function(e){return H.j.getPreviewQuestionsAppLink(e)},imageCdnUrl:e.imageCdnUrl,isPlugin:e.isPlugin,getClassroomGuideAppLink:D.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:D.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:D.W.getResourceGuidanceAppLink}),(e.hasMore||e.isFetching)&&n.createElement(j._,{isFetching:e.isFetching,fetchNext:e.fetchNext,nextCursor:e.nextCursor})):n.createElement(n.Fragment,null):n.createElement(_,null)}var Q=a(98860),J=a(21325),K=a(65403),Y=a(74696);const q={subheading:"IJZtA"};function X(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"m-3"},n.createElement(K.i,null)),n.createElement("div",{className:"mx-3 mb-3"},n.createElement("div",{className:"".concat(q.subheading," partial-loading-background mb-2")}),n.createElement(Y.S,null)))}var ee=a(8406),te="libraries.libraryFolder",ae=l.T.encloseNamespace(te);function ne(e){var t,a,l,j,V,G,H,D,M,U=(0,r.I0)(),Z=(0,S.Z)(),_=(0,p.of)().focusSearchBar,W=(0,T.G)().isPlugin,z=i.a.useBasicFetch(E.D.domainLibraries(["customLibrary","sharedLibrary"])),K=i.a.useBasicFetch(E.D.library(e.libraryId)),Y=i.a.useBasicFetch(E.D.folder(e.folderId)),q=(0,Q.P)(e.folderId),ne=i.a.useBasicFetch(k.N.currentUser()),re=i.a.useBasicFetch(b.L.config()),le=i.a.useBasicFetch((null===(t=ne.data)||void 0===t?void 0:t.isAuthenticated)&&y.h.yearGroups(ne.data.customerId)),ie=(0,B._)({location:B.i.VideoItem}),oe=(0,O.u)(o.LZ.VideoThumbnail),ce=oe.setFavourite,se=oe.canFavourite,de=(0,ee.Bf)(e.folderId,K.data,e.sort),ue=(0,P.i)();(0,A.M)({title:null===(a=Y.data)||void 0===a?void 0:a.name}),(0,x.v)([K,Y]),(0,J.o)(K);var me=!!ne.data&&C.d.getOrSetSortType(ne.data.id,e.sort),pe=(0,F.K)(be,ye,(function(e,t){if(1===e)return(0,h.r)(t);Z.error(ae("error"))})),fe=pe.items,ge=pe.hasMore,ve=pe.isFetching,he=pe.nextCursor;function be(t){return L.R.collectionVideos(e.folderId,me,t)}function ye(e){return i.a.getFetch(U)(be(e))}(0,R.V)(fe);var Ee=!(!q.hasCompleted||(null===(l=q.items)||void 0===l?void 0:l.length));return n.createElement(v.M.Provider,{value:ie},K.data&&Y.data&&re.data?n.createElement(s.p,{heading:Y.data.name,banner:Y.data.banner,imageCdnUrl:re.data.imageCdnUrl,blockColourClass:(0,ee.WO)(Y.data),logo:null===(j=K.data.owner)||void 0===j?void 0:j.logo}):n.createElement(s.v,null),n.createElement("div",{className:"d-flex justify-content-between align-items-center py-3 mx-3 ".concat(Ee?"":"border-bottom")},K.data&&Y.data?n.createElement(d.Oo,{breadcrumbs:de}):n.createElement(d.b2,null),n.createElement("div",{className:"d-flex"},(Ee||!(null==fe?void 0:fe.length))&&n.createElement(m.h,{svgName:N.vn.Search,appLink:{application:I.O.SEARCH,action:w.e.Search.HOME,params:{source:c.fi.School}},className:"btn btn-outline-dark d-none d-sm-inline-block",onClick:_,analyticsData:{},analyticsOptions:{entity:o.py.SearchResults,location:o.LZ.Libraries,actionType:o.Vw.Click,descriptor:o.Bk.School}},n.createElement(f.x,{namespace:te,phrase:"searchLibrary",options:{smartCount:null!==(G=null===(V=z.data)||void 0===V?void 0:V.length)&&void 0!==G?G:1}})),Ee&&Y.data&&n.createElement(g.p,{variant:"outline-dark",type:me,getSortAppLink:function(t){return(0,ee.a5)(e.libraryId,Y.data,t)},analyticsOptions:{location:o.LZ.VideoListHeader,entity:o.py.Video,actionType:o.Vw.Sort,workflowPhase:o.eu.Complete}}))),fe&&q?n.createElement(n.Fragment,null,!!(null===(H=q.items)||void 0===H?void 0:H.length)&&n.createElement("div",{className:"px-2 py-3"},n.createElement(u.$,{folders:q.items,getAppLink:function(t){return(0,ee.a5)(e.libraryId,t,me)},expandFolders:!fe.length})),n.createElement("div",{className:"px-3 pb-3"},n.createElement($,{videos:fe,yearGroups:le.data,hasSubFolders:!!(null===(D=q.items)||void 0===D?void 0:D.length),setFavourite:ce,canFavourite:se,hasMore:ge,isFetching:ve,fetchNext:ye,nextCursor:he,sort:me,getSortAppLink:function(t){return(0,ee.a5)(e.libraryId,Y.data,t)},audiences:ue.data,libraries:z.data,imageCdnUrl:null===(M=re.data)||void 0===M?void 0:M.imageCdnUrl,isPlugin:W}))):n.createElement(X,null))}},8406:(e,t,a)=>{a.d(t,{Bf:()=>d,WO:()=>s,a5:()=>c});var n=a(28400),r=a(7733),l=a(17087),i=a(14070),o=a(97291);function c(e,t,a){return e&&t?{application:o.O.LIBRARIES,action:i.e.Libraries.FOLDER,args:[e,t.id,n.m.slugify(t.name)],params:{sort:a}}:null}function s(e){for(var t,a,n=0,l=0;null!==(a=l<(null===(t=e.name)||void 0===t?void 0:t.length))&&void 0!==a&&a;l++)n+=e.name.charCodeAt(l);return r.o[n%r.o.length]}function d(e,t,a){return(0,l.T)({folderId:t&&e,getAppLink:function(e){return c(t.id,e.data,a)},firstItem:{name:null==t?void 0:t.name,appLink:{application:o.O.LIBRARIES,action:i.e.Libraries.LIBRARY,args:[null==t?void 0:t.id,n.m.slugify(null==t?void 0:t.name)]}}})}}}]);
-//# sourceMappingURL=7777-f0937ef1f5-lite.chunk.js.map
+//# sourceMappingURL=7777-1c3490134e-lite.chunk.js.map