@clickview/lite 0.50.0 → 0.50.1-rc.0

package/dist/scripts/3355-e65e88adaa-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[3355],{50690:(e,t,a)=>{a.d(t,{b:()=>i});var n=a(12788),i={renderInPortalIfExists:function(e,t){return t?(0,n.createPortal)(e,t):e}}},72553:(e,t,a)=>{a.d(t,{j:()=>u});var n=a(32735),i=a(42029),r=a(83345),o=a(49439);const l={copyrightDisclaimer:"z8YoI",overlayContainer:"eJDbJ"};function c(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 s="shared.copyrightDisclaimer",d=150;function u(e){var t,a,u,m=(a=(0,o.L)({}),u=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,l=[],c=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(n=r.call(a)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}(a,u)||function(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}(a,u)||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.")}()),p=m[0],v=m[1];return n.createElement("div",{ref:p,className:e.className},n.createElement("p",{className:"".concat(l.copyrightDisclaimer," mb-1")},n.createElement(r.x,{namespace:s,phrase:"copyrightDisclaimer"})),n.createElement(i.Z,{target:p.current,show:v,placement:e.overflowPlacement&&document.documentElement.clientHeight-(null===(t=p.current)||void 0===t?void 0:t.getBoundingClientRect().bottom)<d?e.overflowPlacement:e.placement},n.createElement("div",{className:"".concat(l.overlayContainer," mw-100 bg-white border rounded-3 p-2")},n.createElement("p",null,n.createElement(r.x,{namespace:s,phrase:"warning"})),n.createElement("p",{className:"fw-semibold mb-0"},n.createElement(r.x,{namespace:s,phrase:"sharing"})))))}},5640:(e,t,a)=>{a.d(t,{O:()=>y});var n=a(32735),i=a(23481),r=a(28400),o=a(11518),l=a(58704),c=a(59598),s=a(31908),d=a(14070),u=a(97291),m=a(22843),p=a(89118),v=a(68626),g=a(80143),f=n.memo((function(e){var t,a=e.data,i=e.thumbnailSize,r=e.preloadImage,o=e.getAppLink,l=(0,g.n)(null===(t=a.subjectPresentationAudiences)||void 0===t?void 0:t.data,e.audiences);return n.createElement("div",{className:"flex-shrink-0 px-1 col-6 col-sm-4"},n.createElement(p.u,{type:"static",textPosition:v.z.Independent,video:a,appLink:o(a),imageOptions:{size:i},preload:r,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,setFavourite:e.setFavourite,canFavourite:e.canFavourite,imageCdnUrl:e.imageCdnUrl,audience:l,hideDuration:!1,isPlugin:e.isPlugin}),n.createElement("div",{className:"mt-2"},n.createElement(m.h,Object.assign({},e,{video:a,appLink:e.getAppLink(a)}))))})),h="shared.playPageClipsV2";function y(e){var t;if(!e.canViewClips||!(null===(t=e.clips)||void 0===t?void 0:t.length))return n.createElement(n.Fragment,null);var a=s.M.isVideo(e.video),m=i.T.getPhrase(h,a?"clips":"otherClips",{count:e.clips.length});return n.createElement("section",{className:"pb-4",id:c.K.Clips,ref:function(t){var a;t&&(null===(a=e.headingRef)||void 0===a?void 0:a.current)&&e.headingRef.current.set(c.K.Clips,t)}},n.createElement(o.kM,{name:m,contents:l.z.ClipsV2,collection:e.clips,prefetched:!0,getChildAppLink:function(e){return{application:u.O.CLIPS,action:d.e.Clips.PLAY_CLIP,args:[e.id,r.m.slugify(e.name)]}},appLink:s.M.isVideo(e.video)?{action:d.e.Videos.VIDEO_CLIPS,application:u.O.VIDEOS,args:[e.video.id,r.m.slugify(e.video.name)]}:{action:d.e.Clips.CLIP_CLIPS,application:u.O.CLIPS,args:[e.video.id,r.m.slugify(e.video.name)]},childComponent:f,extraChildComponentProps:{yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin},analyticsData:e.analyticsData}))}},12059:(e,t,a)=>{a.d(t,{a:()=>N});var n=a(32735),i=a(42648),r=a(23481),o=a(110),l=a(78259),c=a(65858),s=a(72553),d=a(25723),u=a(87311),m=a(91743),p=a(83345),v=a(8730),g=a(40178),f=a(44829),h=a(59598),y=a(31908);const E={descriptionBorder:"YUC62"};var b="shared.videoDetailsV2",C=r.T.encloseNamespace(b);function I(e){var t=e.label,a=e.items,i=e.className;if(!(a&&a.data&&a.data.length))return n.createElement(n.Fragment,null);var r=a.data.map((function(e){return e.name})).join(", ");return n.createElement("div",{className:i},t,": ",r)}function k(e){var t,a,i,r,l,c,s,d,u,m=e.video;if(!y.M.isVideo(m)&&!y.M.isClip(m))return n.createElement(n.Fragment,null);var v=y.M.getParentVideo(m);return n.createElement("div",{className:m.description?"col-md-5 ps-md-3 pt-3 pt-md-0":"col-12"},n.createElement("h2",{className:"h6 mb-1"},n.createElement(p.x,{phrase:"details"})),!!v.productionYear&&n.createElement("div",{className:"mb-1"},n.createElement(p.x,{phrase:"productionYear",options:{year:v.productionYear}})),n.createElement(I,{label:C("productionCompanies",{smartCount:null===(a=null===(t=v.productionCompanies)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length}),items:v.productionCompanies,className:"mb-1"}),n.createElement(I,{label:C("distributors",{smartCount:null===(r=null===(i=v.distributors)||void 0===i?void 0:i.data)||void 0===r?void 0:r.length}),items:v.distributors,className:"mb-1"}),n.createElement(I,{label:C("producers",{smartCount:null===(c=null===(l=v.producers)||void 0===l?void 0:l.data)||void 0===c?void 0:c.length}),items:v.producers,className:"mb-1"}),n.createElement(I,{label:C("directors",{smartCount:null===(d=null===(s=v.directors)||void 0===s?void 0:s.data)||void 0===d?void 0:d.length}),items:v.directors,className:"mb-1"}),!!v.dateBroadcast&&n.createElement("div",{className:"mb-1"},n.createElement(p.x,{phrase:"dateBroadcast",options:{date:o.O.format(v.dateBroadcast,"DD/MM/YYYY")}})),!!v.channel&&n.createElement("div",{className:"mb-1"},n.createElement(p.x,{phrase:"channel",options:{channel:v.channel.name}})),!((null===(u=m._isClickViewCurated)||void 0===u?void 0:u.value)||!m.dateCreated)&&n.createElement("div",{className:"mb-1"},n.createElement(p.x,{phrase:"dateUploaded",options:{date:o.O.format(m.dateCreated,"DD/MM/YYYY")}})))}function N(e){var t,a=e.video,r=e.maxHeight,o=void 0===r?g.x:r,C=y.M.getParentVideo(a),I=!!e.video.description,N=(0,v._)(e.video)||!!C.productionYear||!!C.dateBroadcast||!!C.channel||!(!a.dateCreated||(null===(t=a._isClickViewCurated)||void 0===t?void 0:t.value));if(!I&&!N)return n.createElement(n.Fragment,null);var w=function(){var t,a,n,i;return e.hideTags||y.M.isInteractive(e.video)||!(null===(a=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)?null:null===(i=null===(n=e.video.tags)||void 0===n?void 0:n.data)||void 0===i?void 0:i.filter((function(e){return e.tagType===f.Q.Normal}))}(),O=function(e){var t,a,n,i;if((null===(a=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.colours)||void 0===a?void 0:a.primary)&&(null===(i=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.colours)||void 0===i?void 0:i.secondary))return e.data.colours}(e.theme);return n.createElement(p.D.Provider,{value:b},n.createElement("section",{id:h.K.VideoDetails,ref:function(t){var a;t&&(null===(a=e.headingRef)||void 0===a?void 0:a.current)&&e.headingRef.current.set(h.K.VideoDetails,t)}},n.createElement("div",null,n.createElement("h2",{className:"h5 mb-2"}," ",n.createElement(p.x,{phrase:"heading"}))),n.createElement("div",{className:"rounded border p-3 mb-4 position-relative"},n.createElement(i.$B,{autoHeight:!0,autoHeightMax:o},n.createElement("div",{className:"row g-0"},I&&n.createElement("div",{className:N?"".concat(E.descriptionBorder," pe-3 col-md-7"):"col-12"},n.createElement("div",{className:"d-flex align-items-center"},n.createElement("h2",{className:"h6 mb-1"},n.createElement(p.x,{phrase:"description"})),n.createElement(d.m,{text:a.description,title:a.name,className:"ps-2",onLaunch:e.onLaunchImmersiveReader,onExit:e.onExitImmersiveReader,analyticsOptions:{location:c.LZ.PlayPage,entity:c.py.Video,actionType:c.Vw.Click,descriptor:c._S.LaunchImmersiveReader},analyticsData:{id:a.id,type:"description"}})),n.createElement("p",{className:"mb-0",dangerouslySetInnerHTML:{__html:l.O.linkifyText(e.video.description,{nl2br:!0})}})),N&&n.createElement(k,Object.assign({},e))),!!(null==w?void 0:w.length)&&n.createElement("div",{className:"mt-3"},n.createElement("h2",{className:"h6 mb-1"},n.createElement(p.x,{phrase:"normalTags"})),n.createElement(m.P,Object.assign({tags:w,themeColours:O},u.G.getTagActionProps(e.getTagAppLink,null,e.suppressInteractivity),{className:"mt-1"}))),y.M.isBroadcast(e.video)&&n.createElement(s.j,{placement:"bottom-start",className:"d-flex justify-content-start mt-2 mb-n1"})))))}},51184:(e,t,a)=>{a.d(t,{NE:()=>d,RH:()=>m,Wp:()=>u});var n=a(32735),i=a(16367),r=a(34468),o=a(73758),l=a(63847);function c(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 s=/\[\]\(cv:\/\/poi\?id=\d+\)\n*/g;function d(e,t){var a,r,o,l=(r=(0,n.useState)(""),o=2,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,l=[],c=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(n=r.call(a)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}(r,o)||function(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}(r,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.")}()),d=l[0],u=l[1];return(0,n.useEffect)((function(){if(t){var a=(n=e.glance,r=n.content.replace(s,""),i(r));u(a)}var n,r}),[null===(a=e.glance)||void 0===a?void 0:a.content,t]),d}function u(e){var t,a;return(null===(t=e.glance)||void 0===t?void 0:t.content)&&"text/markdown"===(null===(a=e.glance)||void 0===a?void 0:a.format)}function m(e,t){var a=(0,n.useRef)();function i(){e&&o.n.trigger("glance:poi:mouseover",e)}function c(){o.n.trigger("glance:poi:mouseleave")}return(0,r.R)("player:poi:mouseover",(function(t){var n,i,r;(null==t?void 0:t.id)&&(null===(n=null==e?void 0:e.id)||void 0===n?void 0:n.toString())===(null===(i=null==t?void 0:t.id)||void 0===i?void 0:i.toString())&&(null===(r=a.current)||void 0===r||r.classList.add(l.Z.highlightPoi))}),null,t),(0,r.R)("player:poi:mouseleave",(function(){var e;null===(e=a.current)||void 0===e||e.classList.remove(l.Z.highlightPoi)}),null,t),(0,n.useEffect)((function(){var e,n;if(a.current&&t)return null===(e=a.current)||void 0===e||e.addEventListener("mouseover",i),null===(n=a.current)||void 0===n||n.addEventListener("mouseleave",c),function(){var e,t;null===(e=a.current)||void 0===e||e.removeEventListener("mouseover",i),null===(t=a.current)||void 0===t||t.removeEventListener("mouseleave",c)}}),[a.current]),a}},64921:(e,t,a)=>{a.d(t,{j:()=>C});var n=a(32735),i=a(42648),r=a(11607),o=a(83345),l=a(93264),c=a(51184);const s={poiEntry:"vr6R9",poiText:"znHZF",public:"v0BZ9",poiTimeStamp:"AdKwe"};function d(e){var t=l.T.ToDisplayDuration(1e3*e.poi.startTime),a=(0,c.RH)(e.poi,!e.suppressInteractivity);return e.suppressInteractivity?n.createElement("div",{className:"d-flex ".concat(s.poiEntry," mb-2")},n.createElement("span",{className:"d-flex rounded-pill justify-content-center align-items-center fw-semibold ".concat(s.poiTimeStamp)},t),n.createElement("div",{className:"".concat(s.public," ms-2")},e.poi.description)):n.createElement(r.L,{key:e.poi.startTime,className:"d-flex ".concat(s.poiEntry," mb-2 cursor-pointer"),onClick:function(){return e.onClickPoiItem(e.poi.startTime)},ref:a},n.createElement("div",{className:"d-flex rounded-pill justify-content-center align-items-center fw-semibold ".concat(s.poiTimeStamp)},t),n.createElement("div",{className:"ms-2 ".concat(s.poiText)},e.poi.description))}var u="shared.pointsOfInterestList";function m(e){return n.createElement("div",null,n.createElement("h2",{className:"h6 my-2"},n.createElement(o.x,{namespace:u,phrase:"heading"})),n.createElement("div",null,e.pointsOfInterest.map((function(t){return n.createElement(d,{key:t.startTime,poi:t,suppressInteractivity:e.suppressInteractivity,onClickPoiItem:e.onClickPoiItem})}))))}var p=a(87311),v=a(91743),g=a(44829),f=a(31908),h=a(63847),y="shared.videoAtAGlanceV2",E=350;function b(e){return e.hideScrollbar?n.createElement(n.Fragment,null,e.children):n.createElement("div",{className:"rounded border mb-4 bg-white"},n.createElement(i.ZP,{autoHeight:!0,autoHeightMax:E},n.createElement("div",{className:"px-3 px-3 pt-3 pb-2"},e.children)))}function C(e){var t,a,i,r,l=(0,c.NE)(e.video,e.canViewGlance),s=f.M.isInteractive(e.video)||!(null===(a=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)?null:null===(r=null===(i=e.video.tags)||void 0===i?void 0:i.data)||void 0===r?void 0:r.filter((function(e){return e.tagType===g.Q.Pedagogy||e.tagType===g.Q.Skill}));return e.canViewGlance?n.createElement(b,{hideScrollbar:e.hideScrollbar},n.createElement("h2",{className:"h6 mb-2"},n.createElement(o.x,{namespace:y,phrase:"learningIntention"})),n.createElement("div",{className:"".concat(h.Z.learningIntention," mb-3")},n.createElement("div",{dangerouslySetInnerHTML:{__html:l}})),!!(null==s?void 0:s.length)&&n.createElement("div",{className:"mb-1"},n.createElement(v.P,Object.assign({tags:s},p.G.getTagActionProps(e.getTagAppLink,e.onClickTag,e.suppressInteractivity),{className:"mt-2"}))),!!e.pointsOfInterest.length&&n.createElement(m,{pointsOfInterest:e.pointsOfInterest,suppressInteractivity:e.suppressInteractivity,onClickPoiItem:function(t){e.setStartTime(t)}})):n.createElement(n.Fragment,null)}},17997:(e,t,a)=>{a.d(t,{H:()=>s});var n=a(32735),i=a(36848),r=a(83345),o=a(22843),l=a(89118),c=a(68626),s=n.memo((function(e){var t,a,s=e.data,d=e.thumbnailSize,u=e.preloadImage,m=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]}),p=null===(a=null===(t=s._timepoints)||void 0===t?void 0:t.value)||void 0===a?void 0:a.length;return n.createElement("div",{className:"flex-shrink-0 px-1 col-6 col-sm-4"},n.createElement(l.u,{type:"static",textPosition:c.z.Independent,video:s,appLink:e.getAppLink(s),imageOptions:{size:d},preload:u,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,setFavourite:e.setFavourite,canFavourite:e.canFavourite,hideDuration:!1,imageCdnUrl:e.imageCdnUrl,isPlugin:e.isPlugin}),n.createElement("div",{className:"mt-2"},n.createElement(o.h,Object.assign({},e,{video:s,appLink:e.getAppLink(s)}))),n.createElement("div",{className:"mt-1"},n.createElement(i.F,{appLink:m,className:"cursor-pointer"},n.createElement(r.x,{namespace:"shared.interactiveWidgetItemV2",phrase:"previewQuestions",options:{count:p,smartCount:p}}))))}))},95812:(e,t,a)=>{a.d(t,{J:()=>v});var n=a(32735),i=a(23481),r=a(28400),o=a(11518),l=a(58704),c=a(59598),s=a(31908),d=a(14070),u=a(97291),m=a(17997),p="shared.playPageInteractivesV2";function v(e){var t;if(!e.canViewInteractives||!(null===(t=e.interactives)||void 0===t?void 0:t.length))return n.createElement(n.Fragment,null);var a=i.T.getPhrase(p,"interactives",{count:e.interactives.length});return n.createElement("section",{className:"pb-4",id:c.K.Interactives,ref:function(t){var a;t&&(null===(a=e.headingRef)||void 0===a?void 0:a.current)&&e.headingRef.current.set(c.K.Interactives,t)}},n.createElement(o.kM,{name:a,contents:l.z.InteractivesV2,collection:e.interactives,prefetched:!0,getChildAppLink:function(e){return{application:u.O.INTERACTIVES,action:d.e.Interactives.VIEW_INTERACTIVE,args:[e.id,r.m.slugify(e.name)]}},appLink:s.M.isVideo(e.video)?{action:d.e.Videos.VIDEO_INTERACTIVES,application:u.O.VIDEOS,args:[e.video.id,r.m.slugify(e.video.name)]}:{action:d.e.Clips.CLIP_INTERACTIVES,application:u.O.CLIPS,args:[e.video.id,r.m.slugify(e.video.name)]},childComponent:m.H,extraChildComponentProps:{yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,imageCdnUrl:e.imageCdnUrl,questionsAppLink:{application:u.O.INTERACTIVES,action:d.e.Interactives.PREVIEW_QUESTIONS},isPlugin:e.isPlugin},analyticsData:e.analyticsData}))}},53709:(e,t,a)=>{a.d(t,{M:()=>f});var n=a(32735),i=a(23481),r=a(65858),o=a(11518),l=a(16714),c=a(58704),s=a(22902),d=a(59598),u=a(74237),m=a(351);function p(e){return function(e){if(Array.isArray(e))return v(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 v(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)?v(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 v(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 g="shared.playPageResources";function f(e){var t=(0,s.T)().hasPermissions,a=function(e,t){var a,n,i,r,o=null!==(n=null===(a=e.resources)||void 0===a?void 0:a.data)&&void 0!==n?n:[],l=null!==(r=null===(i=e.links)||void 0===i?void 0:i.data)&&void 0!==r?r:[];if(!t)return[].concat(p(o),p(l));var c=o.filter((function(e){var t;return["additional-materials","student-activity"].includes(null===(t=e.metadata)||void 0===t?void 0:t.resourceType)}));return[].concat(p(c),p(l))}(e.video,t(l.C.StudentExperience)),v=i.T.getPhrase(g,"resources",{count:a.length});return a.length?n.createElement("section",{id:d.K.Resources,className:"pb-4",ref:function(t){var a;t&&(null===(a=e.headingRef)||void 0===a?void 0:a.current)&&e.headingRef.current.set(d.K.Resources,t)}},n.createElement(o.kM,{name:v,contents:c.z.PlayPageResourcesV2,collection:a,prefetched:!0,childComponent:m.oA,extraChildComponentProps:{imageCdnUrl:e.imageCdnUrl,imageErrorFallbackUrl:e.resourceThumbnailFallbackUrl,actionBehaviour:e.canViewResources?"normal":"public",location:"play-page",titlePosition:"below",onClickDownload:e.canViewResources?function(t){u.T.downloadResource(t,e.analyticsData,{location:r.LZ.PlayPage,actionType:r.Vw.Download,entity:r.py.Resource})}:null},getChildAppLink:e.getAppLink,analyticsOptions:e.canViewResources?{}:{workflowPhase:r.eu.Start,descriptor:r.Yu.SignUp},analyticsData:e.analyticsData})):n.createElement(n.Fragment,null)}},351:(e,t,a)=>{a.d(t,{$G:()=>k,oA:()=>N,ZS:()=>I});var n=a(32735),i=a(39202),r=a(49985),o=a(65858),l=a(36848),c=a(11607),s=a(75891),d=a(83914),u=a(60995),m=a(76177),p=a(61150),v=a(71063),g=a(4594),f=a(1164),h=a(79967),y=a(45778),E=a(54297),b=a(35223);const C={imageStyle:"bYRn8",item:"CjuxU",dashboard:"IuRN0",playPage:"VdJvp",aspectRatio:"QK8Jh",outerContainer:"eiC_H",innerContainer:"huIRg",actions:"FsIJm",titleBelow:"DpeSr",thumbnailContainer:"ZbalL",titleAbove:"PwOSX",teacherPack:"ZHAEj",text:"k3ei6",hoverState:"BLrWL",atomGuide:"Qz8JE",studentActivity:"qNspk",additionalMaterials:"R0huw",userUploaded:"H_zGf",imageTypeResource:"AgeLb",download:"DKneu"};function I(e,t){var a,n=(0,h.k)();return"public"===t||!n.xs&&!n.sm&&"resource"===e.type&&"metadata"in e&&(e.metadata.type===f.L.Image||(e.metadata.type===f.L.Pdf?!!e.url:!!(null===(a=e.pdf)||void 0===a?void 0:a.url)))}function k(e){var t,a,i,r,o=null;"metadata"in e.data&&(o=e.data.metadata);var l=y.G.isType(e.data,g.E.Resource);return n.createElement(n.Fragment,null,n.createElement("div",{className:C.aspectRatio},n.createElement("div",{className:C.outerContainer},n.createElement("div",{className:function(t){var a,n="\n      d-flex flex-column align-items-center justify-content-end rounded-3 h-100\n      position-relative ".concat(function(e){switch(e){case"atom-guide":return C.atomGuide;case"student-activity":return C.studentActivity;case"teacher-pack":return C.teacherPack;case"additional-materials":return C.additionalMaterials;default:return C.userUploaded}}(t)," ").concat(C.innerContainer);return(null===(a=e.theme)||void 0===a?void 0:a.containerClass)?n+=" ".concat(e.theme.containerClass):n+=" pt-3 px-3",e.applyHoverState&&(n+=" ".concat(C.hoverState)),n}(null==o?void 0:o.resourceType)},"above"===e.titlePosition&&n.createElement(m.u,{title:e.data.name},n.createElement("h3",{className:"text-center text-break h5 mb-3 ".concat(C.text)},n.createElement("span",{className:"clamp-1"},e.data.name))),n.createElement("div",{className:"\n              ".concat(null!==(a=null===(t=e.theme)||void 0===t?void 0:t.thumbnailContainerClass)&&void 0!==a?a:""," w-75 overflow-hidden \n              ").concat(C.thumbnailContainer," ").concat("above"===e.titlePosition?C.titleAbove:""," \n              ").concat(C.imageStyle,"\n            ")},n.createElement(s.C,{resource:e.data,imageCdnUrl:e.imageCdnUrl,imageErrorFallbackUrl:e.imageErrorFallbackUrl,preloadImage:e.preloadImage,dynamicRatioImageOptions:e.dynamicRatioImageOptions})),l&&e.onClickDownload&&"normal"===e.actionBehaviour&&n.createElement("div",{className:C.actions},n.createElement(c.L,{onClick:function(t){t.preventDefault(),t.stopPropagation(),y.G.isResource(e.data)&&"function"==typeof e.onClickDownload&&e.onClickDownload(e.data)},className:"".concat(C.download," d-flex align-items-center justify-content-center")},n.createElement(d.x,{svgName:b.vn.Download}))),!e.hideTypeBadge&&l&&n.createElement(p.y,{typeId:g.E.Resource})))),"below"===e.titlePosition&&n.createElement("div",{className:"mt-1 ".concat(C.titleBelow)},y.G.isType(e.data,g.E.Resource)&&!!(null===(r=null===(i=e.data)||void 0===i?void 0:i.metadata)||void 0===r?void 0:r.resourceType)&&n.createElement(u.m,null,E.C.getResourceTypeName(e.data.metadata.resourceType)),n.createElement("h3",{className:"h6 clamp-2"},e.data.name)))}k.defaultProps={preloadImage:!0,actionBehaviour:"normal"};var N=n.memo((function(e){var t=I(e.data,e.actionBehaviour),a=Object.assign(Object.assign({},e.analyticsData),e.data),c=Object.assign(Object.assign({},e.analyticsOptions),{actionType:o.Vw.Click,entity:e.data.typeId===g.E.Resource?o.py.Resource:o.py.Link});function s(){r.k.logUserAction(a,c)}var d,u=Object.assign(Object.assign({},e),{applyHoverState:t||!!e.data.url});return n.createElement("div",{className:"px-1 flex-shrink-0 ".concat(C.item," ").concat("play-page"===e.location?C.playPage:C.dashboard," ").concat(v.M.RESOURCE_ITEM_SELECTOR)},(d="d-block no-decoration","link"===e.data.type?n.createElement("a",{href:e.data.url,target:"_blank",className:d,onClick:s},n.createElement(k,Object.assign({},u))):t?"public"===e.actionBehaviour?n.createElement("div",{className:"".concat(d," cursor-pointer d-inline"),onClick:function(){s(),i.C$.trigger(e.getAppLink(e.data))}},n.createElement(k,Object.assign({},u))):n.createElement(l.F,{appLink:e.getAppLink(e.data),className:d,analyticsData:a,analyticsOptions:c},n.createElement(k,Object.assign({},u))):e.data.url?n.createElement("a",{href:e.data.url,className:d,onClick:s},n.createElement(k,Object.assign({},u))):n.createElement("div",{className:d},n.createElement(k,Object.assign({},u)))))}))},75838:(e,t,a)=>{a.d(t,{w:()=>d});var n=a(32735),i=a(92869),r=a(49985),o=a(65858),l=a(36848),c=a(11607);const s={itemsWrapper:"m6mGm",anchorWrapper:"QptZj",default:"_AZa8",selectedItem:"Nuiel",disabled:"WIzWJ",floatIcon:"ARudn",arrowIcon:"tEF5Q",listIcon:"Ql2wi"};function d(e){var t={actionType:o.Vw.Click,entity:o.py.Widget,location:o.LZ.TableOfContents};return n.createElement("div",{className:"".concat(s.itemsWrapper)},e.items.map((function(a,o){return e.localState?n.createElement(c.L,{key:a.id,className:"".concat(s.anchorWrapper," ").concat(e.activeId===a.id?s.selectedItem:""),onClick:function(){i.t.preventScrollTop(),e.setControlledId(a.id),function(a){r.k.logUserAction(Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),t)}(a)}},n.createElement("div",{className:"".concat(e.activeId||0!==o?"":s.default," ")},a.name)):n.createElement(l.F,{key:a.id,appLink:e.getAppLink(a),appLinkOptions:{replace:!0},className:"".concat(s.anchorWrapper," ").concat(e.activeId===a.id?s.selectedItem:""),onClick:function(){i.t.preventScrollTop(),e.setControlledId(a.id)},analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:t},n.createElement("div",{className:"".concat(e.activeId||0!==o?"":s.default," ")},a.name))})))}},65332:(e,t,a)=>{a.d(t,{D:()=>r});var n,i=a(32735),r=function(e){var t=e.setActiveId,a=e.headingElements,r=e.controlledId,o=e.setControlledId,l=i.useRef(0);i.useEffect((function(){var e=new IntersectionObserver((function(e){e.forEach((function(e){if(r)return t(r),void(n=window.setTimeout((function(){o("")}),800));if(e.isIntersecting)t(e.target.id),l.current=window.scrollY;else{var i=l.current-window.scrollY>0,c=a.findIndex((function(t){return t.id===e.target.id})),s=a[c-1];i&&(null==s?void 0:s.id)&&t(null==s?void 0:s.id)}}))}),{rootMargin:"-67px 0px -80% 0px"});return a.forEach((function(t){return e.observe(t)})),function(){n&&window.clearTimeout(n),e.disconnect()}}),[t,a.length,r])}},74237:(e,t,a)=>{a.d(t,{T:()=>l});var n=a(97395),i=a(49985),r=a(65858),o=null,l={getVideoDownloadUrl:function(e,t){return n._.safeUrlConcat(n._.makeHttps(e),"/download?token=".concat(t))},downloadResource:function(e,t,a){var n,l=o;o||(l=o=document.createElement("iframe"),document.body.appendChild(l),l.style.display="none"),l.src=e.url,i.k.logUserAction(Object.assign({id:null==e?void 0:e.id,name:null==e?void 0:e.name,resourceType:null===(n=null==e?void 0:e.metadata)||void 0===n?void 0:n.resourceType},t),Object.assign({actionType:r.Vw.Download,entity:r.py.Resource,workflowPhase:r.eu.Complete},a))}}},9465:(e,t,a)=>{a.d(t,{h:()=>h});var n=a(32735),i=a(81886),r=a(50690),o=a(49985),l=a(65858),c=a(10874),s=a(75838),d=a(83345),u=a(35223),m=a(70949);const p={container:"qA4yj",collapse:"sFoPk",aside:"j28IY",iconContainer:"PYyBV",arrowIcon:"MTodB",listIcon:"W76p8"};var v="shared.playPage";function g(e){function t(){var t;e.setIsExpanded(!0),t={actionType:l.Vw.Open,entity:l.py.TableOfContents,location:l.LZ.PlayPage},o.k.logUserAction(e.analyticsData,t)}return n.createElement("div",{className:"d-flex justify-content-end"},n.createElement("div",{className:p.container},n.createElement("div",{className:"".concat(p.iconContainer)},n.createElement(c.h,{className:"btn btn-outline-dark ".concat(p.listIcon),svgName:u.vn.TableOfContents,onClick:t}),n.createElement(c.h,{className:"btn btn-outline-dark ".concat(p.arrowIcon),svgName:u.vn.ExpandLeft,onClick:t}))))}function f(e){return n.createElement("aside",{className:"".concat(p.aside," pe-1 pt-1 position-relative")},n.createElement("div",{className:p.container},n.createElement(c.h,{className:"btn position-absolute ".concat(p.collapse),svgName:u.vn.CollapseRight,onClick:function(){var t;e.setIsExpanded(!1),t={actionType:l.Vw.Hide,entity:l.py.TableOfContents,location:l.LZ.PlayPage},o.k.logUserAction(e.analyticsData,t)}}),n.createElement("h2",{className:"h5"},n.createElement(d.x,{namespace:v,phrase:"tocHeading"})),n.createElement(s.w,{items:e.items,activeId:e.activeId,getAppLink:function(e){var t=i.Q.C$.getCurrentAppLink(),a=t.params?Object.assign({},t.params):{};return a.tocId=e.id,Object.assign(Object.assign({},t),{params:a})},setControlledId:e.setControlledId,analyticsData:e.analyticsData})))}function h(e){return n.createElement(n.Fragment,null,r.b.renderInPortalIfExists(e.isExpanded?n.createElement(f,Object.assign({},e)):n.createElement(g,Object.assign({},e)),document.getElementById(m.M)))}},53256:(e,t,a)=>{a.d(t,{d:()=>o});var n=a(23481),i=a(59598),r=n.T.encloseNamespace("shared.play"),o={getSectionHeading:function(e,t){switch(e){case i.K.Resources:return r("resourcesHeading",{count:t.resources.length});case i.K.Clips:return t.isPlayClipPage?r("otherClipsHeading",{count:t.clips.length-1}):r("clipsHeading",{count:t.clips.length});case i.K.Interactives:return r("interactivesHeading",{count:t.interactives.length});case i.K.Video:return r("videoHeading");case i.K.VideoDetails:return r("videoDetailsHeading");case i.K.RelatedVideos:return r("upNextHeading");case i.K.CurriculumLinks:return r("curriculumLinksHeading");case i.K.ClippedFrom:return r("clippedFromHeading");default:return""}}}},63010:(e,t,a)=>{a.d(t,{Q:()=>c});var n=a(32735),i=a(57900);function r(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,l=[],c=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;c=!1}else for(;!(c=(n=r.call(a)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(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 l="play-page-toc-expanded";function c(e){var t=!1!==i.SG.get(l),a=r(n.useState(e||""),2),o=a[0],c=a[1],s=r(n.useState(""),2),d=s[0],u=s[1],m=r(n.useState(t),2),p=m[0],v=m[1];return n.useEffect((function(){i.SG.set(l,p)}),[p]),{controlledId:o,setControlledId:c,tableOfContentsExpanded:p,setTableOfContentsExpanded:v,tableOfContentsActiveId:d,setTableOfContentsActiveId:u}}},14476:(e,t,a)=>{a.d(t,{J:()=>o});var n=a(32735),i=a(59598),r=[i.K.Video,i.K.Resources,i.K.Interactives,i.K.CurriculumLinks,i.K.VideoDetails,i.K.Clips,i.K.ClippedFrom,i.K.RelatedVideos];function o(){var e=n.useRef(new Map),t=r.map((function(t){return e.current.get(t)})).filter(Boolean);return{headingRef:e,headingElements:t}}},81812:(e,t,a)=>{a.d(t,{t:()=>i});var n=a(79967);function i(){var e=(0,n.k)();return e.lg||e.xl||e.xxl}},63847:(e,t,a)=>{a.d(t,{Z:()=>n});const n={learningIntention:"MHM6O",highlightPoi:"U7Q6x"}}}]);
-//# sourceMappingURL=3355-e65e88adaa-lite.chunk.js.map

package/dist/scripts/3355-e65e88adaa-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/3355-e65e88adaa-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/utils/PortalHelper.ts","file:///app/packages/libs/shared/src/components/copyright-disclaimer/copyright-disclaimer.scss","file:///app/packages/libs/shared/src/components/copyright-disclaimer/CopyrightDisclaimer.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/clips-widget/ClipWidgetItemV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/clips-widget/PlayPageClips.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/details/video-details.scss","file:///app/packages/libs/shared/src/components/play-page-v2/details/VideoDetailsV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/glance/VideoAtAGlanceUtilsV2.ts","file:///app/packages/libs/shared/src/components/play-page-v2/glance/points-of-interest-list/points-of-interest-list.scss","file:///app/packages/libs/shared/src/components/play-page-v2/glance/points-of-interest-list/PointsOfInterestList.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/glance/VideoAtAGlanceV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/interactives-widget/InteractiveWidgetItemV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/interactives-widget/PlayPageInteractives.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/resources-widget/PlayPageResources.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/resources-widget/resource-widget-item.scss","file:///app/packages/libs/shared/src/components/play-page-v2/resources-widget/ResourceWidgetItemV2.tsx","file:///app/packages/libs/shared/src/components/table-of-contents-list/table-of-contents-list.scss","file:///app/packages/libs/shared/src/components/table-of-contents-list/TableOfContentsList.tsx","file:///app/packages/libs/shared/src/hooks/useTableOfContentsActiveHeading.tsx","file:///app/packages/libs/shared/src/utils/DownloadHelper.ts","file:///app/packages/projects/lite/src/shared/components/play-page/components/table-of-contents/table-of-contents.scss","file:///app/packages/projects/lite/src/shared/components/play-page/components/table-of-contents/TableOfContents.tsx","file:///app/packages/projects/lite/src/shared/views/play/v2/PlayPageUtilV2.tsx","file:///app/packages/projects/lite/src/shared/views/play/v2/hooks/usePlayPageTableOfContent.ts","file:///app/packages/projects/lite/src/shared/constants/PlayPageSectionsOrder.ts","file:///app/packages/projects/lite/src/shared/views/play/v2/hooks/useSectionHeadings.ts","file:///app/packages/projects/lite/src/shared/views/play/v2/hooks/useShouldShowTableOfContents.ts","file:///app/packages/libs/shared/src/components/play-page-v2/glance/video-at-a-glance.scss"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nexport const PortalHelper = {\n  renderInPortalIfExists(component: React.ReactElement, portalContainer: Element | null): React.ReactElement {\n    if (portalContainer)\n      return createPortal(component, portalContainer);\n\n    return component;\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"copyrightDisclaimer\":\"z8YoI\",\"overlayContainer\":\"eJDbJ\"};","import React from 'react';\nimport { Overlay } from 'react-bootstrap';\nimport { Placement } from 'react-bootstrap/esm/types';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useHoverIntent } from 'libs/shared/hooks/UseHover';\n\nimport styles from './copyright-disclaimer.scss';\n\nconst namespace = 'shared.copyrightDisclaimer';\n\nconst CONTAINER_HEIGHT = 150; // px\n\ninterface CopyrightDisclaimerProps {\n  placement: Placement;\n  overflowPlacement?: Placement;\n  className?: string;\n}\n\nexport function CopyrightDisclaimer(props: CopyrightDisclaimerProps) {\n  const [ ref, isHovering ] = useHoverIntent<HTMLDivElement>({});\n\n  function preventOverflow() {\n    const spaceBelow = document.documentElement.clientHeight - ref.current?.getBoundingClientRect().bottom;\n\n    return spaceBelow < CONTAINER_HEIGHT;\n  }\n\n  return (\n    <div ref={ref} className={props.className}>\n      <p className={`${styles.copyrightDisclaimer} mb-1`}><Text namespace={namespace} phrase='copyrightDisclaimer' /></p>\n      <Overlay\n        target={ref.current}\n        show={isHovering}\n        placement={props.overflowPlacement && preventOverflow() ? props.overflowPlacement : props.placement}\n      >\n        <div className={`${styles.overlayContainer} mw-100 bg-white border rounded-3 p-2`}>\n          <p><Text namespace={namespace} phrase='warning' /></p>\n          <p className='fw-semibold mb-0'><Text namespace={namespace} phrase='sharing' /></p>\n        </div>\n      </Overlay>\n    </div>\n  );\n}","import React from 'react';\n\nimport { ThumbnailText } from 'libs/shared/components/thumbnails/thumbnail-text/ThumbnailText';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { useMergeAudiences } from 'libs/shared/hooks/UseMergeAudiences';\nimport { CanFavouriteFunc, Clip, FavouriteFunc, PresentationAudience, YearGroup } from 'libs/shared/interfaces';\n\nexport interface ClipWidgetItemV2Props extends FixedWidgetItemProps<Clip> {\n  imageCdnUrl: string;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  audiences: PresentationAudience[];\n  yearGroups: YearGroup[];\n  isPlugin: boolean;\n}\n\nexport const ClipWidgetItemV2 = React.memo(function(props: ClipWidgetItemV2Props): JSX.Element {\n  const { data: clip, thumbnailSize, preloadImage, getAppLink } = props;\n  const mergedAudience = useMergeAudiences(clip.subjectPresentationAudiences?.data, props.audiences);\n\n  return (\n    <div className={`flex-shrink-0 px-1 col-6 col-sm-4`}>\n      <VideoThumbnail\n        type='static'\n        textPosition={ThumbnailTextPosition.Independent}\n        video={clip}\n        appLink={getAppLink(clip)}\n        imageOptions={{ size: thumbnailSize }}\n        preload={preloadImage}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        imageCdnUrl={props.imageCdnUrl}\n        audience={mergedAudience}\n        hideDuration={false}\n        isPlugin={props.isPlugin}\n      />\n\n      <div className='mt-2'>\n        <ThumbnailText\n          {...props}\n          video={clip}\n          appLink={props.getAppLink(clip)}\n        />\n      </div>\n    </div>\n  );\n});","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { FixedWidget } from 'libs/shared/components/widgets/fixed-widget';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { CanFavouriteFunc, Clip, FavouriteFunc, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClipWidgetItemV2, ClipWidgetItemV2Props } from './ClipWidgetItemV2';\n\nconst namespace = 'shared.playPageClipsV2';\n\ninterface PlayPageClipsProps {\n  video: Video | Clip;\n  clips: Clip[];\n  canViewClips: boolean;\n  yearGroups: YearGroup[];\n  audiences: PresentationAudience[];\n  imageCdnUrl: string;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  analyticsData: HashObject;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  isPlugin: boolean;\n}\n\nexport function PlayPageClips(props: PlayPageClipsProps): JSX.Element {\n  if (!props.canViewClips || !props.clips?.length)\n    return <></>;\n\n  const parentIsVideo = VideoHelper.isVideo(props.video);\n\n  function getAppLink() {\n    if (VideoHelper.isVideo(props.video)) {\n      return {\n        action: Actions.Videos.VIDEO_CLIPS,\n        application: AppChannels.VIDEOS,\n        args: [ props.video.id, TextHelper.slugify(props.video.name) ]\n      };\n    }\n    return {\n      action: Actions.Clips.CLIP_CLIPS,\n      application: AppChannels.CLIPS,\n      args: [ props.video.id, TextHelper.slugify(props.video.name) ]\n    };\n  }\n\n  const title = LanguageService.getPhrase(\n    namespace,\n    parentIsVideo ? 'clips' : 'otherClips',\n    { count: props.clips.length }\n  );\n\n  return (\n    <section\n      className='pb-4'\n      id={PlayPageAnchor.Clips}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.Clips, el);\n      }}\n    >\n      <FixedWidget<ClipWidgetItemV2Props>\n        name={title}\n        contents={WidgetContents.ClipsV2}\n        collection={props.clips}\n        prefetched\n        getChildAppLink={(clip: Clip) => {\n          return {\n            application: AppChannels.CLIPS,\n            action: Actions.Clips.PLAY_CLIP,\n            args: [ clip.id, TextHelper.slugify(clip.name) ]\n          };\n        }}\n        appLink={getAppLink()}\n        childComponent={ClipWidgetItemV2}\n        extraChildComponentProps={{\n          yearGroups: props.yearGroups,\n          audiences: props.audiences,\n          imageCdnUrl: props.imageCdnUrl,\n          setFavourite: props.setFavourite,\n          canFavourite: props.canFavourite,\n          isPlugin: props.isPlugin\n        }}\n        analyticsData={props.analyticsData}\n      />\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"descriptionBorder\":\"YUC62\"};","import * as React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { LinkifyHelper } from 'libs/common/react/utils/LinkifyHelper';\n\nimport { ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { CopyrightDisclaimer } from 'libs/shared/components/copyright-disclaimer/CopyrightDisclaimer';\nimport { ImmersiveReader } from 'libs/shared/components/immersive-reader/ImmersiveReader';\nimport { TagHelper } from 'libs/shared/components/tags/TagHelper';\nimport { TagList } from 'libs/shared/components/tags/TagList';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { hasPPDD } from 'libs/shared/components/video-details/VideoDetailsUtils';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { TagType } from 'libs/shared/enums/TagType';\nimport { BaseObject, BasePaginatedCollection, Tag, Theme, ThemeColours, VideoTypes } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './video-details.scss';\n\nconst namespace = 'shared.videoDetailsV2';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CommaListProps {\n  label: string;\n  items: BasePaginatedCollection<BaseObject>;\n  className?: string;\n}\n\nfunction CommaList(props: CommaListProps): React.ReactElement {\n  const { label, items, className } = props;\n\n  const hasItems = items && items.data && items.data.length;\n\n  if (!hasItems)\n    return <></>;\n\n  const commaSeperated = items.data.map(i => i.name).join(', ');\n\n  return (\n    <div className={className}>{label}: {commaSeperated}</div>\n  );\n}\n\nfunction getThemeColours(theme: Theme): ThemeColours {\n  if (theme?.data?.colours?.primary && theme?.data?.colours?.secondary)\n    return theme.data.colours;\n}\n\nfunction DetailsSection(props: VideoDetailsWithScrollbarV2Props): React.ReactElement {\n  const { video } = props;\n\n  if (!VideoHelper.isVideo(video) && !VideoHelper.isClip(video))\n    return <></>;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  return (\n    <div className={video.description ? 'col-md-5 ps-md-3 pt-3 pt-md-0' : 'col-12'}>\n      <h2 className='h6 mb-1'><Text phrase='details' /></h2>\n      {!!parentVideo.productionYear && (\n        <div className='mb-1'>\n          <Text phrase='productionYear' options={{ year: parentVideo.productionYear }} />\n        </div>\n      )}\n      <CommaList\n        label={getPhrase('productionCompanies', { smartCount: parentVideo.productionCompanies?.data?.length })}\n        items={parentVideo.productionCompanies}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('distributors', { smartCount: parentVideo.distributors?.data?.length })}\n        items={parentVideo.distributors}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('producers', { smartCount: parentVideo.producers?.data?.length })}\n        items={parentVideo.producers}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('directors', { smartCount: parentVideo.directors?.data?.length })}\n        items={parentVideo.directors}\n        className='mb-1'\n      />\n      {!!parentVideo.dateBroadcast && (\n        <div className='mb-1'>\n          <Text phrase='dateBroadcast' options={{ date: DateHelper.format(parentVideo.dateBroadcast, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n      {!!parentVideo.channel && (\n        <div className='mb-1'>\n          <Text phrase='channel' options={{ channel: parentVideo.channel.name }} />\n        </div>\n      )}\n      {!!(!video._isClickViewCurated?.value && video.dateCreated) && (\n        <div className='mb-1'>\n          <Text phrase='dateUploaded' options={{ date: DateHelper.format(video.dateCreated, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface VideoDetailsWithScrollbarV2Props {\n  video: VideoTypes;\n  theme?: Theme;\n  getTagAppLink?: (tag: Tag) => Core.AppLink;\n  onLaunchImmersiveReader?: () => void;\n  onExitImmersiveReader?: () => void;\n  maxHeight?: number;\n  suppressInteractivity?: boolean;\n  hideTags?: boolean;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function VideoDetailsWithScrollbarV2(props: VideoDetailsWithScrollbarV2Props): React.ReactElement {\n  const { video, maxHeight = MINIMUM_GLANCE_HEIGHT } = props;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  const showDescription = !!props.video.description;\n\n  const showDetails = (\n    hasPPDD(props.video) ||\n    !!parentVideo.productionYear ||\n    !!parentVideo.dateBroadcast ||\n    !!parentVideo.channel ||\n    !!(video.dateCreated && !video._isClickViewCurated?.value)\n  );\n\n  if (!showDescription && !showDetails)\n    return <></>;\n\n  function getTags(): Tag[] {\n    if (props.hideTags || VideoHelper.isInteractive(props.video) || !props.video.tags?.data?.length)\n      return null;\n\n    return props.video.tags?.data?.filter(tag => tag.tagType === TagType.Normal);\n  }\n  const tags = getTags();\n  const themeColours = getThemeColours(props.theme);\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <section\n        id={PlayPageAnchor.VideoDetails}\n        ref={el => {\n          (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.VideoDetails, el);\n        }}\n      >\n        <div>\n          <h2 className='h5 mb-2'> <Text phrase='heading' /></h2>\n        </div>\n        <div className='rounded border p-3 mb-4 position-relative'>\n          <Scrollbars autoHeight autoHeightMax={maxHeight}>\n            <div className='row g-0'>\n              {showDescription && (\n                <div className={showDetails ? `${styles.descriptionBorder} pe-3 col-md-7` : 'col-12'}>\n                  <div className='d-flex align-items-center'>\n                    <h2 className='h6 mb-1'>\n                      <Text phrase='description' />\n                    </h2>\n                    <ImmersiveReader\n                      text={video.description}\n                      title={video.name}\n                      className='ps-2'\n                      onLaunch={props.onLaunchImmersiveReader}\n                      onExit={props.onExitImmersiveReader}\n                      analyticsOptions={{\n                        location: LocationContext.PlayPage,\n                        entity: EntityType.Video,\n                        actionType: UserAction.Click,\n                        descriptor: ClickDescriptor.LaunchImmersiveReader\n                      }}\n                      analyticsData={{ id: video.id, type: 'description' }}\n                    />\n                  </div>\n                  <p className='mb-0' dangerouslySetInnerHTML={{ __html: LinkifyHelper.linkifyText(props.video.description, { nl2br: true }) }} />\n                </div>\n              )}\n\n              {showDetails && (\n                <DetailsSection {...props} />\n              )}\n            </div>\n\n            {!!tags?.length && (\n              <div className='mt-3'>\n                <h2 className='h6 mb-1'><Text phrase='normalTags' /></h2>\n                <TagList\n                  tags={tags}\n                  themeColours={themeColours}\n                  {...TagHelper.getTagActionProps(props.getTagAppLink, null, props.suppressInteractivity)}\n                  className='mt-1'\n                />\n              </div>\n            )}\n\n            {VideoHelper.isBroadcast(props.video) && <CopyrightDisclaimer placement='bottom-start' className='d-flex justify-content-start mt-2 mb-n1' />}\n\n          </Scrollbars>\n        </div>\n      </section>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport * as marked from 'marked';\n\nimport { useEventsServiceSubscribe } from 'libs/common/react/hooks/UseEventsServiceSubscribe';\nimport { EventsService } from 'libs/common/react/services/EventsService';\n\nimport { Clip, Glance, PointOfInterest, Video } from 'libs/shared/interfaces';\n\nimport styles from './video-at-a-glance.scss';\n\nconst POI_LINK_LINE = /\\[\\]\\(cv:\\/\\/poi\\?id=\\d+\\)\\n*/g;\n\nfunction stripPoisFromGlanceContent(glanceContent: string): string {\n  return glanceContent.replace(POI_LINK_LINE, '');\n}\n\nfunction getLearningIntentionHTML(glance: Glance): string {\n  const learningIntention = stripPoisFromGlanceContent(glance.content);\n\n  return marked(learningIntention);\n}\n\nexport function useLearningIntentionMarkdown(\n  video: Video,\n  hasGlanceData?: boolean\n): string {\n  const [ markdownHTML, setMarkdownHTML ] = useState('');\n\n  useEffect(() => {\n    if (!hasGlanceData)\n      return;\n\n    const content = getLearningIntentionHTML(video.glance);\n\n    setMarkdownHTML(content);\n  }, [ video.glance?.content, hasGlanceData ]);\n\n  return markdownHTML;\n}\n\nexport function hasGlanceData(video: Video | Clip): boolean {\n  return video.glance?.content && video.glance?.format === 'text/markdown';\n}\n\nexport function useHighlightPointOfInterest(\n  pointOfInterest: PointOfInterest,\n  shouldHighlight: boolean\n): MutableRefObject<HTMLDivElement> {\n  const ref = useRef<HTMLDivElement>();\n\n  useEventsServiceSubscribe('player:poi:mouseover', onPlayerPoiMouseOver, null, shouldHighlight);\n  useEventsServiceSubscribe('player:poi:mouseleave', onPlayerPoiMouseLeave, null, shouldHighlight);\n\n  useEffect(() => {\n    if (!ref.current || !shouldHighlight)\n      return;\n\n    ref.current?.addEventListener('mouseover', onGlancePoiMouseOver);\n    ref.current?.addEventListener('mouseleave', onGlancePoiMouseLeave);\n\n    return () => {\n      ref.current?.removeEventListener('mouseover', onGlancePoiMouseOver);\n      ref.current?.removeEventListener('mouseleave', onGlancePoiMouseLeave);\n    };\n  }, [ref.current]);\n\n  function onPlayerPoiMouseOver(hoveredPoi: PointOfInterest): void {\n    if (!hoveredPoi?.id || pointOfInterest?.id?.toString() !== hoveredPoi?.id?.toString())\n      return;\n\n    ref.current?.classList.add(styles.highlightPoi);\n  }\n\n  function onPlayerPoiMouseLeave(): void {\n    ref.current?.classList.remove(styles.highlightPoi);\n  }\n\n  /**\n   * `this` will be the element to which the eventListener is bound.\n   */\n  function onGlancePoiMouseOver(): void {\n    if (pointOfInterest)\n      EventsService.trigger('glance:poi:mouseover', pointOfInterest);\n  }\n\n  function onGlancePoiMouseLeave(): void {\n    EventsService.trigger('glance:poi:mouseleave');\n  }\n\n  return ref;\n}","// extracted by mini-css-extract-plugin\nexport default {\"poiEntry\":\"vr6R9\",\"poiText\":\"znHZF\",\"public\":\"v0BZ9\",\"poiTimeStamp\":\"AdKwe\"};","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PointOfInterest } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\n\nimport { useHighlightPointOfInterest } from '../VideoAtAGlanceUtilsV2';\n\nimport styles from './points-of-interest-list.scss';\n\ninterface PointOfInterestProps {\n  poi: PointOfInterest;\n  suppressInteractivity?: boolean;\n  onClickPoiItem: (time: number) => void;\n}\n\nfunction PointOfInterest(props: PointOfInterestProps): JSX.Element {\n  const timeStamp = DurationHelper.ToDisplayDuration(props.poi.startTime * 1000);\n\n  const ref = useHighlightPointOfInterest(props.poi, !props.suppressInteractivity);\n\n  if (props.suppressInteractivity) {\n    return (\n      <div className={`d-flex ${styles.poiEntry} mb-2`}>\n        <span className={`d-flex rounded-pill justify-content-center align-items-center fw-semibold ${styles.poiTimeStamp}`}>{timeStamp}</span>\n        <div className={`${styles.public} ms-2`}>{props.poi.description}</div>\n      </div>\n    );\n  }\n\n  return (\n    <DivButton\n      key={props.poi.startTime}\n      className={`d-flex ${styles.poiEntry} mb-2 cursor-pointer`}\n      onClick={() => props.onClickPoiItem(props.poi.startTime)}\n      ref={ref}\n    >\n      <div className={`d-flex rounded-pill justify-content-center align-items-center fw-semibold ${styles.poiTimeStamp}`}>{timeStamp}</div>\n      <div className={`ms-2 ${styles.poiText}`}>{props.poi.description}</div>\n    </DivButton>\n  );\n}\n\ninterface PointOfInterestListProps{\n  pointsOfInterest: PointOfInterest[];\n  suppressInteractivity?: boolean;\n  onClickPoiItem: (time: number) => void\n}\n\nconst namespace = 'shared.pointsOfInterestList';\n\nexport function PointOfInterestList(props: PointOfInterestListProps) {\n  return (\n    <div>\n      <h2 className='h6 my-2'><Text namespace={namespace} phrase='heading' /></h2>\n\n      <div>\n        {props.pointsOfInterest.map(poi => {\n          return (\n            <PointOfInterest\n              key={poi.startTime}\n              poi={poi}\n              suppressInteractivity={props.suppressInteractivity}\n              onClickPoiItem={props.onClickPoiItem}\n            />\n          );\n        })}\n\n      </div>\n    </div>\n  );\n}","import * as React from 'react';\nimport Scrollbars from 'react-custom-scrollbars-2';\n\nimport { Core } from 'libs/common/core';\n\nimport { PointOfInterestList } from 'libs/shared/components/play-page-v2/glance/points-of-interest-list/PointsOfInterestList';\nimport { TagHelper } from 'libs/shared/components/tags/TagHelper';\nimport { TagList } from 'libs/shared/components/tags/TagList';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { TagType } from 'libs/shared/enums/TagType';\nimport { PointOfInterest, Tag, Video } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useLearningIntentionMarkdown } from './VideoAtAGlanceUtilsV2';\n\nimport styles from './video-at-a-glance.scss';\n\nconst namespace = 'shared.videoAtAGlanceV2';\n\nconst SCROLL_HEIGHT_MAX = 350; // in px\n\ninterface ScrollbarWrapperProps {\n  hideScrollbar?: boolean;\n}\n\nfunction ScrollbarWrapper(props: React.PropsWithChildren<ScrollbarWrapperProps>): JSX.Element {\n  if (props.hideScrollbar)\n    return <>{props.children}</>;\n\n  return (\n    <div className='rounded border mb-4 bg-white'>\n      <Scrollbars\n        autoHeight\n        autoHeightMax={SCROLL_HEIGHT_MAX}\n      >\n        <div className='px-3 px-3 pt-3 pb-2'>\n          {props.children}\n        </div>\n      </Scrollbars>\n    </div>\n  );\n}\n\ninterface VideoAtAGlanceV2Props {\n  video: Video;\n  pointsOfInterest?: PointOfInterest[];\n  suppressInteractivity?: boolean;\n  setStartTime?: (time: number) => void;\n  getTagAppLink?: (tag: Tag) => Core.AppLink;\n  onClickTag?: () => void;\n  hideScrollbar?: boolean;\n  canViewGlance: boolean;\n}\n\nexport function VideoAtAGlanceV2(props: VideoAtAGlanceV2Props): JSX.Element {\n  const learningIntentionMarkdownHTML = useLearningIntentionMarkdown(props.video, props.canViewGlance);\n  \n  function getTags(): Tag[] {\n    if (VideoHelper.isInteractive(props.video) || !props.video.tags?.data?.length)\n      return null;\n\n    return props.video.tags?.data?.filter(tag => tag.tagType === TagType.Pedagogy || tag.tagType === TagType.Skill);\n  }\n  const tags = getTags();\n\n  if (!props.canViewGlance)\n    return <></>;\n\n  function onClickPoiItem(time: number) {\n    props.setStartTime(time);\n  }\n\n  return (\n    <ScrollbarWrapper hideScrollbar={props.hideScrollbar}>\n      <h2 className='h6 mb-2'><Text namespace={namespace} phrase='learningIntention' /></h2>\n      <div className={`${styles.learningIntention} mb-3`}>\n        <div dangerouslySetInnerHTML={{ __html: learningIntentionMarkdownHTML }}/>\n      </div>\n\n      {!!tags?.length && (\n        <div className='mb-1'>\n          <TagList\n            tags={tags}\n            {...TagHelper.getTagActionProps(props.getTagAppLink, props.onClickTag, props.suppressInteractivity)}\n            className='mt-2'\n          />\n        </div>\n      )}\n\n      {!!props.pointsOfInterest.length && (\n        <PointOfInterestList\n          pointsOfInterest={props.pointsOfInterest}\n          suppressInteractivity={props.suppressInteractivity}\n          onClickPoiItem={onClickPoiItem}\n        />\n      )}\n    </ScrollbarWrapper>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ThumbnailText } from 'libs/shared/components/thumbnails/thumbnail-text/ThumbnailText';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { CanFavouriteFunc, FavouriteFunc, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.interactiveWidgetItemV2';\n\nexport interface InteractiveWidgetItemV2Props extends FixedWidgetItemProps<InteractiveMetadata> {\n  imageCdnUrl: string;\n  questionsAppLink: Core.AppLink;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  yearGroups: YearGroup[];\n  isPlugin: boolean;\n}\n\nexport const InteractiveWidgetItemV2 = React.memo(function(props: InteractiveWidgetItemV2Props): JSX.Element {\n  const { data: interactive, thumbnailSize, preloadImage } = props;\n\n  const questionsAppLink: Core.AppLink = {\n    ...props.questionsAppLink,\n    args: [props.data.id]\n  };\n\n  const questionsNumber = interactive._timepoints?.value?.length;\n\n  return (\n    <div className={`flex-shrink-0 px-1 col-6 col-sm-4`}>\n      <VideoThumbnail\n        type='static'\n        textPosition={ThumbnailTextPosition.Independent}\n        video={interactive}\n        appLink={props.getAppLink(interactive)}\n        imageOptions={{ size: thumbnailSize }}\n        preload={preloadImage}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        hideDuration={false}\n        imageCdnUrl={props.imageCdnUrl}\n        isPlugin={props.isPlugin}\n      />\n\n      <div className='mt-2'>\n        <ThumbnailText\n          {...props}\n          video={interactive}\n          appLink={props.getAppLink(interactive)}\n        />\n      </div>\n\n      <div className='mt-1'>\n        <AppLink appLink={questionsAppLink} className='cursor-pointer'>\n          <Text namespace={namespace} phrase='previewQuestions' options={{ count: questionsNumber, smartCount: questionsNumber }}/>\n        </AppLink>\n      </div>\n\n    </div>\n  );\n});\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { FixedWidget } from 'libs/shared/components/widgets/fixed-widget';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { CanFavouriteFunc, Clip, FavouriteFunc, Interactive, InteractiveMetadata, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { InteractiveWidgetItemV2, InteractiveWidgetItemV2Props } from './InteractiveWidgetItemV2';\n\nconst namespace = 'shared.playPageInteractivesV2';\n\ninterface PlayPageInteractivesProps {\n  canViewInteractives: boolean;\n  video: Video | Clip;\n  interactives: InteractiveMetadata[];\n  imageCdnUrl: string;\n  analyticsData: HashObject;\n  yearGroups: YearGroup[];\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  isPlugin: boolean;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function PlayPageInteractives(props: PlayPageInteractivesProps): JSX.Element {\n  if (!props.canViewInteractives || !props.interactives?.length)\n    return <></>;\n\n  function getAppLink() {\n    if (VideoHelper.isVideo(props.video))\n      return {\n        action: Actions.Videos.VIDEO_INTERACTIVES,\n        application: AppChannels.VIDEOS,\n        args: [ props.video.id, TextHelper.slugify(props.video.name) ]\n      };\n\n    return {\n      action: Actions.Clips.CLIP_INTERACTIVES,\n      application: AppChannels.CLIPS,\n      args: [ props.video.id, TextHelper.slugify(props.video.name) ]\n    };\n  }\n\n  const title = LanguageService.getPhrase(namespace, 'interactives', { count: props.interactives.length });\n  \n  return (\n    <section className='pb-4'\n      id={PlayPageAnchor.Interactives}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.Interactives, el);\n      }}\n    >\n      <FixedWidget<InteractiveWidgetItemV2Props>\n        name={title}\n        contents={WidgetContents.InteractivesV2}\n        collection={props.interactives}\n        prefetched\n        getChildAppLink={(interactive: Interactive) => {\n          return {\n            application: AppChannels.INTERACTIVES,\n            action: Actions.Interactives.VIEW_INTERACTIVE,\n            args: [ interactive.id, TextHelper.slugify(interactive.name) ]\n          };\n        }}\n        appLink={getAppLink()}\n        childComponent={InteractiveWidgetItemV2}\n        extraChildComponentProps={{\n          yearGroups: props.yearGroups,\n          setFavourite: props.setFavourite,\n          canFavourite: props.canFavourite,\n          imageCdnUrl: props.imageCdnUrl,\n          questionsAppLink: {\n            application: AppChannels.INTERACTIVES,\n            action: Actions.Interactives.PREVIEW_QUESTIONS\n          },\n          isPlugin: props.isPlugin\n        }}\n        analyticsData={props.analyticsData}\n      />\n    </section>\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 { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { FixedWidget } from 'libs/shared/components/widgets/fixed-widget';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Clip, Link, Resource, Video } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { DownloadHelper } from 'libs/shared/utils/DownloadHelper';\n\nimport { ResourceWidgetItemV2, ResourceWidgetItemV2Props } from './ResourceWidgetItemV2';\n\nconst namespace = 'shared.playPageResources';\n\nfunction getResources(\n  video: Video,\n  isLearner: boolean\n): Array<Resource | Link> {\n  const resources = video.resources?.data ?? [];\n  const links = video.links?.data ?? [];\n\n  if (!isLearner)\n    return [ ...resources, ...links ];\n\n  const filteredResources = resources.filter(r => {\n    return [ 'additional-materials', 'student-activity' ].includes(r.metadata?.resourceType);\n  });\n\n  return [ ...filteredResources, ...links ];\n}\n\ninterface PlayPageResourcesProps {\n  video: Video | Clip;\n  imageCdnUrl: string;\n  canViewResources: boolean;\n  getAppLink: (resource: Resource) => Core.AppLink;\n  analyticsData: HashObject;\n  resourceThumbnailFallbackUrl: string;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function PlayPageResources(props: PlayPageResourcesProps): JSX.Element {\n  const { hasPermissions } = usePermissions();\n\n  function onClickDownload(resource: Resource): void {\n    DownloadHelper.downloadResource(\n      resource,\n      props.analyticsData,\n      { location: LocationContext.PlayPage, actionType: UserAction.Download, entity: EntityType.Resource }\n    );\n  }\n\n  const resources = getResources(props.video, hasPermissions(PermissionName.StudentExperience));\n  const title = LanguageService.getPhrase(namespace, 'resources', { count: resources.length });\n\n  if (!resources.length)\n    return <></>;\n\n  return (\n    <section\n      id={PlayPageAnchor.Resources}\n      className='pb-4'\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.Resources, el);\n      }}\n    >\n      <FixedWidget<ResourceWidgetItemV2Props>\n        name={title}\n        contents={WidgetContents.PlayPageResourcesV2}\n        collection={resources}\n        prefetched\n        childComponent={ResourceWidgetItemV2}\n        extraChildComponentProps={{\n          imageCdnUrl: props.imageCdnUrl,\n          imageErrorFallbackUrl: props.resourceThumbnailFallbackUrl,\n          actionBehaviour: props.canViewResources ? 'normal' : 'public',\n          location: 'play-page',\n          titlePosition: 'below',\n          onClickDownload: props.canViewResources ? onClickDownload : null\n        }}\n        getChildAppLink={props.getAppLink}\n        analyticsOptions={(() => {\n          if (props.canViewResources)\n            return {};\n    \n          return {\n            workflowPhase: WorkflowPhase.Start,\n            descriptor: SignUpDescriptors.SignUp\n          };\n        })()}\n        analyticsData={props.analyticsData}\n      />\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"imageStyle\":\"bYRn8\",\"item\":\"CjuxU\",\"dashboard\":\"IuRN0\",\"playPage\":\"VdJvp\",\"aspectRatio\":\"QK8Jh\",\"outerContainer\":\"eiC_H\",\"innerContainer\":\"huIRg\",\"actions\":\"FsIJm\",\"titleBelow\":\"DpeSr\",\"thumbnailContainer\":\"ZbalL\",\"titleAbove\":\"PwOSX\",\"teacherPack\":\"ZHAEj\",\"text\":\"k3ei6\",\"hoverState\":\"BLrWL\",\"atomGuide\":\"Qz8JE\",\"studentActivity\":\"qNspk\",\"additionalMaterials\":\"R0huw\",\"userUploaded\":\"H_zGf\",\"imageTypeResource\":\"AgeLb\",\"download\":\"DKneu\"};","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, EntityType, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ResourceThumbnail } from 'libs/shared/components/resource-thumbnail/ResourceThumbnail';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { TitleSubText } from 'libs/shared/components/title-sub-text/TitleSubText';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { TypeBadge } from 'libs/shared/components/type-badge/TypeBadge';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ResourceFileType } from 'libs/shared/enums/ResourceFileType';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Link, Resource, ResourceType } from 'libs/shared/interfaces';\nimport { ImageOptions } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { ResourceHelper } from 'libs/shared/utils/ResourceHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './resource-widget-item.scss';\n\nfunction getColour(resourceType?: ResourceType): string {\n  switch (resourceType) {\n    case 'atom-guide':\n      return styles.atomGuide;\n    case 'student-activity':\n      return styles.studentActivity;\n    case 'teacher-pack':\n      return styles.teacherPack;\n    case 'additional-materials':\n      return styles.additionalMaterials;\n    default:\n      return styles.userUploaded;\n  }\n}\n\nexport function useCanPreviewResource(data: Resource | Link, actionBehaviour: 'normal' | 'public'): boolean {\n  const breakpoints = useBreakpoints();\n\n  /**\n   * When viewing publicly, the resource applink will\n   * prompt the user to sign-up (not preview the underlying resource)\n   */\n  if (actionBehaviour === 'public')\n    return true;\n\n  if (breakpoints.xs || breakpoints.sm)\n    return false;\n\n  if (data.type !== 'resource')\n    return false;\n  \n  // Require metadata\n  if (!('metadata' in data))\n    return false;\n\n  // We can preview images\n  if (data.metadata.type === ResourceFileType.Image)\n    return true;\n\n  // If we are a pdf and have a url\n  if (data.metadata.type === ResourceFileType.Pdf)\n    return !!data.url;\n\n  // If we have a pdf assoc\n  return !!data.pdf?.url;\n}\n\ninterface ResourceTheme {\n  containerClass?: string;\n  thumbnailContainerClass?: string;\n}\n\nexport interface ResourceTileProps {\n  data: Resource | Link;\n  imageCdnUrl: string;\n  imageErrorFallbackUrl?: string;\n  theme?: ResourceTheme;\n\n  titlePosition: 'above' | 'below' | 'none';\n  hideTypeBadge?: boolean;\n  onClickDownload?: (resource: Resource) => void;\n  applyHoverState?: boolean;\n  preloadImage: boolean;\n  actionBehaviour?: 'normal' | 'public';\n  dynamicRatioImageOptions?: ImageOptions;\n}\n\nResourceTileV2.defaultProps = {\n  preloadImage: true,\n  actionBehaviour: 'normal'\n};\n\n/**\n * This component intentionally doesn't contain an appLink/download link\n * so that the resource download behaviour can be handled differently depending\n * on where this is rendered (e.g. primary play page vs embedded player)\n */\nexport function ResourceTileV2(props: ResourceTileProps): JSX.Element {\n  let metadata = null;\n\n  if ('metadata' in props.data) {\n    metadata = props.data.metadata;\n  }\n\n  const isResource = MasterTypeHelper.isType<Resource>(props.data, MasterType.Resource);\n\n  function getInnerContainerClass(resourceType: ResourceType): string {\n    let baseClass = `\n      d-flex flex-column align-items-center justify-content-end rounded-3 h-100\n      position-relative ${getColour(resourceType)} ${styles.innerContainer}`;\n\n    if (props.theme?.containerClass) {\n      baseClass += ` ${props.theme.containerClass}`;\n    } else {\n      baseClass += ` pt-3 px-3`;\n    }\n\n    if (props.applyHoverState) {\n      baseClass += ` ${styles.hoverState}`;\n    }\n\n    return baseClass;\n  }\n\n  function onDownload() {\n    if (!MasterTypeHelper.isResource(props.data))\n      return;\n\n    if (typeof props.onClickDownload === 'function') {\n      props.onClickDownload(props.data);\n    }\n  }\n\n  return (\n    <>\n      <div className={styles.aspectRatio}>\n        <div className={styles.outerContainer}>\n          <div className={getInnerContainerClass(metadata?.resourceType)}>\n            {props.titlePosition === 'above' && (\n              <Tooltip title={props.data.name}>\n                <h3 className={`text-center text-break h5 mb-3 ${styles.text}`}>\n                  <span className='clamp-1'>{props.data.name}</span>\n                </h3>\n              </Tooltip>\n            )}\n\n            <div className={`\n              ${props.theme?.thumbnailContainerClass ?? ''} w-75 overflow-hidden \n              ${styles.thumbnailContainer} ${props.titlePosition === 'above' ? styles.titleAbove : ''} \n              ${styles.imageStyle}\n            `}>\n              <ResourceThumbnail\n                resource={props.data}\n                imageCdnUrl={props.imageCdnUrl}\n                imageErrorFallbackUrl={props.imageErrorFallbackUrl}\n                preloadImage={props.preloadImage}\n                dynamicRatioImageOptions={props.dynamicRatioImageOptions}\n              />\n            </div>\n\n            {isResource && props.onClickDownload && props.actionBehaviour === 'normal' && (\n              <div className={styles.actions}>\n                <DivButton\n                  onClick={e => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    onDownload();\n                  }}\n                  className={`${styles.download} d-flex align-items-center justify-content-center`}\n                >\n                  <SvgContainer svgName={cvSvgLibrary.Download} />\n                </DivButton>\n              </div>\n            )}\n\n            {!props.hideTypeBadge && isResource && (\n              <TypeBadge typeId={MasterType.Resource} />\n            )}\n          </div>\n        </div>\n      </div>\n      {props.titlePosition === 'below' && (\n        <div className={`mt-1 ${styles.titleBelow}`}>\n          {(\n            MasterTypeHelper.isType<Resource>(props.data, MasterType.Resource) &&\n            !!props.data?.metadata?.resourceType\n          ) && (\n            <TitleSubText>\n              {ResourceHelper.getResourceTypeName(props.data.metadata.resourceType)}\n            </TitleSubText>\n          )}\n\n          <h3 className='h6 clamp-2'>\n            {props.data.name}\n          </h3>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport interface ResourceWidgetItemV2Props extends ResourceTileProps, FixedWidgetItemProps<Resource | Link> {\n  location: 'play-page' | 'dashboard';\n}\n\nexport const ResourceWidgetItemV2 = React.memo(function(props: ResourceWidgetItemV2Props): JSX.Element {\n  // Mobile is not allowed to preview\n  const canPreview = useCanPreviewResource(props.data, props.actionBehaviour);\n\n  function getLocationClass(): string {\n    if (props.location === 'play-page')\n      return styles.playPage;\n\n    return styles.dashboard;\n  }\n\n  const analyticsData = { ...props.analyticsData, ...props.data };\n\n  const analyticsOptions: AnalyticsOptions = {\n    ...props.analyticsOptions,\n    actionType: UserAction.Click,\n    entity: props.data.typeId === MasterType.Resource ? EntityType.Resource : EntityType.Link\n  };\n\n  function logAction(): void {\n    AnalyticsHelper.logUserAction(analyticsData, analyticsOptions);\n  }\n\n  const tileProps: ResourceTileProps = {\n    ...props,\n    // Apply the hover state if we have a url or the resource can be previewed\n    applyHoverState: canPreview || !!props.data.url\n  };\n\n  return (\n    <div className={`px-1 flex-shrink-0 ${styles.item} ${getLocationClass()} ${SeoConstants.RESOURCE_ITEM_SELECTOR}`}>\n      {(() => {\n        const className = `d-block no-decoration`;\n\n        // Handle resource links\n        if (props.data.type === 'link') {\n          return (\n            <a href={props.data.url} target='_blank' className={className} onClick={logAction}>\n              <ResourceTileV2 {...tileProps} />\n            </a>\n          );\n        }\n\n        if (canPreview) {\n          /**\n           * Previewing resources in a public context will always display the sign-up popup, so there \n           * will never be a full URL. For SEO purposes, we deliberately use a span over an anchor\n           * to ensure we're not creating self-referencing elements that will burn crawl budget.\n           */\n          if (props.actionBehaviour === 'public') {\n            return (\n              <div className={`${className} cursor-pointer d-inline`} onClick={() => {\n                logAction();\n                AppLinkHelper.trigger(props.getAppLink(props.data));\n              }}>\n                <ResourceTileV2 {...tileProps} />\n              </div>\n            );\n          }\n\n          return (\n            <AppLink\n              appLink={props.getAppLink(props.data)}\n              className={className}\n              analyticsData={analyticsData}\n              analyticsOptions={analyticsOptions}\n            >\n              <ResourceTileV2 {...tileProps} />\n            </AppLink>\n          );\n        }\n\n        // URLs cannot be previewed\n        if (props.data.url) {\n          return (\n            <a href={props.data.url} className={className} onClick={logAction}>\n              <ResourceTileV2 {...tileProps} />\n            </a>\n          );\n        }\n\n        // Theres no url, so don't render an <a>\n        return (\n          <div className={className}>\n            <ResourceTileV2 {...tileProps} />\n          </div>\n        );\n      })()}\n    </div>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"itemsWrapper\":\"m6mGm\",\"anchorWrapper\":\"QptZj\",\"default\":\"_AZa8\",\"selectedItem\":\"Nuiel\",\"disabled\":\"WIzWJ\",\"floatIcon\":\"ARudn\",\"arrowIcon\":\"tEF5Q\",\"listIcon\":\"Ql2wi\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { ScrollHelper } from 'libs/common/backbone/utils/ScrollHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, HashObject, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport styles from './table-of-contents-list.scss';\n\nexport interface TableOfContentsItem<T=string> {\n  name: string;\n  id: T;\n}\n\ninterface TableOfContentsProps<T> {\n  items: TableOfContentsItem<T>[];\n  activeId: string;\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  setControlledId: (arg: string) => void;\n  // set to true if the TOC is controlled by a local state rather than query params\n  localState?: boolean;\n  getAppLink?: (args: TableOfContentsItem<T>) => Core.AppLink\n}\n\nexport function TableOfContentsList<T extends string>(props: TableOfContentsProps<T>): JSX.Element {\n  const analyticsOptions = {\n    actionType: UserAction.Click,\n    entity: EntityType.Widget,\n    location: LocationContext.TableOfContents\n  };\n\n  function logUserEvent(item: TableOfContentsItem) {\n    AnalyticsHelper.logUserAction(\n      {\n        ...props.analyticsData,\n        id: item.id,\n        name: item.name\n      },\n      analyticsOptions\n    );\n  }\n\n  return (\n    <div className={`${styles.itemsWrapper}`}>\n      {props.items.map((item, idx) => {\n        if (props.localState) {\n          return (\n            <DivButton\n              key={item.id}\n              className={`${styles.anchorWrapper} ${props.activeId === item.id ? styles.selectedItem : ''}`}\n              onClick={() => {\n                ScrollHelper.preventScrollTop();\n                props.setControlledId(item.id);\n                logUserEvent(item);\n              }}\n            >\n              <div className={`${!props.activeId && idx === 0 ? styles.default : ''} `}>\n                {item.name}\n              </div>\n            </DivButton>\n          );\n        }\n\n        return (\n          <AppLink\n            key={item.id}\n            appLink={props.getAppLink(item)}\n            appLinkOptions={{ replace: true }}\n            className={`${styles.anchorWrapper} ${props.activeId === item.id ? styles.selectedItem : ''}`}\n            onClick={() => {\n              ScrollHelper.preventScrollTop();\n              props.setControlledId(item.id);\n            }}\n            analyticsData={{\n              ...props.analyticsData,\n              id: item.id,\n              name: item.name\n            }}\n            analyticsOptions={analyticsOptions}\n          >\n            <div className={`${!props.activeId && idx === 0 ? styles.default : ''} `}>\n              {item.name}\n            </div>\n          </AppLink>\n        );\n      })}\n    </div>\n  );\n}","import React from 'react';\n\ntype TableOfContentsActiveOption = {\n  setActiveId: (id: string) => void;\n  headingElements: Element[];\n  controlledId?: string;\n  setControlledId?: (arg: string) => void;\n}\n\nlet timer: number;\n\nexport const useTableOfContentsActiveHeading = (\n  { setActiveId, headingElements, controlledId, setControlledId }: TableOfContentsActiveOption\n) => {\n  const scrollPositionRef = React.useRef(0);\n\n  React.useEffect(() => {\n    const callback = (headings: IntersectionObserverEntry[]) => {\n      headings.forEach(heading => {\n        if (controlledId) {\n          setActiveId(controlledId);\n          // can use scrollEnd event when the new event type is supported\n          timer = window.setTimeout(() => {\n            setControlledId('');\n          }, 800);\n          return;\n        }\n        if (heading.isIntersecting) {\n          setActiveId(heading.target.id);\n          scrollPositionRef.current = window.scrollY;\n        } else {\n          const scrollDistance = scrollPositionRef.current - window.scrollY;\n          const isScrollingUp = scrollDistance > 0;\n          const curIndex = headingElements.findIndex(h => h.id === heading.target.id);\n          const prevHeading = headingElements[curIndex - 1];\n          if (isScrollingUp && prevHeading?.id) {\n            setActiveId(prevHeading?.id);\n          }\n        }\n      });\n    };\n\n    const observer = new IntersectionObserver(callback, {\n      // rootMargin top: same as the cv-nav-height\n      rootMargin: '-67px 0px -80% 0px'\n    });\n\n    headingElements.forEach(element => observer.observe(element));\n\n    return () => {\n      timer && window.clearTimeout(timer);\n      observer.disconnect();\n    };\n  }, [ setActiveId, headingElements.length, controlledId ]);\n};\n\n","import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, EntityType, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { Resource } from '../interfaces';\n\nlet downloadRef: HTMLIFrameElement = null;\n\nexport const DownloadHelper = {\n  getVideoDownloadUrl(downloadProxyUrl: string, token: string): string {\n    return UrlHelper.safeUrlConcat(UrlHelper.makeHttps(downloadProxyUrl), `/download?token=${token}`);\n  },\n\n  downloadResource(\n    resource: Resource,\n    analyticsData: HashObject,\n    analyticsOptions: AnalyticsOptions\n  ): void {\n    let iframe = downloadRef;\n\n    if (!downloadRef) {\n      iframe = downloadRef = document.createElement('iframe');\n      document.body.appendChild(iframe);\n\n      iframe.style.display = 'none';\n    }\n\n    iframe.src = resource.url;\n\n    AnalyticsHelper.logUserAction({\n      id: resource?.id,\n      name: resource?.name,\n      resourceType: resource?.metadata?.resourceType,\n      ...analyticsData\n    }, {\n      actionType: UserAction.Download,\n      entity: EntityType.Resource,\n      workflowPhase: WorkflowPhase.Complete,\n      ...analyticsOptions\n    });\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"qA4yj\",\"collapse\":\"sFoPk\",\"aside\":\"j28IY\",\"iconContainer\":\"PYyBV\",\"arrowIcon\":\"MTodB\",\"listIcon\":\"W76p8\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { PortalHelper } from 'libs/common/react/utils/PortalHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, HashObject, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { TableOfContentsList } from 'libs/shared/components/table-of-contents-list/TableOfContentsList';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { PLAY_PAGE_TOC_PORTAL_ID } from 'shared/layouts/teacher-layout/TeacherLayoutComponent';\n\nimport styles from './table-of-contents.scss';\n\nconst namespace = 'shared.playPage';\n\nexport interface TableOfContentsItem {\n  name: string;\n  id: PlayPageAnchor;\n}\n\ninterface TableOfContentsProps {\n  items: TableOfContentsItem[];\n  activeId: string;\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  setControlledId: (arg: string) => void;\n  isExpanded: boolean;\n  setIsExpanded: (arg: boolean) => void;\n}\n\nfunction TableOfContentsIcon(props: TableOfContentsProps) {\n  function logUserAction() {\n    const analyticsOptions = {\n      actionType: UserAction.Open,\n      entity: EntityType.TableOfContents,\n      location: LocationContext.PlayPage\n    };\n\n    AnalyticsHelper.logUserAction(props.analyticsData, analyticsOptions);\n  }\n\n  function onClickIcon() {\n    props.setIsExpanded(true);\n    logUserAction();\n  }\n\n  return (\n    <div className='d-flex justify-content-end'>\n      <div className={styles.container}>\n        <div className={`${styles.iconContainer}`} >\n          <IconButton\n            className={`btn btn-outline-dark ${styles.listIcon}`}\n            svgName={cvSvgLibrary.TableOfContents}\n            onClick={onClickIcon}\n          />\n          <IconButton\n            className={`btn btn-outline-dark ${styles.arrowIcon}`}\n            svgName={cvSvgLibrary.ExpandLeft}\n            onClick={onClickIcon}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction TableOfContents(props: TableOfContentsProps) {\n  function logUserAction() {\n    const analyticsOptions = {\n      actionType: UserAction.Hide,\n      entity: EntityType.TableOfContents,\n      location: LocationContext.PlayPage\n    };\n\n    AnalyticsHelper.logUserAction(props.analyticsData, analyticsOptions);\n  }\n\n  function getAppLink(item: any): Core.AppLink {\n    const currentAppLink = Core.AppLinkHelper.getCurrentAppLink();\n    \n    const params: HashObject = currentAppLink.params\n      ? { ...(currentAppLink.params as HashObject) }\n      : {};\n\n    params.tocId = item.id;\n\n    return {\n      ...currentAppLink,\n      params\n    };\n  }\n\n  return (\n    <aside className={`${styles.aside} pe-1 pt-1 position-relative`}>\n      <div className={styles.container}>\n        <IconButton\n          className={`btn position-absolute ${styles.collapse}`}\n          svgName={cvSvgLibrary.CollapseRight}\n          onClick={() => {\n            props.setIsExpanded(false);\n            logUserAction();\n          }}\n        />\n        <h2 className='h5'><Text namespace={namespace} phrase='tocHeading' /></h2>\n   \n        <TableOfContentsList\n          items={props.items}\n          activeId={props.activeId}\n          getAppLink={getAppLink}\n          setControlledId={props.setControlledId}\n          analyticsData={props.analyticsData}\n        />\n      </div>\n    </aside>\n  );\n}\n\nexport function TableOfContentsContainer(props: TableOfContentsProps): JSX.Element {\n  return (\n    <>\n      {PortalHelper.renderInPortalIfExists(\n        props.isExpanded\n          ? <TableOfContents {...props} />\n          : <TableOfContentsIcon {...props}/>,\n        document.getElementById(PLAY_PAGE_TOC_PORTAL_ID)\n      )}\n    </>\n  );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Clip, InteractiveMetadata, Resource } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\ninterface SectionHeadingOptions{\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  resources: Resource[];\n  isPlayClipPage?: boolean;\n}\n\nconst namespace = 'shared.play';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const PlayPageUtils = {\n  getSectionHeading(id: PlayPageAnchor, options: SectionHeadingOptions) {\n    switch (id) {\n      case PlayPageAnchor.Resources:\n        return getPhrase('resourcesHeading', { count: options.resources.length });\n\n      case PlayPageAnchor.Clips:\n        if (options.isPlayClipPage)\n          return getPhrase('otherClipsHeading', { count: options.clips.length - 1 });\n        return getPhrase('clipsHeading', { count: options.clips.length });\n\n      case PlayPageAnchor.Interactives:\n        return getPhrase('interactivesHeading', { count: options.interactives.length });\n\n      case PlayPageAnchor.Video:\n        return getPhrase('videoHeading');\n\n      case PlayPageAnchor.VideoDetails:\n        return getPhrase('videoDetailsHeading');\n\n      case PlayPageAnchor.RelatedVideos:\n        return getPhrase('upNextHeading');\n      \n      case PlayPageAnchor.CurriculumLinks:\n        return getPhrase('curriculumLinksHeading');\n      \n      case PlayPageAnchor.ClippedFrom:\n        return getPhrase('clippedFromHeading');\n\n      default:\n        return '';\n    }\n  }\n\n};","import React from 'react';\n\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\n\nconst PLAY_PAGE_TOC_EXPANDED = 'play-page-toc-expanded';\n\nexport function usePlayPageTableOfContent(tocId: string) {\n  const tocDefaultExpanded = LocalStorageHelper.get(PLAY_PAGE_TOC_EXPANDED) !== false;\n  \n  const [ controlledId, setControlledId ] = React.useState(tocId || '');\n  const [ tableOfContentsActiveId, setTableOfContentsActiveId ] = React.useState<string>('');\n  const [ tableOfContentsExpanded, setTableOfContentsExpanded ] = React.useState(tocDefaultExpanded);\n \n  React.useEffect(() => {\n    LocalStorageHelper.set(PLAY_PAGE_TOC_EXPANDED, tableOfContentsExpanded);\n  }, [tableOfContentsExpanded]);\n\n  return {\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    setTableOfContentsExpanded,\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId\n  };\n}","import { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nexport const PLAY_PAGE_SECTIONS_ORDER = [\n  PlayPageAnchor.Video,\n  PlayPageAnchor.Resources,\n  PlayPageAnchor.Interactives,\n  PlayPageAnchor.CurriculumLinks,\n  PlayPageAnchor.VideoDetails,\n  PlayPageAnchor.Clips,\n  PlayPageAnchor.ClippedFrom,\n  PlayPageAnchor.RelatedVideos\n];","import React from 'react';\n\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nimport { PLAY_PAGE_SECTIONS_ORDER } from 'shared/constants/PlayPageSectionsOrder';\n\nexport function useSetionHeadings() {\n  const headingRef = React.useRef<Map<PlayPageAnchor, HTMLElement>>(new Map());\n  const headingElements = PLAY_PAGE_SECTIONS_ORDER.map(id => {\n    return headingRef.current.get(id);\n  }).filter(Boolean);\n\n  return { headingRef, headingElements };\n}","import { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nexport function useShouldShowTableOfContents() {\n  const breakpoints = useBreakpoints();\n  const shouldShowTableOfContents = breakpoints.lg || breakpoints.xl || breakpoints.xxl;\n  return shouldShowTableOfContents;\n}","// extracted by mini-css-extract-plugin\nexport default {\"learningIntention\":\"MHM6O\",\"highlightPoi\":\"U7Q6x\"};"],"names":["PortalHelper","renderInPortalIfExists","component","portalContainer","createPortal","namespace","CONTAINER_HEIGHT","CopyrightDisclaimer","props","ref","isHovering","className","Text","phrase","Overlay","target","current","show","placement","overflowPlacement","document","documentElement","clientHeight","getBoundingClientRect","bottom","ClipWidgetItemV2","clip","data","thumbnailSize","preloadImage","getAppLink","mergedAudience","subjectPresentationAudiences","audiences","VideoThumbnail","type","textPosition","ThumbnailTextPosition","video","appLink","imageOptions","size","preload","analyticsData","analyticsOptions","setFavourite","canFavourite","imageCdnUrl","audience","hideDuration","isPlugin","ThumbnailText","PlayPageClips","canViewClips","clips","length","parentIsVideo","VideoHelper","title","LanguageService","count","id","PlayPageAnchor","el","headingRef","set","name","contents","WidgetContents","collection","prefetched","getChildAppLink","application","action","args","TextHelper","childComponent","extraChildComponentProps","yearGroups","getPhrase","CommaList","label","items","commaSeperated","map","i","join","DetailsSection","parentVideo","description","productionYear","options","year","smartCount","productionCompanies","distributors","producers","directors","dateBroadcast","date","DateHelper","channel","_isClickViewCurated","value","dateCreated","VideoDetailsWithScrollbarV2","maxHeight","showDescription","showDetails","tags","hideTags","filter","tag","tagType","TagType","getTags","themeColours","theme","colours","primary","secondary","getThemeColours","autoHeight","autoHeightMax","ImmersiveReader","text","onLaunch","onLaunchImmersiveReader","onExit","onExitImmersiveReader","location","entity","actionType","descriptor","dangerouslySetInnerHTML","__html","LinkifyHelper","nl2br","TagList","TagHelper","getTagAppLink","suppressInteractivity","POI_LINK_LINE","useLearningIntentionMarkdown","hasGlanceData","useState","markdownHTML","setMarkdownHTML","useEffect","content","glance","learningIntention","replace","format","useHighlightPointOfInterest","pointOfInterest","shouldHighlight","useRef","onGlancePoiMouseOver","onGlancePoiMouseLeave","hoveredPoi","toString","classList","add","remove","addEventListener","removeEventListener","PointOfInterest","timeStamp","DurationHelper","poi","startTime","DivButton","key","onClick","onClickPoiItem","PointOfInterestList","pointsOfInterest","SCROLL_HEIGHT_MAX","ScrollbarWrapper","hideScrollbar","children","VideoAtAGlanceV2","learningIntentionMarkdownHTML","canViewGlance","onClickTag","time","setStartTime","InteractiveWidgetItemV2","interactive","questionsAppLink","questionsNumber","_timepoints","PlayPageInteractives","canViewInteractives","interactives","PlayPageResources","hasPermissions","resources","isLearner","links","filteredResources","r","includes","metadata","resourceType","getResources","imageErrorFallbackUrl","resourceThumbnailFallbackUrl","actionBehaviour","canViewResources","titlePosition","onClickDownload","resource","workflowPhase","SignUp","useCanPreviewResource","breakpoints","useBreakpoints","xs","sm","ResourceFileType","url","pdf","ResourceTileV2","isResource","MasterTypeHelper","MasterType","baseClass","getColour","containerClass","applyHoverState","getInnerContainerClass","Tooltip","thumbnailContainerClass","ResourceThumbnail","dynamicRatioImageOptions","e","preventDefault","stopPropagation","SvgContainer","svgName","hideTypeBadge","TypeBadge","typeId","TitleSubText","ResourceHelper","defaultProps","ResourceWidgetItemV2","canPreview","logAction","AnalyticsHelper","tileProps","SeoConstants","href","AppLink","TableOfContentsList","item","idx","localState","activeId","ScrollHelper","setControlledId","logUserEvent","appLinkOptions","timer","useTableOfContentsActiveHeading","setActiveId","headingElements","controlledId","scrollPositionRef","observer","IntersectionObserver","headings","forEach","heading","window","setTimeout","isIntersecting","scrollY","isScrollingUp","curIndex","findIndex","h","prevHeading","rootMargin","element","observe","clearTimeout","disconnect","downloadRef","DownloadHelper","getVideoDownloadUrl","downloadProxyUrl","token","downloadResource","iframe","createElement","body","appendChild","style","display","src","TableOfContentsIcon","onClickIcon","setIsExpanded","IconButton","TableOfContents","currentAppLink","params","tocId","TableOfContentsContainer","isExpanded","getElementById","PlayPageUtils","getSectionHeading","isPlayClipPage","PLAY_PAGE_TOC_EXPANDED","usePlayPageTableOfContent","tocDefaultExpanded","tableOfContentsActiveId","setTableOfContentsActiveId","tableOfContentsExpanded","setTableOfContentsExpanded","PLAY_PAGE_SECTIONS_ORDER","useSetionHeadings","Map","get","Boolean","useShouldShowTableOfContents","lg","xl","xxl"],"sourceRoot":""}

package/dist/scripts/3403-a2111c4df8-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[3403],{29024:(e,t,n)=>{n.d(t,{k:()=>y});var a=n(32735),r=n(65858),i=n(64249),c=n(75163),l=n(5465),o=n(89118),s=n(7733),u=n(54610),m=n(4594),d=n(68626),p=n(9085),v=n(67453),f=n(31908);const h={thumbnailFallbackSvg:"D4JFs",posterFallbackSvg:"bjUWl",coverFallbackSvg:"kdLpt"};var g="rounded overflow-hidden";function y(e){var t=a.useCallback((function(t){var n;t&&e.fixedHeight&&(t.style.width="".concat(t.offsetHeight*(n=e.object,f.M.isVideoType(n)?16/9:n.typeId===m.E.Playlist?1:n.typeId===m.E.Series?9/16:void 0),"px"))}),[]),n={size:u.h2.Small},y=function(e){var t=v.j.getDisplayImageFromObject(e);if(f.M.isVideoType(e))return{image:t,imageType:u.__.Thumbnails,imageClassName:g,imageFallbackComponent:a.createElement(l.oy,{type:l.mS.Video})};switch(e.typeId){case m.E.Series:return{image:t,imageType:u.__.TallPosters,imageClassName:g,imageFallbackComponent:a.createElement(l.oy,{type:l.mS.Series,svgContainerClassName:h.posterFallbackSvg})};case m.E.Playlist:return{image:t,imageType:u.__.Covers,imageClassName:(null==t?void 0:t.url)?g:"".concat(g," ").concat((0,p.x)(e.name,s.o)),imageFallbackComponent:a.createElement(l.oy,{type:l.mS.Playlist,svgContainerClassName:(null==t?void 0:t.url)?h.coverFallbackSvg:"d-none",extraClasses:!(null==t?void 0:t.url)&&"bg-transparent"})}}}(e.object),E=y.image,b=y.imageType,C=y.imageClassName,S=y.imageFallbackComponent,k=f.M.isVideoType(e.object)&&!!e.showVideoMetadata;return a.createElement("div",{className:"d-flex align-items-center justify-content-center w-100 h-100"},a.createElement("div",{ref:t,className:e.fixedHeight?"h-100":"w-100"},k&&a.createElement(o.u,{video:e.object,imageOptions:n,textPosition:d.z.Independent,type:"cosmetic",appLink:e.appLink,analyticsOptions:{location:e.locationContext},hideDuration:!0,hideMask:!0,size:"sm"}),!k&&a.createElement(c.Z,{data:null==E?void 0:E.url,imageType:b,imageOptions:n,appLink:e.appLink,className:C,analyticsData:{id:e.object.id,name:e.object.name},analyticsOptions:{entity:i.I.getAnalyticsEntity(e.object.type),actionType:r.Vw.Click,location:e.locationContext}},S)))}},95834:(e,t,n)=>{n.d(t,{J:()=>a});var a={table:"striped-list no-full-width pb-3",header:"fw-semibold pb-1",headerCell:"py-2 ps-2 text-nowrap",row:"striped-row rounded",cell:"d-flex align-items-center p-2"}},31754:(e,t,n)=>{n.d(t,{x:()=>l});var a=n(82602),r=n(75896),i=n(89682),c=n(11576),l={groupByDateShared:function(e){var t=r.m.groupBy(e,"dateShared");return Object.keys(t).sort().reverse().reduce((function(e,n){var r=(0,a.WU)(n);return e[r]||(e[r]=[]),e[r]=e[r].concat(t[n]),e}),{})},mapActivityStatusToCheckMarkStatus:function(e){switch(e){case c.T.Complete:return i.h.Complete;case c.T.Incomplete:return i.h.Incomplete;case c.T.None:return i.h.None}},mapCheckMarkStatusToActivityStatus:function(e){switch(e){case i.h.Complete:return c.T.Complete;case i.h.Incomplete:return c.T.Incomplete;case i.h.None:return c.T.None}}}},38502:(e,t,n)=>{n.d(t,{r:()=>m});var a=n(32735),r=n(49985),i=n(36848),c=n(18559),l=n(11607),o=n(83914),s=n(87432);function u(e){return a.createElement(a.Fragment,null,!!e.tab.svgName&&a.createElement("div",{className:e.tab.name?"pe-1":""},a.createElement(o.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&a.createElement("div",{className:"ps-2"},a.createElement(c.C,{type:c.g.Count,data:e.tab.count})))}function m(e){var t;return a.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:""},a.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(s.Z.pillTabSelector,"\n        ").concat(e.borderRadius?s.Z.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map((function(e,t){return a.createElement("li",{className:"\n                p-0 ".concat(s.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?s.Z.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?a.createElement(i.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(s.Z.tabLink,"\n                  ")},a.createElement(u,{tab:e})):a.createElement(l.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ".concat(s.Z.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&r.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},a.createElement(u,{tab:e})))}))))}m.defaultProps={borderRadius:"lg"}},39902:(e,t,n)=>{n.d(t,{f:()=>o});var a=n(32735),r=n(70680),i=n(20354);function c(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function o(e,t){var n,o,s=(n=a.useState([]),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,c,l=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw r}}return l}}(n,o)||c(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],m=s[1];a.useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(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.")}()}(u);t.push([]),e.forEach((function(e){t.find((function(t){return t.find((function(t){return t===e}))}))||t[t.length-1].push(e)})),m(t.filter((function(e){return e.length})))}}),[e?e.join(","):null]);var d=(0,r.I0)(),p=(0,r.v9)((function(e){return e}));if(a.useEffect((function(){u.forEach((function(e){var n=t(e);i.a.getResponse(p,n.key).shouldFetch&&i.a.fetch(d,n)}))}),[null==u?void 0:u.length]),!(null==u?void 0:u.length))return{items:null,isFetching:!1};var v={},f={};return u.forEach((function(e,n){var a=t(e),r=i.a.getResponse(p,a.key);f[n]=r,r.data&&r.data.forEach((function(e){return v[e.id]=e}))})),{items:Object.keys(f).some((function(e){return!!f[e].data}))?v:null,isFetching:!!Object.keys(f).some((function(e){return f[e].isFetching}))}}},70227:(e,t,n)=>{n.d(t,{c:()=>i});var a=n(97395),r=n(4594),i={getObjectUrl:function(e,t){var n=e.analyticsWebUrl;if(n){var i="";switch(t.typeId){case r.E.Video:i="/videos/".concat(t.id,"/overview");break;case r.E.Clip:i="/clips/".concat(t.id,"/overview");break;case r.E.Interactive:i="/interactives/".concat(t.id,"/overview")}if(i)return a._.safeUrlConcat(n,i)}}}},36511:(e,t,n)=>{n.d(t,{I:()=>r});var a=n(40424);function r(e){switch(e){case a.R.Pink:return"pink";case a.R.Orange:return"orange";case a.R.Green:return"green";case a.R.Blue:return"blue";case a.R.Purple:return"purple";case a.R.Indigo:return"indigo";default:return"pink"}}},2523:(e,t,n)=>{n.d(t,{w:()=>p});var a=n(32735),r=n(23481),i=n(81886),c=n(38502),l=n(75795),o=n(14070),s=n(97291),u=r.T.encloseNamespace("share.sharesHeader"),m={application:s.O.MY_SHARES,action:o.e.MyShares.SHARED_BY_ME},d={application:s.O.MY_SHARES,action:o.e.MyShares.SHARED_WITH_ME};function p(){return a.createElement("div",{className:"pb-3"},a.createElement("h1",{className:"h2 mb-3"},u("shares")),a.createElement(c.r,{tabs:(t=null===(e=l.O.getCurrentRoute())||void 0===e?void 0:e.appLink,[{name:u("sharedByMe"),onSelect:function(){return i.Q.C$.trigger(m)},active:(null==t?void 0:t.action)===m.action},{name:u("sharedWithMe"),onSelect:function(){return i.Q.C$.trigger(d)},active:(null==t?void 0:t.action)===d.action}])}));var e,t}},25458:(e,t,n)=>{n.r(t),n.d(t,{SharedByMeView:()=>we});var a=n(32735),r=n(70680),i=n(23481),c=n(20354),l=n(75896),o=n(23232),s=i.T.encloseNamespace("share.sharedByMeEmptyState");function u(e){return a.createElement(o.u,null,a.createElement(o.u.Image,{src:e.imageUrl,size:"small"}),a.createElement(o.u.Heading,null,s(e.useInteractiveCopy?"interactivesHeading":"genericHeading")),a.createElement(o.u.Info,null,s(e.useInteractiveCopy?"interactivesInfo":"genericInfo")),!!e.appLink&&a.createElement(o.u.Cta,{appLink:e.appLink,text:s("cta")}))}var m=n(95834),d=n(69674),p=n(82602),v=n(110),f=n(65858),h=n(83914),g=n(76177),y=n(49080),E=n(85063),b=n(35223);const C={indicatorContainer:"T6YAv",indicator:"_MRHG"};var S=i.T.encloseNamespace("share.shareStatusIndicator");function k(e){if(e.type===E.y.DirectShare)return S("active");switch(e.status){case y.F.Active:return S("active");case y.F.Expired:return S("expired")}}function N(e){if(e.type===E.y.DirectShare)return"bg-success";switch(e.status){case y.F.Active:return"bg-success";case y.F.Expired:return"bg-secondary"}}function w(e){var t;return e.share.type!==E.y.DirectShare||(null===(t=e.share.recipients)||void 0===t?void 0:t.length)?e.share.type===E.y.ShareLink&&e.share.isPasswordProtected?a.createElement(g.u,{title:S("passwordProtected"),spanHack:!0},a.createElement(h.x,{svgName:b.vn.Lock,size:h.S.Small})):a.createElement(g.u,{title:k(e.share),spanHack:!0,spanHackClassName:C.indicatorContainer},a.createElement("div",{className:"".concat(C.indicator," ").concat(N(e.share))})):a.createElement(a.Fragment,null)}var I=n(29024),x=n(20789),T=n(18995),j=n(60376),A=n(4594),M=n(36511),O=n(64818);const H={avatarContainer:"ByxQa"};var L=i.T.encloseNamespace("reportsShare.sharedToAvatarList");function F(e){var t=l.m.countBy(e,"typeId"),n=t[A.E.User],a=t[A.E.Classroom],r=t[A.E.ClassroomGroup];return n&&a&&r?L("classroomsGroupsAndUsers",{userCount:n,classroomCount:a,groupCount:r}):n&&a?L("classroomsAndUsers",{userCount:n,classroomCount:a}):n&&r?L("groupsAndUsers",{userCount:n,groupCount:r}):a&&r?L("classroomsAndGroups",{classroomCount:a,groupCount:r}):n?L("users",{userCount:n}):a?L("classrooms",{classroomCount:a}):r?L("groups",{groupCount:r}):void 0}function D(e){var t,n,r,i,c,l=(null===(t=e.item)||void 0===t?void 0:t.typeId)===A.E.User&&e.item,o=(null===(n=e.item)||void 0===n?void 0:n.typeId)===A.E.Classroom&&e.item,s=(null===(r=e.item)||void 0===r?void 0:r.typeId)===A.E.ClassroomGroup&&e.item,u="d-flex justify-content-center align-items-center text-white rounded-circle h-100 w-100";return a.createElement("div",{className:"".concat(H.avatarContainer," position-relative d-inline-block")},a.createElement("div",{className:"".concat(H.avatarWrapper," position-absolute w-100 h-100 bg-white rounded-circle"),style:{left:"".concat(-15*e.index,"%"),zIndex:e.maxAvatars-e.index}},!!l&&a.createElement(g.u,{title:"".concat(l.name," ").concat(l.surname),spanHack:!0,spanHackClassName:"h-100 w-100"},a.createElement(x.q,{imageUrl:null===(i=l.avatar)||void 0===i?void 0:i.url,imageCdnUrl:e.imageCdnUrl,initials:O.l.getInitials(l.name,l.surname)})),!!o&&a.createElement(g.u,{title:o.name,spanHack:!0,spanHackClassName:"h-100 w-100"},a.createElement("div",{className:u},a.createElement(j.f,{svgName:b.vn.Classrooms,svgSize:h.S.Large,variant:"teal"}))),!!s&&a.createElement(g.u,{title:s.name,spanHack:!0,spanHackClassName:"h-100 w-100"},a.createElement("div",{className:u},a.createElement(j.f,{svgName:b.vn.Group,variant:(0,M.I)(null===(c=s.metadata)||void 0===c?void 0:c.colour)})))))}function U(){return a.createElement("div",{className:H.avatarContainer},a.createElement(g.u,{title:L("anonymous"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},a.createElement(h.x,{svgName:b.vn.Anonymous})))}function _(){return a.createElement("div",{className:H.avatarContainer},a.createElement(g.u,{title:L("sharedLink"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},a.createElement(h.x,{svgName:b.vn.Link})))}function B(e){return a.createElement("div",null,a.createElement(T.e,Object.assign({},e,{items:e.recipients,avatarItem:D,avatarContainerClassname:H.avatarContainer,getHiddenTooltip:F})))}B.defaultProps={maxAvatars:5};var R=n(31754),P=n(64249),V=n(83657),W=n(36848),Z=n(83345),z=n(31908);function Y(e){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(e)}var $="share.sharedByMeTable",G=i.T.encloseNamespace($);function J(e){var t;if(e.type===E.y.ShareLink||!(null===(t=null==e?void 0:e.recipients)||void 0===t?void 0:t.length))return e.dateCreated;var n=e.recipients.map((function(e){return e.dateShared}));return n.sort((function(e,t){return v.O.isSame(e,t)?0:v.O.isAfter(e,t)?1:-2})),n.length?l.m.last(n):""}function X(e,t,n,r,i,c,l,o){var s=o&&(o.xs||o.sm),u=[{Header:c?"":t,accessor:"sharedObject",id:"image",Cell:function(e){var t=e.value;return a.createElement("div",{className:"w-100"},a.createElement(I.k,{object:t,appLink:n(t),showVideoMetadata:!0,locationContext:f.LZ.SharedByMe}))},minWidth:140,maxWidth:30},{accessor:"sharedObject",id:"name",Cell:function(e){var t,r=e.value;return r.name?z.M.isVideoType(r)&&!(null===(t=z.M.getCanBeConsumed(r))||void 0===t?void 0:t.canNavigate)?a.createElement("span",{className:"clamp-2"},r.name):a.createElement(W.F,{appLink:n(r),className:"clamp-2",analyticsData:{id:r.id,name:r.name},analyticsOptions:{entity:P.I.getAnalyticsEntity(r.type),actionType:f.Vw.Click,location:f.LZ.SharedByMe}},r.name):a.createElement("span",null,a.createElement(Z.x,{namespace:$,phrase:"videoUnavailable"}))},width:60},{Header:0===e?G("sharedTo"):"",accessor:"shareRecipients",Cell:function(e){var t=e.value;return t?t.length?a.createElement(B,{recipients:t,imageCdnUrl:i,maxAvatars:s?1:2}):a.createElement(U,null):a.createElement(_,null)},width:40},!s&&{Header:0===e?G("shared"):"",id:"dateShared",accessor:function(e){return(0,p.WU)(e.dateShared)},width:40},{accessor:"sharedObject",id:"actions",Cell:function(e){var t=e.value;return a.createElement(V.e,{actions:r(t),className:"w-100 justify-content-end pe-2"})},width:20}],m={Header:t,accessor:"share",id:"status",Cell:function(e){var t=e.value;return a.createElement(w,{share:t})},width:5},d={Header:G("views"),accessor:"viewCount",width:30};return c&&u.splice(0,0,m),l&&u.splice(u.length-1,0,d),u.filter(Boolean)}var q=a.memo((function(e){var t,n,r,i,c,l=(t=e.sentShares,n=e.sharedObjects,r=e.shareRecipients,i=!!e.groupByDateShared,c=!!e.refreshTable,a.useMemo((function(){var e,a,c,l=[];return t.forEach((function(e){var t,a,i=n.find((function(t){return t.id===e.objectId})),c=null;e.type===E.y.DirectShare&&(c=[],null===(t=e.recipients)||void 0===t||t.forEach((function(e){var t=r.find((function(t){return t.id===e.id}));t&&c.push(t)}))),i&&l.push({share:e,sharedObject:i,shareRecipients:c,dateShared:J(e),viewCount:null!==(a=e.viewCount)&&void 0!==a?a:0})})),i?R.x.groupByDateShared(l):(e={},a=G("title"),c=l,(a=function(e){var t=function(e,t){if("object"!=Y(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=Y(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Y(t)?t:t+""}(a))in e?Object.defineProperty(e,a,{value:c,enumerable:!0,configurable:!0,writable:!0}):e[a]=c,e)}),[c]));return a.createElement(a.Fragment,null,Object.keys(l).map((function(t,n){return a.createElement(d.i,{key:n,columns:X(n,t,e.getObjectAppLink,e.getObjectActions,e.imageCdnUrl,e.showStatus,e.showViewCount,e.breakpoints),data:l[t],theme:m.J})})))})),Q=n(30439),K=n(71020),ee=n(39151),te=n(31949),ne=n(39902),ae=n(79967),re=n(60115),ie=n(79612),ce=n(99742),le=n(14070),oe=n(97291),se=n(2523);const ue={imageColumn:"uIOaA",nameColumn:"Nta2B",sharedToColumn:"XTJBC",dateSharedColumn:"HdARK",actionsColumn:"DXyZw",heading:"XZ6o7",image:"MolfU",name:"MM43m",avatar:"EboYM",date:"by_XM",actions:"_S2M_"};function me(){return a.createElement("div",{className:"d-flex striped-row rounded"},a.createElement("div",{className:"d-flex align-items-center justify-content-center p-2 ".concat(ue.imageColumn)},a.createElement("div",{className:"partial-loading-background rounded w-100 ".concat(ue.image)})),a.createElement("div",{className:"d-flex align-items-center p-2 ".concat(ue.nameColumn)},a.createElement("div",{className:"partial-loading-background w-75 ".concat(ue.name)})),a.createElement("div",{className:"d-flex align-items-center p-2 ".concat(ue.sharedToColumn)},a.createElement("div",{className:"partial-loading-background ".concat(ue.avatar)})),a.createElement("div",{className:"d-none d-md-flex align-items-center p-2 ".concat(ue.dateSharedColumn)},a.createElement("div",{className:"partial-loading-background ".concat(ue.date)})),a.createElement("div",{className:"d-flex align-items-center justify-content-end p-2 ".concat(ue.actionsColumn)},a.createElement("div",{className:"partial-loading-background rounded me-2 ".concat(ue.actions)})))}function de(e){return a.createElement("div",{className:"d-flex mb-1"},a.createElement("div",{className:"".concat(ue.imageColumn," p-2")},a.createElement("div",{className:"partial-loading-background ".concat(ue.heading)})),a.createElement("div",{className:"".concat(ue.nameColumn," p-2")}," "),a.createElement("div",{className:"".concat(ue.sharedToColumn," p-2")},e.fullHeader?a.createElement("div",{className:"partial-loading-background ".concat(ue.heading)}):a.createElement(a.Fragment,null," ")),a.createElement("div",{className:"".concat(ue.dateSharedColumn," p-2 d-none d-md-flex")},e.fullHeader?a.createElement("div",{className:"partial-loading-background ".concat(ue.heading)}):a.createElement(a.Fragment,null," ")),a.createElement("div",{className:"".concat(ue.actionsColumn," p-2")}," "))}function pe(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"mb-3"},a.createElement(de,{fullHeader:!0}),a.createElement("div",{className:"striped-list no-full-width"},a.createElement(me,null),a.createElement(me,null),a.createElement(me,null))),a.createElement("div",{className:"mb-3"},a.createElement(de,null),a.createElement("div",{className:"striped-list no-full-width"},a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null))),a.createElement("div",{className:"mb-3"},a.createElement(de,null),a.createElement("div",{className:"striped-list no-full-width"},a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null),a.createElement(me,null))))}var ve=n(28400),fe=n(70227),he=n(82431);function ge(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,c,l=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ye(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ye(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 ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var Ee=i.T.encloseNamespace("liteShare.sharedByMe");function be(e){return e.items?Object.values(e.items):[]}function Ce(e){return z.M.isInteractive(e)?{application:oe.O.INTERACTIVES,action:le.e.Interactives.VIEW_INTERACTIVE,args:[e.id,ve.m.slugify(e.name)]}:z.M.isClip(e)?{application:oe.O.CLIPS,action:le.e.Clips.PLAY_CLIP,args:[e.id,ve.m.slugify(e.name)]}:z.M.isVideo(e)?{application:oe.O.VIDEOS,action:le.e.Videos.PLAY_VIDEO,args:[e.id,ve.m.slugify(e.name)]}:e.typeId===A.E.Playlist?{application:oe.O.PLAYLISTS,action:le.e.Playlists.PLAYLIST,args:[e.id,ve.m.slugify(e.name)]}:e.typeId===A.E.Series?he.j.getSeriesAppLink(e):void 0}function Se(e,t){return{label:Ee("editShareSettings"),appLink:{application:oe.O.DEFAULT,action:le.e.Default.SHARE,args:[e.id],params:{entityType:t}}}}function ke(e){return a.createElement(g.u,{title:e.label,spanHack:!0},a.createElement("a",{href:e.url,target:"_blank"},a.createElement(h.x,{svgName:b.vn.Chart})))}var Ne=i.T.encloseNamespace("liteShare.sharedByMe");function we(){var e,t=(0,r.I0)(),n=(0,ae.k)(),i=c.a.useBasicFetch(te.N.currentUser()),o=function(e){return Q.o.sentShare({cursor:e})},s=function(e){return c.a.getFetch(t)(o(e))},m=(0,re.K)(o,s),d=m.items,p=m.hasMore,v=m.isFetching,f=m.nextCursor,h=l.m.uniq(null!==(e=null==d?void 0:d.map((function(e){return e.objectId})))&&void 0!==e?e:[]),g=(0,ne.f)(h,(function(e){return Q.o.sharedObjectsById(e)})),y=function(e){return l.m.uniq(l.m.flatten(function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e.type===E.y.DirectShare})))&&void 0!==t?t:[]}(e).map((function(e){var t;return null!==(t=e.recipients)&&void 0!==t?t:[]}))),"id").map((function(e){return e.id}))}(d),b=(0,ne.f)(y,(function(e){return Q.o.getRecipientsById(e,i.data.customerId)})),C=c.a.useBasicFetch(ee.L.config());(0,ie.M)({title:Ne("sharedByMe")});var S=function(e){var t=c.a.useBasicFetch(ee.L.config()),n=e.xs||e.sm;return a.useCallback((function(e){return function(e,t,n){var r,i="viewUsage";if(z.M.isVideo(e)&&(r="video"),z.M.isInteractive(e)&&(r="interactive",i="viewResults"),z.M.isClip(e)&&(r="clip"),e.typeId===A.E.Series&&(r="series"),e.typeId===A.E.Playlist&&(r="playlist"),z.M.isVideoType(e)&&!z.M.getCanBeConsumed(e).canConsume)return[];var c=[Se(e,r)],l=fe.c.getObjectUrl(t,e);return l&&c.push({label:n?Ee(i):function(){return a.createElement(ke,{label:Ee(i),url:l})},className:"btn btn-link",button:!n,href:l,openInNewTab:!0}),c}(e,t.data,n)}),[n])}(n),k=function(e,t,n,r,i){var c=ge(a.useState(t),2),l=c[0],o=c[1],s=ge(a.useState(r),2),u=s[0],m=s[1];return a.useEffect((function(){t&&o(!0)}),[t]),a.useEffect((function(){r&&m(!0)}),[r]),!(e&&!e.length)&&(!e||!l||n.length&&!u||!i.data)}(d,!!g.items,y,!!b.items,C),N=v||g.isFetching||b.isFetching,w=a.useMemo((function(){return d}),[!!d,N]),I=a.useMemo((function(){return be(g)}),[!!g.items,N]),x=a.useMemo((function(){return be(b)}),[!!b.items,N]);return a.createElement("div",{className:"px-3"},a.createElement(se.w,null),k?a.createElement(pe,null):d.length?a.createElement(a.Fragment,null,a.createElement(q,{sentShares:w,sharedObjects:I,shareRecipients:x,getObjectAppLink:Ce,getObjectActions:S,imageCdnUrl:C.data.imageCdnUrl,groupByDateShared:!0,refreshTable:N,breakpoints:n}),(p||N)&&a.createElement(K._,{isFetching:N,fetchNext:s,nextCursor:f})):a.createElement(u,{appLink:{application:oe.O.DASHBOARD,action:le.e.Dashboard.HOME},imageUrl:ce.W.EmptyStates.Share.SHARED_WITH_ME}))}},87432:(e,t,n)=>{n.d(t,{Z:()=>a});const a={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}},82602:(e,t,n)=>{n.d(t,{WU:()=>s});var a=["second","minute","hour","day","week","month","year"],r=["秒","分钟","小时","天","周","个月","年"],i={},c=function(e,t){i[e]=t},l=[60,60,24,7,365/7/12,12];function o(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var s=function(e,t,n){var a=function(e,t){return(+(t?o(t):new Date)-+o(e))/1e3}(e,n&&n.relativeDate);return function(e,t){for(var n=e<0?1:0,a=e=Math.abs(e),r=0;e>=l[r]&&r<l.length;r++)e/=l[r];return(e=Math.floor(e))>(0==(r*=2)?9:1)&&(r+=1),t(e,r,a)[n].replace("%s",e.toString())}(a,function(e){return i[e]||i.en_US}(t))};c("en_US",(function(e,t){if(0===t)return["just now","right now"];var n=a[Math.floor(t/2)];return e>1&&(n+="s"),[e+" "+n+" ago","in "+e+" "+n]})),c("zh_CN",(function(e,t){if(0===t)return["刚刚","片刻后"];var n=r[~~(t/2)];return[e+" "+n+"前",e+" "+n+"后"]}))}}]);
-//# sourceMappingURL=3403-a2111c4df8-lite.chunk.js.map