@clickview/lite 0.55.1 → 0.55.2

package/dist/bundles.json

@@ -1,5 +1,5 @@
 {
-  "appBundle": "bundle-f45df6e07f.min.js",
+  "appBundle": "bundle-0093b901d1.min.js",
   "cssBundle": "lite-app-633927f4ac.css",
   "polyfillBundle": "polyfills-365f92d668.min.js"
 }

package/dist/scripts/1169-3298aa69ad-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1169],{1353:(e,t,n)=>{n.d(t,{$:()=>s});var r=n(32735),a=n(23481),i=n(11607),c=n(54610),l=n(67453),o=n(22161),u=a.T.encloseNamespace("shared.curriculumLinks");function s(e){var t=e.data;return r.createElement(i.L,{key:t.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(o.Z.tag," ").concat(e.selected?o.Z.selected:""),onClick:function(){return e.onChangeCurriculum(t.id.toString())},"aria-label":"".concat(u("ariaFilter")," ").concat(t.name)},r.createElement("div",{className:"bg-white ".concat(o.Z.cover," rounded-circle border")},r.createElement("img",{src:l.j.createUrl(t.cover.url,{size:c.h2.Small}),alt:t.name,className:"rounded-circle"})),r.createElement("div",{className:"ms-2"},t.name))}},38496:(e,t,n)=>{n.d(t,{p:()=>u});var r=n(32735),a=n(23481),i=n(23232),c=n(83345),l="shared.curriculumLinks",o=a.T.encloseNamespace(l);function u(e){return r.createElement(i.u,{className:"pt-3"},r.createElement(i.u.Image,{src:e.emptyStateUrl,altText:o("emptyInfo"),size:"small"}),r.createElement(i.u.Heading,null,r.createElement(c.x,{namespace:l,phrase:"emptyHeading"})),r.createElement(i.u.Info,null,r.createElement(c.x,{namespace:l,phrase:"emptyInfo"})))}},44599:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(32735);var a=function(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ".concat("vDcrq")}),r.createElement("div",null,r.createElement("div",{className:"partial-loading-background mb-1 ".concat("GXhoW")}),r.createElement("div",{className:"mb-2 d-flex"},r.createElement("div",{className:"me-1 align-self-start ".concat("goKaS")},r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100"})),r.createElement("div",{className:"partial-loading-background ".concat("vFew6")}))))};function i(){return r.createElement("div",null,r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",null,r.createElement(a,null)))}},34223:(e,t,n)=>{n.d(t,{Y:()=>g});var r=n(32735),a=n(38496),i=n(44599),c=n(83345),l=n(85597);const o={curriculumSubject:"i4D3h",curriculumSet:"WCdf9",areaLeafSet:"o8H8s",closeButton:"McsPs",leafDescriptionOnly:"xmEEo"};function u(e){return u="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},u(e)}function s(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var m=/(.*)\s\((.*)?\)/i,v="shared.curriculumLinks",p="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold";function f(e){function t(){var t=p+" bg-white border";return!e.leaf.name&&e.uiContainsCodes?t+" border-secondary text-secondary":t+" border-dark"}var n=r.useRef();return r.useEffect((function(){if(n.current){var t=n.current.getBoundingClientRect().width;e.trySetMaxCodeWidth(t)}}),[n.current]),r.createElement("div",{className:"d-flex"},e.leaf.description?!e.leaf.name&&e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},r.createElement(c.x,{namespace:v,phrase:"noCode"}))),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):e.leaf.name||e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},e.leaf.name)),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.description}}):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.name}}))}function y(e){var t,n,a,i={},c=!1;function u(e){var t="mb-2";return e.name||c?t:t+" ms-4 "+o.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[l.k.Area].map((function(e){return e.name})).join(" - ");i[t]?e[l.k.Leaf].forEach((function(e){i[t].find((function(t){return t.name===e.name}))||(i[t].push(e),e.name&&(c=!0))})):i[t]=e[l.k.Leaf]})),r.createElement(r.Fragment,null,r.createElement("h3",{className:"".concat(p," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[l.k.Audience].name,n=e.linkSet[l.k.Subject].name,(a=t.match(m))?"".concat(a[1]," • ").concat(a[2]," • ").concat(n):"".concat(t," • ").concat(n))),r.createElement("div",{className:"me-2 ".concat(o.curriculumSubject)},Object.keys(i).map((function(t,n){return r.createElement("div",{key:n,className:o.areaLeafSet},t&&r.createElement("h4",{className:"mb-1 font-size-normal"},t),r.createElement("ul",{className:"list-unstyled"},i[t].map((function(t){return r.createElement("li",{key:t.id,className:u(t)},r.createElement(f,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:c}))}))))}))))}function g(e){var t,n,c,u=(n=r.useState(0),c=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 r,a,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(n,c)||function(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}(n,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];function p(e){v((function(t){return t>=e?t:e}))}var f=r.useMemo((function(){var t={};return e.curriculumLinks.forEach((function(e){var n=null,r=null,a=[],i=[];e.forEach((function(e){switch(e.type){case l.k.Subject:n=e;break;case l.k.Audience:r=e;break;case l.k.Area:a.push(e);break;case l.k.Leaf:i.push(e)}}));var c="".concat(n.id,":").concat(r.id);t[c]?t[c].areasAndLeaves.push(s(s({},l.k.Area,a),l.k.Leaf,i)):t[c]=s(s(s({},l.k.Subject,n),l.k.Audience,r),"areasAndLeaves",[s(s({},l.k.Area,a),l.k.Leaf,i)])})),t}),[e.curriculumLinks]);return e.curriculumLinks?(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length)?r.createElement("ul",{className:"list-unstyled m-0"},Object.keys(f).map((function(e,t){return r.createElement("li",{key:"linkset-".concat(t),className:o.curriculumSet},r.createElement(y,{linkSet:f[e],trySetMaxCodeWidth:p,codeWidth:m}))}))):r.createElement(a.p,{emptyStateUrl:e.emptyStateUrl}):r.createElement(i.Z,null)}},22283:(e,t,n)=>{n.d(t,{P:()=>l});var r=n(32735),a=n(1353),i=n(63112),c=n(65163);function l(e){var t,n,l;return r.createElement(c.eb,{collection:(null===(t=e.selectedCurriculum)||void 0===t?void 0:t.id)?e.curriculums.nonEmptyCurriculums:null,childClassName:"flex-shrink-0",childComponent:function(t){var n,i;return r.createElement(a.$,Object.assign({},t,{selected:(null===(i=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===i?void 0:i.toString())===t.data.id.toString(),onChangeCurriculum:e.onChangeCurriculum}))},partialLoadingComponent:function(){return r.createElement(i.o,null)},widgetDataDeps:[null===(l=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===l?void 0:l.toString(),e.onChangeCurriculum],noNegativePadding:e.noNegativePadding})}},63112:(e,t,n)=>{n.d(t,{o:()=>i});var r=n(32735),a=n(91807),i=r.memo((function(e){var t=e.tagClass,n="partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ".concat(void 0===t?"":t," ").concat(a.Z.partialTag);return r.createElement("div",{className:"mt-1"},r.createElement("span",{className:n}," "))}))},65163:(e,t,n)=>{n.d(t,{QL:()=>r.Q,eb:()=>r.e});var r=n(16450);n(14244)},85597:(e,t,n)=>{var r;n.d(t,{k:()=>r}),function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(r||(r={}))},61169:(e,t,n)=>{n.d(t,{R:()=>ee});var r=n(32735),a=n(49935),i=n(5640),c=n(42648),l=n(23481),o=n(75896),u=n(49985),s=n(65858),d=n(44599),m=n(83345),v=n(69883),p=n(59598),f=n(34223),y=n(22283);function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var h="shared.curriculumLinks",b=l.T.encloseNamespace(h);function E(e){var t,n,a=e.curriculums,i=a.hasLoaded,l=a.activeCurriculum,E=a.availableCurriculums,S=a.curriculumLinks,k=a.updateCurriculum,C=a.customerHasCurriculumLinks,A=(t=r.useState(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),I=A[0],L=A[1],N=(0,v.Z)();return r.useEffect((function(){i&&(I||L(null!=l?l:o.m.first(E)))}),[null==l?void 0:l.id,i]),e.canViewCurriculumLinks&&C?r.createElement("section",{id:p.K.CurriculumLinks,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(p.K.CurriculumLinks,t)},className:"play-page-section"},r.createElement("h2",{className:"h4 me-2 h-100"},r.createElement(m.x,{namespace:h,phrase:"heading"})),r.createElement("div",{className:"mb-2"},r.createElement(y.P,{curriculums:e.curriculums,selectedCurriculum:I,onChangeCurriculum:function(t){var n,r,a=E.find((function(e){return e.id.toString()===t}));(null==a?void 0:a.id)&&(null===(n=null==I?void 0:I.id)||void 0===n?void 0:n.toString())!==(null===(r=null==a?void 0:a.id)||void 0===r?void 0:r.toString())&&(L(a),k(a,(function(){u.k.logUserAction({id:a.id,name:a.id,description:a.description,videoId:e.video.id,videoName:e.video.name},{entity:s.py.Presentation,actionType:s.Vw.Select,descriptor:s.kD.Curriculum,location:s.LZ.PlayPage})}),(function(){L(I),N.error(b("updateFailed"))})))}})),r.createElement("div",{className:"rounded border position-relative"},r.createElement(c.$B,{autoHeight:!0,autoHeightMax:e.height},r.createElement("div",{className:"p-3"},i?r.createElement(f.Y,{curriculumLinks:S,emptyStateUrl:e.emptyStateUrl}):r.createElement(d.Z,null))))):r.createElement(r.Fragment,null)}var S=n(8887),k=n(51184),C=n(64921),A=n(95812),I=n(53709),L=n(40178),N=n(71063),w=n(10439),x=n(35429),T=n(4594),R=n(16714),j=n(22902),O=n(65332),U=n(76196),P=n(31908),V=n(26492),M=n(9465),F=n(91479),G=n(99092),W=n(47938),_=n(81024),D=n(78166),H=n(99742),Z=n(14070),B=n(97291),K=n(22490),$=n(63010),Y=n(14476),z=n(53256);const Q={main:"xSI0l",expandedToc:"j5FCv"};function q(e){return function(e){if(Array.isArray(e))return X(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 X(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)?X(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 X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var J="shared.play";function ee(e){var t,n,c,l,o,u,s,d,v,f=(0,x.g)(),y=(0,j.T)().hasPermissions,g=P.M.getCanBeConsumed(e.video).canConsume,h=(0,$.Q)(e.tableOfContentsId),b=h.tableOfContentsActiveId,X=h.setTableOfContentsActiveId,ee=h.controlledId,te=h.setControlledId,ne=h.tableOfContentsExpanded,re=h.onToggleTableOfContents,ae=(0,k.Wp)(e.video)&&e.featureAccess.canViewGlance,ie=(0,Y.i)(ae),ce=ie.headingRef,le=ie.headingElements,oe=le.map((function(t){var n,r,a,i;return{id:t.id,name:z.d.getSectionHeading(t.id,{clips:e.clips,interactives:e.interactives,resources:[].concat(q(null!==(r=null===(n=e.video.resources)||void 0===n?void 0:n.data)&&void 0!==r?r:[]),q(null!==(i=null===(a=e.video.links)||void 0===a?void 0:a.data)&&void 0!==i?i:[]))})}})),ue=P.M.isVideoTypeArchived(e.video),se=y(R.C.StudentExperience);(0,O.D)({setActiveId:X,headingElements:le,controlledId:ee,setControlledId:te}),(0,U.P)(le,ee);var de=r.useRef(!1),me=(0,G.lU)();function ve(){var e,t,n,r;de.current=!(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.isPaused()),null===(r=null===(n=null==f?void 0:f.playerRef)||void 0===n?void 0:n.current)||void 0===r||r.pause()}function pe(){var e,t;de.current&&(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t||t.play())}var fe="picture-in-picture"===f.mode||e.featureAccess.canViewPublicLayout;return r.createElement(m.D.Provider,{value:J},r.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row":"")},r.createElement("main",{className:"".concat(Q.main," ").concat(e.shouldShowSideTableOfContents&&ne?"".concat(Q.expandedToc," col-9"):e.shouldShowSideTableOfContents&&!ne?"pe-4":void 0)},!!(null===(t=e.breadcrumbs)||void 0===t?void 0:t.length)&&r.createElement("div",{className:"mb-2"},r.createElement(a.Oo,{breadcrumbs:e.breadcrumbs})),r.createElement(W.W,{restrictions:e.video._restrictions,yearGroups:e.yearGroups,objectId:e.video.id,objectTypeId:T.E.Video,canManageVideoAccess:e.canManageVideoAccess}),ue&&r.createElement(V.T,{typeId:e.video.typeId,hasStudentExperience:se}),r.createElement("section",{id:p.K.Video,className:"mb-2 ".concat(N.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==ce?void 0:ce.current)&&ce.current.set(p.K.Video,e)}},g&&r.createElement(w.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,shareId:e.shareId,context:null===(n=e.params)||void 0===n?void 0:n.context,contextId:null===(c=e.params)||void 0===c?void 0:c.contextId,playNext:null===(l=e.params)||void 0===l?void 0:l.playNext,moviesAndTv:null===(o=e.params)||void 0===o?void 0:o.mtv,startTime:null!==(s=null===(u=e.params)||void 0===u?void 0:u.t)&&void 0!==s?s:null===(d=e.params)||void 0===d?void 0:d.startTime,endTime:null===(v=e.params)||void 0===v?void 0:v.endTime,mode:"default",location:"play-page"}),r.createElement("div",{className:fe?"":"d-none"},r.createElement(_.S,{video:e.video,appLink:{application:B.O.SIGN_UP,action:Z.e.SignUp.SIGN_UP},type:"picture-in-picture"===f.mode?"pip":"public"}))),r.createElement(F.v,{media:e.video,yearGroups:e.yearGroups,audiences:e.audiences,getSeriesAppLink:function(t){return me.getSeriesAppLink(t,e.params.mtv)},featureAccess:e.featureAccess,shareId:e.shareId}),ae?r.createElement(C.j,{video:e.video,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var t;return null===(t=f.playerRef.current)||void 0===t?void 0:t.currentTime(e)},getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:ae}):r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout}),r.createElement(E,{headingRef:ce,video:e.video,height:L.x,curriculums:e.curriculums,emptyStateUrl:H.W.EmptyStates.CURRICULUM_LINKS,canViewCurriculumLinks:e.featureAccess.canViewCurriculumLinks}),r.createElement(I.M,{headingRef:ce,video:e.video,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:me.getResourceAppLink(e.video.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{videoId:e.video.id,videoName:e.video.name},resourceThumbnailFallbackUrl:H.W.Fallbacks.RESOURCE_THUMBNAIL}),r.createElement(A.J,{headingRef:ce,video:e.video,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{videoId:e.video.id,videoName:e.video.name},canViewInteractives:e.featureAccess.canViewInteractives,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),r.createElement(i.O,{video:e.video,headingRef:ce,clips:e.clips,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{videoId:e.video.id,videoName:e.video.name},isPlugin:e.isPlugin}),ae&&r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),r.createElement(D.Z,{currentVideo:e.video,headingRef:ce,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,currentUser:e.currentUser,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(t,n){return K.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.params.context,contextId:e.params.contextId,playNext:e.params.playNext,shareId:e.shareId,moviesAndTv:e.params.mtv}))},audiences:e.audiences,moviesAndTv:e.params.mtv,isPlugin:e.isPlugin})),r.createElement(M.h,{isExpanded:ne,setIsExpanded:re,items:oe,activeId:b,setControlledId:te,analyticsData:{videoId:e.video.id,videoName:e.video.name},showInSide:e.shouldShowSideTableOfContents})))}},22161:(e,t,n)=>{n.d(t,{Z:()=>r});const r={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G",tag:"rdLqY",cover:"etwaD",active:"aDLMe",selected:"BMrSd"}}}]);
+//# sourceMappingURL=1169-3298aa69ad-lite.chunk.js.map

package/dist/scripts/1169-3298aa69ad-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/1169-3298aa69ad-lite.chunk.js","mappings":"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","sources":["file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/curriculum-links/CurriculumLinkItem.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/curriculum-links/CurriculumLinksEmptyState.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/curriculum-links/partial-loading/PartialCurriculumLinks.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/curriculum-links/partial-loading/partial-curriculum-links.scss","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/play-page-v2/curriculum-links/curriculum-links.scss","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksV2.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumsWidget.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/tags/PartialTagItem.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/enums/CurriculumType.ts","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/projects/lite/src/shared/views/play/v2/components/play-page/play-page.scss","file:///Users/joshua.taylor/Projects/clickview/packages/projects/lite/src/shared/views/play/v2/components/play-page/PlayPageV2.tsx","file:///Users/joshua.taylor/Projects/clickview/packages/libs/shared/src/components/curriculum-links/curriculum-links.scss"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './curriculum-links.scss';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinkItemProps {\n  data: Presentation;\n  onChangeCurriculum: (id: string) => any;\n  selected: boolean;\n}\n\nexport function CurriculumLinkItem(props: CurriculumLinkItemProps): JSX.Element {\n  const { data: curriculumTag } = props;\n\n  return (\n    <DivButton\n      key={curriculumTag.id}\n      className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ${styles.tag} ${props.selected ? styles.selected : ''}`}\n      onClick={() => props.onChangeCurriculum(curriculumTag.id.toString())}\n      aria-label={`${getPhrase('ariaFilter')} ${curriculumTag.name}`}\n    >\n      <div className={`bg-white ${styles.cover} rounded-circle border`}>\n        <img\n          src={ImageHelper.createUrl(curriculumTag.cover.url, { size: ImageSize.Small })}\n          alt={curriculumTag.name}\n          className='rounded-circle'\n        />\n      </div>\n      <div className='ms-2'>\n        {curriculumTag.name}\n      </div>\n    </DivButton>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksEmptyStateProps {\n  emptyStateUrl: string;\n}\n\nexport function CurriculumLinksEmptyState(props: CurriculumLinksEmptyStateProps): JSX.Element {\n  return (\n    <EmptyState className='pt-3'>\n      <EmptyState.Image src={props.emptyStateUrl} altText={getPhrase('emptyInfo')} size='small'/>\n      <EmptyState.Heading>\n        <Text namespace={namespace} phrase='emptyHeading' />\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        <Text namespace={namespace} phrase='emptyInfo' />\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}","import React from 'react';\n\nimport styles from './partial-curriculum-links.scss';\n\nconst PartialCurriculumLinkSection = () => (\n  <>\n    <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ${styles.audience}`} />\n    <div>\n      <div className={`partial-loading-background mb-1 ${styles.area}`} />\n\n      <div className='mb-2 d-flex'>\n        <div className={`me-1 align-self-start ${styles.code}`}>\n          <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100`} />\n        </div>\n        \n        <div className={`partial-loading-background ${styles.description}`} />\n      </div>\n    </div>\n  </>\n);\n\nexport function PartialCurriculumLinks(): JSX.Element {\n  return (\n    <div>\n      <div className='mb-3'>\n        <PartialCurriculumLinkSection />\n      </div>\n\n      <div className='mb-3'>\n        <PartialCurriculumLinkSection />\n      </div>\n\n      <div>\n        <PartialCurriculumLinkSection />\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"audience\":\"vDcrq\",\"area\":\"GXhoW\",\"code\":\"goKaS\",\"description\":\"vFew6\"};","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"i4D3h\",\"curriculumSet\":\"WCdf9\",\"areaLeafSet\":\"o8H8s\",\"closeButton\":\"McsPs\",\"leafDescriptionOnly\":\"xmEEo\"};","import React from 'react';\n\nimport { CurriculumLinksEmptyState } from 'libs/shared/components/curriculum-links/CurriculumLinksEmptyState';\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurriculumType } from 'libs/shared/enums/CurriculumType';\nimport { Curriculum } from 'libs/shared/interfaces';\n\nimport styles from './curriculum-links.scss';\n\nconst BRACKET_SEGMENT_REGEX = /(.*)\\s\\((.*)?\\)/i;\n\nconst namespace = 'shared.curriculumLinks';\n\nconst BASE_PILL_CLASS = 'text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold';\n\ninterface CurriculumStructure {\n  [CurriculumType.Subject]: Curriculum<CurriculumType.Subject>;\n  [CurriculumType.Audience]: Curriculum<CurriculumType.Audience>;\n  areasAndLeaves: Array<{\n    [CurriculumType.Area]: Curriculum<CurriculumType.Area>[];\n    [CurriculumType.Leaf]: Curriculum<CurriculumType.Leaf>[];\n  }>;\n}\n\ninterface CurriculumLeafProps {\n  leaf: Curriculum<CurriculumType.Leaf>;\n  codeWidth: number;\n  trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n  uiContainsCodes: boolean;\n}\n\nfunction CurriculumLeaf(props: CurriculumLeafProps): JSX.Element {\n  function getCurriculumCodeClass(): string {\n    const baseClass = BASE_PILL_CLASS + ' bg-white border';\n\n    // If a leaf has no code but the rest of the UI has leaf nodes w/ codes, we show a special \"No code\" pill\n    if (!props.leaf.name && props.uiContainsCodes)\n      return baseClass + ' border-secondary text-secondary';\n\n    return baseClass + ' border-dark';\n  }\n\n  const codeRef = React.useRef<HTMLDivElement>();\n\n  React.useEffect(() => {\n    if (!codeRef.current)\n      return;\n\n    const { width } = codeRef.current.getBoundingClientRect();\n\n    props.trySetMaxCodeWidth(width);\n  }, [codeRef.current]);\n\n  return (\n    <div className='d-flex'>\n      {(() => {\n        if (!props.leaf.description)\n          return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.name }} />;\n\n        /**\n         * If a leaf has no code but the rest of the UI has leaf nodes\n         * with codes, we show a special \"No code\" pill. Example: https://imgur.com/3L1Ela3\n         */\n        if (!props.leaf.name && props.uiContainsCodes) {\n          return (\n            <>\n              <div\n                className='me-1 align-self-start'\n                style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n              >\n                <h5 ref={codeRef} className={getCurriculumCodeClass()}>\n                  <Text namespace={namespace} phrase='noCode' />\n                </h5>\n              </div>\n              <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n            </>\n          );\n        }\n\n        /**\n         * If a leaf has no code and the rest of the UI leaf nodes have no code, we just\n         * display the description with a bullet point. Example: https://imgur.com/jzJvmWs\n         */\n        if (!props.leaf.name && !props.uiContainsCodes)\n          return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />;\n\n        return (\n          <>\n            <div\n              className='me-1 align-self-start'\n              style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n            >\n              <h5 ref={codeRef} className={getCurriculumCodeClass()}>{props.leaf.name}</h5>\n            </div>\n            <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n          </>\n        );\n      })()}\n    </div>\n  );\n}\n\ninterface CurriculumSubjectProps {\n  linkSet: CurriculumStructure;\n  codeWidth: number;\n  trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n}\n\nfunction CurriculumSubject(props: CurriculumSubjectProps): JSX.Element {\n  const areaAndLeafSets: { [areaText: string]: Curriculum<CurriculumType.Leaf>[]; } = {};\n\n  let uiContainsCodes = false;\n\n  props.linkSet.areasAndLeaves.forEach(areaAndLeafSet => {\n    const areaText = areaAndLeafSet[CurriculumType.Area].map(ca => ca.name).join(' - ');\n\n    if (areaAndLeafSets[areaText]) {\n      areaAndLeafSet[CurriculumType.Leaf].forEach(leaf => {\n        if (!areaAndLeafSets[areaText].find(l => l.name === leaf.name)) {\n          areaAndLeafSets[areaText].push(leaf);\n\n          // We need the info on if _any_ leaf node has a code in it. See why in the comments in `<CurriculumLeaf />`\n          if (leaf.name)\n            uiContainsCodes = true;\n        }\n      });\n\n      return;\n    }\n\n    areaAndLeafSets[areaText] = areaAndLeafSet[CurriculumType.Leaf];\n  });\n\n  function getAudienceText(): string {\n    const audienceSegment = props.linkSet[CurriculumType.Audience].name;\n    const subjectSegment = props.linkSet[CurriculumType.Subject].name;\n\n    /**\n     * In some curriculums, such as the UK curriculum, the audience string may contain a year group\n     * in brackets. For example, it may be \"Lower Key Stage 2 (Year 4)\".\n     * This regex will pull that segment out if it exists.\n     */\n    const audienceBracketSegments = audienceSegment.match(BRACKET_SEGMENT_REGEX);\n\n    if (audienceBracketSegments)\n      return `${audienceBracketSegments[1]} • ${audienceBracketSegments[2]} • ${subjectSegment}`;\n\n    return `${audienceSegment} • ${subjectSegment}`;\n  }\n\n  function getLeafStyleClass(leaf: Curriculum<CurriculumType.Leaf>): string {\n    const className = 'mb-2';\n\n    if (!leaf.name && !uiContainsCodes)\n      return className + ' ms-4 ' + styles.leafDescriptionOnly;\n\n    return className;\n  }\n\n  return (\n    <>\n      <h3 className={`${BASE_PILL_CLASS} text-white bg-dark-blue fw-normal me-1 mb-2`}>\n        {getAudienceText()}\n      </h3>\n\n      <div className={`me-2 ${styles.curriculumSubject}`}>\n        {Object.keys(areaAndLeafSets).map((areaText, i) => {\n          return (\n            <div key={i} className={styles.areaLeafSet} >\n              {areaText && <h4 className='mb-1 font-size-normal'>{areaText}</h4>}\n              <ul className='list-unstyled'>\n                {areaAndLeafSets[areaText].map(leaf => (\n                  <li key={leaf.id} className={getLeafStyleClass(leaf)}>\n                    <CurriculumLeaf\n                      leaf={leaf}\n                      codeWidth={props.codeWidth}\n                      trySetMaxCodeWidth={props.trySetMaxCodeWidth}\n                      uiContainsCodes={uiContainsCodes}\n                    />\n                  </li>\n                ))}\n              </ul>\n            </div>\n          );\n        })}\n      </div>\n    </>\n  );\n}\n\ninterface CurriculumLinksSet {\n  [subjectAndAudienceIdKey: string]: CurriculumStructure\n}\n\ninterface CurriculumLinksV2Props {\n  curriculumLinks?: Curriculum[][];\n  emptyStateUrl: string;\n}\n\nexport function CurriculumLinksV2(props: CurriculumLinksV2Props): JSX.Element {\n  const [ codeWidth, setCodeWidth ] = React.useState(0);\n\n  function trySetMaxCodeWidth(width: number): void {\n    /**\n     * The width of the curriculum code column should be identical for each leaf node, meaning\n     * the leaf description text will be perfectly vertically aligned all the way down.\n     * See here for example: https://imgur.com/MbganZf\n     * \n     * This is achieved by us setting the state for the maximum code width, and forcing all\n     * smaller codes to abide by that max width.\n     * \n     * This value is used in the `<CurriculumLeaf />` component.\n     */\n    setCodeWidth(currentVal => {\n      if (currentVal >= width)\n        return currentVal;\n\n      return width;\n    });\n  }\n\n  /**\n   * Here, we're taking the structure of links from the backend, and restructuring it in a way\n   * that resembles the structure of our UI more closely. The general idea is:\n   * \n   * CurriculumAudience - CurriculumSubject\n   *   CurriculumAreas\n   *     CurriculumLeaves\n   */\n  const curriculumLinkSets = React.useMemo(() => {\n    const newSet: CurriculumLinksSet = {};\n\n    props.curriculumLinks.forEach(linkSet => {\n      let subject: Curriculum<CurriculumType.Subject> = null;\n      let audience: Curriculum<CurriculumType.Audience> = null;\n      const areas: Curriculum<CurriculumType.Area>[] = [];\n      const leaves: Curriculum<CurriculumType.Leaf>[] = [];\n  \n      linkSet.forEach(curriculumObj => {\n        switch (curriculumObj.type) {\n          case CurriculumType.Subject:\n            subject = curriculumObj as Curriculum<CurriculumType.Subject>;\n            break;\n          case CurriculumType.Audience:\n            audience = curriculumObj as Curriculum<CurriculumType.Audience>;\n            break;\n          case CurriculumType.Area:\n            areas.push(curriculumObj as Curriculum<CurriculumType.Area>);\n            break;\n          case CurriculumType.Leaf:\n            leaves.push(curriculumObj as Curriculum<CurriculumType.Leaf>);\n            break;\n          default:\n            break;\n        }\n      });\n  \n      const key = `${subject.id}:${audience.id}`;\n\n      if (newSet[key]) {\n        newSet[key].areasAndLeaves.push({\n          [CurriculumType.Area]: areas,\n          [CurriculumType.Leaf]: leaves\n        });\n  \n        return;\n      }\n  \n      newSet[key] = {\n        [CurriculumType.Subject]: subject,\n        [CurriculumType.Audience]: audience,\n        areasAndLeaves: [{\n          [CurriculumType.Area]: areas,\n          [CurriculumType.Leaf]: leaves\n        }]\n      };\n    });\n\n    return newSet;\n  }, [props.curriculumLinks]);\n\n  if (!props.curriculumLinks)\n    return <PartialCurriculumLinks />;\n\n  if (!props.curriculumLinks?.length) {\n    return <CurriculumLinksEmptyState emptyStateUrl={props.emptyStateUrl} />;\n  }\n\n  return (\n    <ul className='list-unstyled m-0'>\n      {Object.keys(curriculumLinkSets).map((linkSetKey, i) => (\n        <li key={`linkset-${i}`} className={styles.curriculumSet}>\n          <CurriculumSubject\n            linkSet={curriculumLinkSets[linkSetKey]}\n            trySetMaxCodeWidth={trySetMaxCodeWidth}\n            codeWidth={codeWidth}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n}","import React from 'react';\n\nimport { CurriculumLinkItem } from 'libs/shared/components/curriculum-links/CurriculumLinkItem';\nimport { PartialTagItem } from 'libs/shared/components/tags/PartialTagItem';\nimport { DynamicWidget } from 'libs/shared/components/widgets/dynamic-widget';\nimport { CurriculumData, Presentation } from 'libs/shared/interfaces';\n\ninterface CurriculumsWidgetProps {\n  curriculums: CurriculumData;\n  selectedCurriculum: Presentation;\n  onChangeCurriculum: (curriculumId: string) => void;\n  noNegativePadding?: boolean;\n}\n\nexport function CurriculumsWidget(props: CurriculumsWidgetProps): JSX.Element {\n  return (\n    <DynamicWidget\n      collection={props.selectedCurriculum?.id ? props.curriculums.nonEmptyCurriculums : null}\n      childClassName='flex-shrink-0'\n      childComponent={_props => {\n        return (\n          <CurriculumLinkItem\n            {..._props}\n            selected={props.selectedCurriculum?.id?.toString() === _props.data.id.toString()}\n            onChangeCurriculum={props.onChangeCurriculum}\n          />\n        );\n      }}\n      partialLoadingComponent={() => <PartialTagItem />}\n      widgetDataDeps={[ props.selectedCurriculum?.id?.toString(), props.onChangeCurriculum ]}\n      noNegativePadding={props.noNegativePadding}\n    />\n  );\n}","import React from 'react';\n\nimport styles from './tags.scss';\n\ninterface PartialTagItemProps {\n  tagClass?: string;\n}\n\nexport const PartialTagItem = React.memo(function({ tagClass = '' }: PartialTagItemProps): JSX.Element {\n  const classNames = `partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ${tagClass} ${styles.partialTag}`;\n\n  return (\n    <div className='mt-1'>\n      <span className={classNames}>&nbsp;</span>\n    </div>\n  );\n});","export enum CurriculumType {\n  Subject = 'CurriculumSubject',\n  Audience = 'CurriculumAudience',\n  Area = 'CurriculumArea',\n  Leaf = 'CurriculumLeaf'\n}","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, PresentationDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurriculumData, Presentation, Video } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nimport { CurriculumLinksV2 } from './CurriculumLinksV2';\nimport { CurriculumsWidget } from './CurriculumsWidget';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksWithScrollbarV2Props {\n  video: Video;\n  curriculums: CurriculumData;\n  emptyStateUrl: string;\n  height?: number;\n  canViewCurriculumLinks: boolean;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function CurriculumLinksWithScrollbarV2(props: CurriculumLinksWithScrollbarV2Props): JSX.Element {\n  const {\n    hasLoaded,\n    activeCurriculum,\n    availableCurriculums,\n    curriculumLinks,\n    updateCurriculum,\n    customerHasCurriculumLinks\n  } = props.curriculums;\n\n  const [ selectedCurriculum, setSelectedCurriculum ] = React.useState<Presentation>();\n\n  const alerts = useAlerts();\n\n  React.useEffect(() => {\n    if (!hasLoaded)\n      return;\n\n    if (!selectedCurriculum)\n      setSelectedCurriculum(activeCurriculum ?? ArrayHelper.first(availableCurriculums));\n  }, [ activeCurriculum?.id, hasLoaded ]);\n\n  function onChangeCurriculum(curriculumId: string): void {\n    const newCurriculum = availableCurriculums.find(c => c.id.toString() === curriculumId);\n\n    if (!newCurriculum?.id)\n      return;\n\n    if (selectedCurriculum?.id?.toString() === newCurriculum?.id?.toString())\n      return;\n\n    setSelectedCurriculum(newCurriculum);\n\n    const onError = () => {\n      // If the request to change curriculum fails, we reset the select state and alert the user\n      setSelectedCurriculum(selectedCurriculum);\n      alerts.error(getPhrase('updateFailed'));\n    };\n\n    const onSuccess = () => {\n      AnalyticsHelper.logUserAction({\n        id: newCurriculum.id,\n        name: newCurriculum.id,\n        description: newCurriculum.description,\n        videoId: props.video.id,\n        videoName: props.video.name\n      }, {\n        entity: EntityType.Presentation,\n        actionType: UserAction.Select,\n        descriptor: PresentationDescriptor.Curriculum,\n        location: LocationContext.PlayPage\n      });\n    };\n\n    updateCurriculum(newCurriculum, onSuccess, onError);\n  }\n\n  if (!props.canViewCurriculumLinks || !customerHasCurriculumLinks)\n    return <></>;\n  \n  return (\n    <section\n      id={PlayPageAnchor.CurriculumLinks}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.CurriculumLinks, el);\n      }}\n      className='play-page-section'\n    >\n      <h2 className='h4 me-2 h-100'>\n        <Text namespace={namespace} phrase='heading' />\n      </h2>\n      <div className='mb-2'>\n        <CurriculumsWidget\n          curriculums={props.curriculums}\n          selectedCurriculum={selectedCurriculum}\n          onChangeCurriculum={onChangeCurriculum}\n        />\n      </div>\n\n      <div className='rounded border position-relative'>\n        <Scrollbars autoHeight autoHeightMax={props.height}>\n          <div className='p-3'>\n            {!hasLoaded\n              ? <PartialCurriculumLinks />\n              : (\n                <CurriculumLinksV2\n                  curriculumLinks={curriculumLinks}\n                  emptyStateUrl={props.emptyStateUrl}\n                />\n              )}\n          </div>\n        </Scrollbars>\n      </div>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"xSI0l\",\"expandedToc\":\"j5FCv\"};","import React from 'react';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { CurriculumLinksWithScrollbarV2 } from 'libs/shared/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, CurriculumData, FavouriteFunc, InteractiveMetadata, PointOfInterest, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { getAppLinks } from 'shared/components/play-page/PlayPageUtils';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\n\nimport styles from './play-page.scss';\n\nconst namespace = 'shared.play';\n\ninterface PlayPageV2Props {\n  video: Video;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  yearGroups: YearGroup[];\n  imageCdnUrl: string;\n  relatedVideos: RelatedVideosHash;\n  audiences: PresentationAudience[];\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  currentUser: CurrentUser;\n  pointsOfInterest?: PointOfInterest[];\n  playNext: boolean;\n  shareId?: string;\n  curriculums: CurriculumData;\n  featureAccess: VideoFeaturesHash;\n  params?: PlayViewQueryParams;\n  canManageVideoAccess: boolean;\n  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  isPlugin: boolean;\n  breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayPageV2(props: PlayPageV2Props): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    onToggleTableOfContents\n  } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n  const hasGlance = hasGlanceData(props.video) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: [ ...(props.video.resources?.data ?? []), ...(props.video.links?.data ?? []) ]\n        }\n      )\n    };\n  });\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.video);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\n\n  /**\n   * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n   * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n   * which is passed in at the same time as onExitImmersiveReader\n   */\n  const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n  const appLinkFns = getAppLinks();\n\n  function onLaunchImmersiveReader(): void {\n    shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n    playerContext?.playerRef?.current?.pause();\n  }\n\n  function onExitImmersiveReader(): void {\n    if (!shouldPlayOnExitImmersiveReader.current)\n      return;\n\n    playerContext?.playerRef?.current?.play();\n  }\n\n  function getMainClassName() {\n    if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n      return `${styles.expandedToc} col-9`;\n    }\n    if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n      return 'pe-4';\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row' : ''}`}>\n        <main className={`${styles.main} ${getMainClassName()}`}>\n          {!!props.breadcrumbs?.length &&\n            <div className='mb-2'>\n              <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n            </div>\n          }\n\n          <RestrictionBanner\n            restrictions={props.video._restrictions}\n            yearGroups={props.yearGroups}\n            objectId={props.video.id}\n            objectTypeId={MasterType.Video}\n            canManageVideoAccess={props.canManageVideoAccess}\n          />\n\n          {isArchived && <ArchivedBanner typeId={props.video.typeId} hasStudentExperience={hasStudentExperience} />}\n\n          <section\n            id={PlayPageAnchor.Video}\n            className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n            ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n          >\n            {canConsume && (\n              <GlobalPlayerConsumer\n                key={props.video.id}\n                objectId={props.video.id}\n                objectTypeId={props.video.typeId}\n                shareId={props.shareId}\n                context={props.params?.context}\n                contextId={props.params?.contextId}\n                playNext={props.params?.playNext}\n                moviesAndTv={props.params?.mtv}\n                startTime={props.params?.t ?? props.params?.startTime}\n                endTime={props.params?.endTime}\n                mode='default'\n                location='play-page'\n              />\n            )}\n            <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n              <PlayerPlaceholder\n                video={props.video}\n                appLink={{\n                  application: AppChannels.SIGN_UP,\n                  action: Actions.SignUp.SIGN_UP\n                }}\n                type={playerContext.mode === 'picture-in-picture' ? 'pip' : 'public'}\n              />\n            </div>\n          </section>\n\n          <PlayPageTitleAndActions\n            media={props.video}\n            yearGroups={props.yearGroups}\n            audiences={props.audiences}\n            getSeriesAppLink={series => appLinkFns.getSeriesAppLink(series, props.params.mtv)}\n            featureAccess={props.featureAccess}\n            shareId={props.shareId}\n          />\n          {/* if no glance render video details here */}\n          {hasGlance ? (\n            <VideoAtAGlanceV2\n              video={props.video}\n              pointsOfInterest={props.pointsOfInterest}\n              setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n              getTagAppLink={appLinkFns.getTagAppLink}\n              suppressInteractivity={props.featureAccess.canViewPublicLayout}\n              canViewGlance={hasGlance}\n            />\n          ) : (\n            <VideoDetailsWithScrollbarV2\n              video={props.video}\n              currentUser={props.currentUser}\n              headingRef={headingRef}\n              onLaunchImmersiveReader={onLaunchImmersiveReader}\n              onExitImmersiveReader={onExitImmersiveReader}\n              getTagAppLink={appLinkFns.getTagAppLink}\n              suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            />\n          )}\n\n          <CurriculumLinksWithScrollbarV2\n            headingRef={headingRef}\n            video={props.video}\n            height={MINIMUM_GLANCE_HEIGHT}\n            curriculums={props.curriculums}\n            emptyStateUrl={ImageUrls.EmptyStates.CURRICULUM_LINKS}\n            canViewCurriculumLinks={props.featureAccess.canViewCurriculumLinks}\n          />\n\n          <PlayPageResources\n            headingRef={headingRef}\n            video={props.video}\n            canViewResources={props.featureAccess.canViewResourceItems}\n            imageCdnUrl={props.imageCdnUrl}\n            getAppLink={\n              appLinkFns.getResourceAppLink(props.video.id, props.shareId, props.featureAccess.canViewResourceItems)\n            }\n            analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n            resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n          />\n\n          <PlayPageInteractives\n            headingRef={headingRef}\n            video={props.video}\n            interactives={props.interactives}\n            imageCdnUrl={props.imageCdnUrl}\n            analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n            canViewInteractives={props.featureAccess.canViewInteractives}\n            yearGroups={props.yearGroups}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            isPlugin={props.isPlugin}\n          />\n\n          <PlayPageClips\n            video={props.video}\n            headingRef={headingRef}\n            clips={props.clips}\n            canViewClips={props.featureAccess.canViewClips}\n            yearGroups={props.yearGroups}\n            audiences={props.audiences}\n            imageCdnUrl={props.imageCdnUrl}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n            isPlugin={props.isPlugin}\n          />\n\n          {/* if has glance, render video details here */}\n          {hasGlance && (\n            <VideoDetailsWithScrollbarV2\n              video={props.video}\n              currentUser={props.currentUser}\n              headingRef={headingRef}\n              onLaunchImmersiveReader={onLaunchImmersiveReader}\n              onExitImmersiveReader={onExitImmersiveReader}\n              getTagAppLink={appLinkFns.getTagAppLink}\n              suppressInteractivity={props.featureAccess.canViewPublicLayout}\n              showHeading\n            />\n          )}\n\n          <RelatedVideos\n            currentVideo={props.video}\n            headingRef={headingRef}\n            yearGroups={props.yearGroups}\n            relatedVideos={props.relatedVideos}\n            currentUser={props.currentUser}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n              ...opts,\n              context: props.params.context,\n              contextId: props.params.contextId,\n              playNext: props.params.playNext,\n              shareId: props.shareId,\n              moviesAndTv: props.params.mtv\n            })}\n            audiences={props.audiences}\n            moviesAndTv={props.params.mtv}\n            isPlugin={props.isPlugin}\n          />\n        </main>\n\n        <TableOfContentsContainer\n          isExpanded={tableOfContentsExpanded}\n          setIsExpanded={onToggleTableOfContents}\n          items={items}\n          activeId={tableOfContentsActiveId}\n          setControlledId={setControlledId}\n          analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n          showInSide={props.shouldShowSideTableOfContents}\n        />\n\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"GvGYH\",\"curriculumSet\":\"d7RK0\",\"areaLeafSet\":\"XRTAe\",\"closeButton\":\"N3l5Q\",\"heading\":\"hAxR4\",\"leafDescriptionOnly\":\"h66ke\",\"dropdown\":\"CsG6G\",\"tag\":\"rdLqY\",\"cover\":\"etwaD\",\"active\":\"aDLMe\",\"selected\":\"BMrSd\"};"],"names":["getPhrase","CurriculumLinkItem","props","curriculumTag","data","key","id","className","selected","onClick","onChangeCurriculum","toString","name","src","cover","url","size","alt","namespace","CurriculumLinksEmptyState","emptyStateUrl","altText","phrase","PartialCurriculumLinkSection","PartialCurriculumLinks","BRACKET_SEGMENT_REGEX","BASE_PILL_CLASS","CurriculumLeaf","getCurriculumCodeClass","baseClass","leaf","uiContainsCodes","codeRef","current","width","getBoundingClientRect","trySetMaxCodeWidth","description","style","minWidth","codeWidth","ref","Text","dangerouslySetInnerHTML","__html","CurriculumSubject","audienceSegment","subjectSegment","audienceBracketSegments","areaAndLeafSets","getLeafStyleClass","linkSet","areasAndLeaves","forEach","areaAndLeafSet","areaText","CurriculumType","map","ca","join","find","l","push","match","Object","keys","i","CurriculumLinksV2","setCodeWidth","currentVal","curriculumLinkSets","newSet","curriculumLinks","subject","audience","areas","leaves","curriculumObj","type","length","linkSetKey","CurriculumsWidget","collection","selectedCurriculum","curriculums","nonEmptyCurriculums","childClassName","childComponent","_props","partialLoadingComponent","widgetDataDeps","noNegativePadding","PartialTagItem","tagClass","classNames","LanguageService","CurriculumLinksWithScrollbarV2","hasLoaded","activeCurriculum","availableCurriculums","updateCurriculum","customerHasCurriculumLinks","setSelectedCurriculum","alerts","ArrayHelper","canViewCurriculumLinks","PlayPageAnchor","el","headingRef","set","curriculumId","newCurriculum","c","AnalyticsHelper","videoId","video","videoName","entity","actionType","descriptor","location","error","autoHeight","autoHeightMax","height","PlayPageV2","playerContext","hasPermissions","usePermissions","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsId","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","featureAccess","canViewGlance","useSectionHeadings","headingElements","items","ele","clips","interactives","resources","links","isArchived","hasStudentExperience","PermissionName","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","shouldPlayOnExitImmersiveReader","appLinkFns","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","showPlayerPlaceholder","mode","canViewPublicLayout","value","shouldShowSideTableOfContents","breadcrumbs","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","yearGroups","objectId","objectTypeId","MasterType","canManageVideoAccess","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","shareId","context","params","contextId","playNext","moviesAndTv","mtv","startTime","t","endTime","PlayerPlaceholder","appLink","application","action","PlayPageTitleAndActions","media","audiences","getSeriesAppLink","series","VideoAtAGlanceV2","pointsOfInterest","setStartTime","time","currentTime","getTagAppLink","suppressInteractivity","currentUser","ImageUrls","PlayPageResources","canViewResources","canViewResourceItems","imageCdnUrl","getAppLink","getResourceAppLink","analyticsData","resourceThumbnailFallbackUrl","PlayPageInteractives","canViewInteractives","setFavourite","canFavourite","isPlugin","PlayPageClips","canViewClips","showHeading","RelatedVideos","currentVideo","relatedVideos","getVideoAppLink","v","opts","VideoAppLinkHelper","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}

package/dist/scripts/{2142-a9328841c1-lite.chunk.js → 2142-86bcd85ffd-lite.chunk.js}

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