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

package/dist/bundles.json

@@ -1,5 +1,5 @@
 {
-  "appBundle": "bundle-fc9eac0414.min.js",
+  "appBundle": "bundle-8aa594baf5.min.js",
   "cssBundle": "lite-app-475c8fbc8b.css",
   "polyfillBundle": "polyfills-365f92d668.min.js"
 }

package/dist/scripts/1169-f2120c91cc-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,n=e.data;return r.createElement(i.L,{key:n.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(n.id.toString())},"aria-label":"".concat(u("ariaFilter")," ").concat(n.name)},(null===(t=n.cover)||void 0===t?void 0:t.url)&&r.createElement("div",{className:"bg-white ".concat(o.Z.cover," rounded-circle border")},r.createElement("img",{src:l.j.createUrl(n.cover.url,{size:c.h2.Small}),alt:n.name,className:"rounded-circle"})),r.createElement("div",{className:"ms-2"},n.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(56940),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 g-0":"")},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-f2120c91cc-lite.chunk.js.map

package/dist/scripts/1169-f2120c91cc-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/1169-f2120c91cc-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinkItem.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinksEmptyState.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/PartialCurriculumLinks.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/partial-curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumsWidget.tsx","file:///app/packages/libs/shared/src/components/tags/PartialTagItem.tsx","file:///app/packages/libs/shared/src/enums/CurriculumType.ts","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2.tsx","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/play-page.scss","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/PlayPageV2.tsx","file:///app/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      {curriculumTag.cover?.url && (\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      )}\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 g-0' : ''}`}>\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","cover","url","src","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/{4690-4abacf2ea2-lite.chunk.js → 4690-1f554d0be9-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4690],{83657:(e,t,n)=>{n.d(t,{e:()=>s});var a=n(32735),r=n(91967),i=n(10874),o=n(76177),l=n(42735),c=n(86509);function s(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],s=[];t.forEach((function(e){e.button?n.push(e):s.push(e)}));var m="d-flex";return e.className&&(m+=" ".concat(e.className)),n.length||s.length?a.createElement("div",{className:m},n.length?n.map((function(t,n){return a.createElement(a.Fragment,{key:n},function(){if(t.label){var n=r.q.isFunction(t.label)?t.label:function(){return a.createElement(a.Fragment,null,t.label)};return a.createElement(l.K,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,svgSize:e.dropdownToggleSvgSize,className:t.className,tooltip:t.tooltip,showSpinner:t.showSpinner,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled},n())}var c=a.createElement(i.h,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,className:t.className,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled,showBorder:t.showBorder,customSize:e.customSize,ariaLabel:t.tooltip});return t.tooltip?a.createElement(o.u,{title:t.tooltip,spanHack:!0},c):c}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,s.length?a.createElement(c.m,{actions:s,dropdownToggleClassName:e.actionsDropdownClassName,dropdownToggleSvgSize:e.dropdownToggleSvgSize,fetchMore:e.fetchMore}):a.createElement(a.Fragment,null)):a.createElement(a.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>f});var a=n(32735),r=n(91967),i=n(81886),o=n(45157),l=n(49985),c=n(36848),s=n(83914),m=n(76177),u=n(35223);const d={dropdownToggle:"UCAnJ"};function p(){return a.createElement(a.Fragment,null,a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"8rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"12rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"11rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"9rem"}})))}function g(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){var t=r.q.isFunction(e.action.label)?e.action.label:function(){return a.createElement(a.Fragment,null,e.action.label)};if(e.action.appLink)return a.createElement(c.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:g(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t()));function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&l.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),r.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&i.Q.Ab.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?a.createElement("a",{className:g(e.action.className),onClick:n,href:e.action.href},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t())):a.createElement("span",{className:"cursor-pointer ".concat(g(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2"}),t())}function f(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t=e.actions.some((function(e){return e.lazyPlaceholder})),n="dropdown";e.className&&(n+=" ".concat(e.className));var r,i="actions-dropdown-".concat(o.Y.getRandomInt()),l="dropdown-toggle px-0 ".concat(d.dropdownToggle);return e.dropdownToggleClassName&&(l+=" ".concat(e.dropdownToggleClassName)),a.createElement("div",{className:n},a.createElement("button",{className:l,type:"button",id:i,"data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false","aria-label":"More actions dropdown",onClick:t?e.fetchMore:null},a.createElement(s.x,{svgName:u.vn.More,size:e.dropdownToggleSvgSize})),a.createElement("ul",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal","aria-labelledby":i},t?a.createElement(p,null):e.actions.map((function(e,t){var n=void 0!==r&&r!==e.group;return r=e.group,e.tooltip?a.createElement("li",{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(m.u,{title:e.tooltip,spanHack:!0},a.createElement(v,{action:e}))):a.createElement("li",{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(v,{action:e}))}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light",dropdownToggleSvgSize:s.S.Small}},80181:(e,t,n)=>{n.d(t,{Z:()=>y});var a=n(32735),r=n(42648),i=n(11607),o=n(83914),l=n(83345),c=n(28972),s=n(40424),m=n(93264),u=n(35223),d=n(86572);const p={timeTag:"ShZvf",hide:"FHzDr",time:"JDp5N",type:"AzIWg",question:"UhEYq",deleteContainer:"wBqoo",delete:"OAQQu",correctness:"W5sR9",selected:"tfrDf",row:"sGk59"};var g="shared.interactiveQuestions";function v(e){var t=e.interaction;switch((0,e.getCorrectness)(t)){case c.w.Correct:return a.createElement("span",{className:"text-success"},a.createElement(o.x,{size:o.S.Medium,svgName:u.vn.Check}));case c.w.Incorrect:return a.createElement("span",{className:"text-danger"},a.createElement(o.x,{size:o.S.Medium,svgName:u.vn.Close}));case c.w.AwaitingMarking:return a.createElement("span",{className:"text-secondary italic"},a.createElement("i",null,a.createElement(l.x,{namespace:g,phrase:"pending"})));case c.w.UnAnswered:return a.createElement("button",{className:"btn btn-outline-dark"},a.createElement(l.x,{namespace:g,phrase:"answer"}));case c.w.Answered:return a.createElement("span",{className:"text-secondary italic"},a.createElement("i",null,a.createElement(l.x,{namespace:g,phrase:"answered"})));case c.w.NotApplicable:return a.createElement(a.Fragment,null)}}function f(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,l=e.goToTimepoint,c=e.scrollTo,s=e.isFirstInteraction,g=e.hasPlayPageV2,f=t.id.toString()===(null==r?void 0:r.toString()),E=a.useRef();a.useEffect((function(){if(f&&E.current){var e=E.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;c(n,t.height)}}),[f]);var y=l?"cursor-pointer":"cursor-default";return a.createElement("div",{ref:E},a.createElement(i.L,{className:"py-2 ".concat(y," ").concat(p.row," ").concat(f?p.selected:""),onClick:f?function(){}:function(){l&&l(t.id)}},g?a.createElement("div",{className:"me-3 d-inline-flex rounded-pill justify-content-center align-items-center text-info fw-semibold bg-light-blue ".concat(p.timeTag," ").concat(s?"":p.hide)},s?m.T.ToDisplayDuration(n):""):a.createElement("span",{className:"".concat(p.time," me-2 ").concat(f?"fw-bold":"")},s?m.T.ToDisplayDuration(n):""),a.createElement(d.y,{interaction:t,showTypeName:!0,typeNameClassName:p.type,questionClassName:p.question}),e.onClickDelete&&a.createElement(i.L,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(p.deleteContainer)},a.createElement("span",{className:"text-end ".concat(p.delete)},a.createElement(o.x,{size:o.S.Medium,svgName:u.vn.Delete}))),e.getCorrectness&&a.createElement("span",{className:"text-end ".concat(p.correctness)},a.createElement(v,{interaction:t,getCorrectness:e.getCorrectness}))))}function E(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,i=e.selectedInteractionId,o=e.getCorrectness,l=e.hasPlayPageV2;function c(n){e.goToTimepoint(t.id,n,t.visibleAt)}return t.interactions?a.createElement(a.Fragment,null,t.interactions.map((function(m,u){return!e.experimentalInteractiveQuestions&&s.IL[m.typeId]?a.createElement(a.Fragment,{key:u}):a.createElement(f,{interaction:m,visibleAt:t.visibleAt,goToTimepoint:e.goToTimepoint&&c,onClickDelete:r,scrollTo:n,selectedInteractionId:i,isFirstInteraction:0===u,getCorrectness:o,key:u,hasPlayPageV2:l})}))):a.createElement(a.Fragment,null)}function y(e){var t=e.interactive,n=e.goToTimepoint,i=e.selectedInteractionId,o=e.maxHeight,l=e.onClickDelete,c=e.getCorrectness,s=e.hasPlayPageV2,m=a.useRef();function u(e,t){if(m.current){var n=m.current.getClientHeight(),a=m.current.getScrollTop(),r=e+a;(r<a||r+t>a+n)&&m.current.scrollTop(r-n/2+t/2)}}var d=n?"border rounded":"";return a.createElement(r.$B,{autoHeight:!0,autoHeightMax:o,className:d,hideTracksWhenNotNeeded:!0,ref:m},a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(t,r){return a.createElement(E,{key:r,timepoint:t,goToTimepoint:n,selectedInteractionId:i,scrollTo:u,onClickDelete:l,getCorrectness:c,hasPlayPageV2:s,experimentalInteractiveQuestions:e.experimentalInteractiveQuestions})}))))}},40178:(e,t,n)=>{n.d(t,{x:()=>a});var a=368},28972:(e,t,n)=>{var a;n.d(t,{w:()=>a}),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(a||(a={}))},41630:(e,t,n)=>{n.d(t,{X:()=>C});var a=n(32735),r=n(44645),i=n(17327),o=n.n(i),l=n(56050),c=n(23481),s=n(81886),m=n(2786),u=n(93264),d=n(40424);const p={worksheet:"Bv47P",interaction:"efkgi",timepointCell:"ffoDR",interactionCell:"rKBEu",checkbox:"ilhe4",multipleChoiceAnswer:"TqhFx",shortAnswerTextArea:"voJCM",image:"go2dV",cvLogo:"Z4GOw",copyright:"petLf",illustrationDrawingArea:"iA_Dl"};function g(e){return g="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},g(e)}function v(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=g(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=g(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==g(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=/{([^{}]*)}/g;function E(e){return a.createElement("div",{className:"mb-2"},e.interaction.name)}function y(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("table",null,a.createElement("tbody",null,e.interaction.actionableItems.map((function(e){return a.createElement("tr",{key:e.id},a.createElement("td",null,a.createElement("div",{className:"border ".concat(p.checkbox)})),a.createElement("td",{className:"break-word align-top"},a.createElement("div",{className:p.multipleChoiceAnswer},e.name)))})))))}var h=v(v(v(v(v(v(v({},d.Z9.Annotation,(function(e){return a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}})})),d.Z9.Image,(function(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("img",{className:p.image,src:e.interaction.data.url}))})),d.Z9.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(f,(function(t,n){var a=2*e.interaction.actionableItems.find((function(e){return e.order.toString()===n})).name.length;return Array(a+1).join("_")}));return a.createElement("div",null,t)})),d.Z9.MultipleChoice,y),d.Z9.TrueOrFalse,y),d.Z9.ShortAnswer,(function(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("div",{className:"border w-100 ".concat(p.shortAnswerTextArea)}))})),d.Z9.Illustration,(function(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("div",{className:"w-100 border ".concat(p.illustrationDrawingArea)}))})),b=c.T.encloseNamespace("interactives.printableInteractiveWorksheet");function w(e){var t=h[e.interaction.typeId];return t?a.createElement("tr",{className:p.interaction},a.createElement("td",{className:"align-top ".concat(p.timepointCell)},u.T.ToDisplayDuration(e.visibleAt)),a.createElement("td",{className:"break-word ".concat(p.interactionCell)},a.createElement(t,{interaction:e.interaction}))):a.createElement(a.Fragment,null)}function N(e){return a.createElement(a.Fragment,null,e.interactive.timepoints.map((function(e,t){return e.interactions.map((function(n,r){return a.createElement(w,{key:"".concat(t,":").concat(r),interaction:n,visibleAt:e.visibleAt})}))})))}function k(e){var t=(new Date).getFullYear();return a.createElement("div",{id:e.worksheetElementId,className:p.worksheet},a.createElement("div",{className:"row pb-2"},a.createElement("div",{className:"col-6"},b("name")," ______________________________"),a.createElement("div",{className:"col-6"},b("date")," ______________________________")),a.createElement("h1",null,a.createElement("strong",null,b("questionSheet"),":")," ",e.interactive.name),a.createElement("table",null,a.createElement("tbody",null,a.createElement(N,{interactive:e.interactive}))),a.createElement("div",{className:p.cvLogo},a.createElement(m.$S,null)),e.isClickViewContent&&a.createElement("span",{className:p.copyright},b("copyright",{year:t})))}var _=c.T.encloseNamespace("interactives.utils");function C(e,t,n){var i=document.getElementById("print-region");if(i||s.Q.Ry.throw(new l.H("Could not find print region in layout")),e){var c="printable-interactive-".concat(e.id),m=(0,r.s)(i);m.render(a.createElement("div",{className:"d-none"},a.createElement(k,{worksheetElementId:c,interactive:e,isClickViewContent:t}))),window.setTimeout((function(){o()({printable:c,type:"html",documentTitle:_("worksheetTitle",{interactiveName:e.name}),targetStyles:["*"],style:"@page { size: A4; margin: 1.5cm 0; }",onLoadingEnd:function(){n&&n(),m.unmount()},font_size:"14px"})}),200)}}},74690:(e,t,n)=>{n.r(t),n.d(t,{PreviewQuestionsView:()=>k});var a=n(32735),r=n(23481),i=n(81886),o=n(20354),l=n(28400),c=n(65858),s=n(83657),m=n(80181),u=n(9111),d=n(13876),p=n(40178),g=n(20768),v=n(37802),f=n(35223),E=n(14070),y=n(97291),h=n(41630);const b={printBtn:"VWlur"};function w(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 N=r.T.encloseNamespace("interactives.previewQuestions");function k(e){var t,n,r,k,_,C=(k=a.useState(!1),_=2,function(e){if(Array.isArray(e))return e}(k)||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}}(k,_)||function(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}(k,_)||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.")}()),T=C[0],I=C[1],S=(0,v.r)(null).experimentalInteractiveQuestions,A=o.a.useBasicFetch(g.b.interactiveMetadata(e.id)),x=o.a.useBasicFetch(A.data?g.b.interactive(A.data.interactiveId):null),D=null;A.data&&(D={id:A.data.id,interactiveId:A.data.interactiveId,name:A.data.name},(null===(t=A.data._parentVideo)||void 0===t?void 0:t.id)&&(D.video={id:A.data._parentVideo.id}),(null===(n=A.data._parentClip)||void 0===n?void 0:n.id)&&(D.clip={id:A.data._parentClip.id}));var F=[{label:N("watchInteractive"),className:"btn btn-outline-dark me-2",svgName:f.vn.Play,button:!0,appLink:{application:y.O.INTERACTIVES,action:E.e.Interactives.VIEW_INTERACTIVE,args:[e.id,l.m.slugify(null===(r=x.data)||void 0===r?void 0:r.name)]},onClick:e.closePopup,analyticsData:D,analyticsOptions:{entity:c.py.Interactive,actionType:c.Vw.Click,location:c.LZ.PreviewInteractiveQuestions,descriptor:c._S.Button}},{label:N("printAsWorksheet"),className:"btn btn-outline-dark ".concat(b.printBtn),svgName:f.vn.Print,button:!0,onClick:function(){var e;I(!0),(0,h.X)(x.data,null===(e=A.data._isClickViewCurated)||void 0===e?void 0:e.value,(function(){return I(!1)}))},showSpinner:T,analyticsData:D,analyticsOptions:{entity:c.py.Interactive,actionType:c.Vw.Print,location:c.LZ.PreviewInteractiveQuestions,workflowPhase:c.eu.Start,eventVersion:c.eq.V2}}];return a.createElement(u.G,{title:N("mainTitle"),closePopup:e.closePopup,showLoadingSpinner:!x.data,size:"lg"},x.data?a.createElement(a.Fragment,null,a.createElement(m.Z,{interactive:x.data,maxHeight:p.x,experimentalInteractiveQuestions:S,goToTimepoint:function(t,n,a){var r;i.Q.C$.trigger({application:y.O.INTERACTIVES,action:E.e.Interactives.VIEW_INTERACTIVE,args:[e.id,l.m.slugify(null===(r=x.data)||void 0===r?void 0:r.name)],params:a?{t:Math.floor(a/1e3)}:null}),e.closePopup()}}),a.createElement(d.u,null,a.createElement(s.e,{actions:F}))):a.createElement(a.Fragment,null))}}}]);
-//# sourceMappingURL=4690-4abacf2ea2-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4690],{83657:(e,t,n)=>{n.d(t,{e:()=>s});var a=n(32735),r=n(91967),i=n(10874),o=n(76177),c=n(42735),l=n(86509);function s(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],s=[];t.forEach((function(e){e.button?n.push(e):s.push(e)}));var m="d-flex";return e.className&&(m+=" ".concat(e.className)),n.length||s.length?a.createElement("div",{className:m},n.length?n.map((function(t,n){return a.createElement(a.Fragment,{key:n},function(){if(t.label){var n=r.q.isFunction(t.label)?t.label:function(){return a.createElement(a.Fragment,null,t.label)};return a.createElement(c.K,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,svgSize:e.dropdownToggleSvgSize,className:t.className,tooltip:t.tooltip,showSpinner:t.showSpinner,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled},n())}var l=a.createElement(i.h,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,className:t.className,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled,showBorder:t.showBorder,customSize:e.customSize,ariaLabel:t.tooltip});return t.tooltip?a.createElement(o.u,{title:t.tooltip,spanHack:!0},l):l}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,s.length?a.createElement(l.m,{actions:s,dropdownToggleClassName:e.actionsDropdownClassName,dropdownToggleSvgSize:e.dropdownToggleSvgSize,fetchMore:e.fetchMore}):a.createElement(a.Fragment,null)):a.createElement(a.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>f});var a=n(32735),r=n(91967),i=n(81886),o=n(45157),c=n(49985),l=n(36848),s=n(83914),m=n(76177),u=n(35223);const d={dropdownToggle:"UCAnJ"};function p(){return a.createElement(a.Fragment,null,a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"8rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"12rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"11rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"9rem"}})))}function g(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){var t=r.q.isFunction(e.action.label)?e.action.label:function(){return a.createElement(a.Fragment,null,e.action.label)};if(e.action.appLink)return a.createElement(l.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:g(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t()));function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&c.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),r.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&i.Q.Ab.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?a.createElement("a",{className:g(e.action.className),onClick:n,href:e.action.href},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t())):a.createElement("span",{className:"cursor-pointer ".concat(g(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2"}),t())}function f(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t=e.actions.some((function(e){return e.lazyPlaceholder})),n="dropdown";e.className&&(n+=" ".concat(e.className));var r,i="actions-dropdown-".concat(o.Y.getRandomInt()),c="dropdown-toggle px-0 ".concat(d.dropdownToggle);return e.dropdownToggleClassName&&(c+=" ".concat(e.dropdownToggleClassName)),a.createElement("div",{className:n},a.createElement("button",{className:c,type:"button",id:i,"data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false","aria-label":"More actions dropdown",onClick:t?e.fetchMore:null},a.createElement(s.x,{svgName:u.vn.More,size:e.dropdownToggleSvgSize})),a.createElement("ul",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal","aria-labelledby":i},t?a.createElement(p,null):e.actions.map((function(e,t){var n=void 0!==r&&r!==e.group;return r=e.group,e.tooltip?a.createElement("li",{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(m.u,{title:e.tooltip,spanHack:!0},a.createElement(v,{action:e}))):a.createElement("li",{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(v,{action:e}))}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light",dropdownToggleSvgSize:s.S.Small}},80181:(e,t,n)=>{n.d(t,{Z:()=>y});var a=n(32735),r=n(42648),i=n(11607),o=n(83914),c=n(83345),l=n(28972),s=n(40424),m=n(93264),u=n(35223),d=n(86572);const p={timeTag:"ShZvf",hide:"FHzDr",time:"JDp5N",type:"AzIWg",question:"UhEYq",deleteContainer:"wBqoo",delete:"OAQQu",correctness:"W5sR9",selected:"tfrDf",row:"sGk59"};var g="shared.interactiveQuestions";function v(e){var t=e.interaction;switch((0,e.getCorrectness)(t)){case l.w.Correct:return a.createElement("span",{className:"text-success"},a.createElement(o.x,{size:o.S.Medium,svgName:u.vn.Check}));case l.w.Incorrect:return a.createElement("span",{className:"text-danger"},a.createElement(o.x,{size:o.S.Medium,svgName:u.vn.Close}));case l.w.AwaitingMarking:return a.createElement("span",{className:"text-secondary italic"},a.createElement("i",null,a.createElement(c.x,{namespace:g,phrase:"pending"})));case l.w.UnAnswered:return a.createElement("button",{className:"btn btn-outline-dark"},a.createElement(c.x,{namespace:g,phrase:"answer"}));case l.w.Answered:return a.createElement("span",{className:"text-secondary italic"},a.createElement("i",null,a.createElement(c.x,{namespace:g,phrase:"answered"})));case l.w.NotApplicable:return a.createElement(a.Fragment,null)}}function f(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,c=e.goToTimepoint,l=e.scrollTo,s=e.isFirstInteraction,g=e.hasPlayPageV2,f=t.id.toString()===(null==r?void 0:r.toString()),E=a.useRef();a.useEffect((function(){if(f&&E.current){var e=E.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;l(n,t.height)}}),[f]);var y=c?"cursor-pointer":"cursor-default";return a.createElement("div",{ref:E},a.createElement(i.L,{className:"py-2 ".concat(y," ").concat(p.row," ").concat(f?p.selected:""),onClick:f?function(){}:function(){c&&c(t.id)}},g?a.createElement("div",{className:"me-3 d-inline-flex rounded-pill justify-content-center align-items-center text-info fw-semibold bg-light-blue ".concat(p.timeTag," ").concat(s?"":p.hide)},s?m.T.ToDisplayDuration(n):""):a.createElement("span",{className:"".concat(p.time," me-2 ").concat(f?"fw-bold":"")},s?m.T.ToDisplayDuration(n):""),a.createElement(d.y,{interaction:t,showTypeName:!0,typeNameClassName:p.type,questionClassName:p.question}),e.onClickDelete&&a.createElement(i.L,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(p.deleteContainer)},a.createElement("span",{className:"text-end ".concat(p.delete)},a.createElement(o.x,{size:o.S.Medium,svgName:u.vn.Delete}))),e.getCorrectness&&a.createElement("span",{className:"text-end ".concat(p.correctness)},a.createElement(v,{interaction:t,getCorrectness:e.getCorrectness}))))}function E(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,i=e.selectedInteractionId,o=e.getCorrectness,c=e.hasPlayPageV2;function l(n){e.goToTimepoint(t.id,n,t.visibleAt)}return t.interactions?a.createElement(a.Fragment,null,t.interactions.map((function(m,u){return!e.experimentalInteractiveQuestions&&s.IL[m.typeId]?a.createElement(a.Fragment,{key:u}):a.createElement(f,{interaction:m,visibleAt:t.visibleAt,goToTimepoint:e.goToTimepoint&&l,onClickDelete:r,scrollTo:n,selectedInteractionId:i,isFirstInteraction:0===u,getCorrectness:o,key:u,hasPlayPageV2:c})}))):a.createElement(a.Fragment,null)}function y(e){var t=e.interactive,n=e.goToTimepoint,i=e.selectedInteractionId,o=e.maxHeight,c=e.onClickDelete,l=e.getCorrectness,s=e.hasPlayPageV2,m=a.useRef();function u(e,t){if(m.current){var n=m.current.getClientHeight(),a=m.current.getScrollTop(),r=e+a;(r<a||r+t>a+n)&&m.current.scrollTop(r-n/2+t/2)}}var d=n?"border rounded":"";return a.createElement(r.$B,{autoHeight:!0,autoHeightMax:o,className:d,hideTracksWhenNotNeeded:!0,ref:m},a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(t,r){return a.createElement(E,{key:r,timepoint:t,goToTimepoint:n,selectedInteractionId:i,scrollTo:u,onClickDelete:c,getCorrectness:l,hasPlayPageV2:s,experimentalInteractiveQuestions:e.experimentalInteractiveQuestions})}))))}},40178:(e,t,n)=>{n.d(t,{x:()=>a});var a=368},28972:(e,t,n)=>{var a;n.d(t,{w:()=>a}),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(a||(a={}))},41630:(e,t,n)=>{n.d(t,{X:()=>C});var a=n(32735),r=n(44645),i=n(17327),o=n.n(i),c=n(56050),l=n(23481),s=n(81886),m=n(2786),u=n(93264),d=n(40424);const p={worksheet:"Bv47P",interaction:"efkgi",timepointCell:"ffoDR",interactionCell:"rKBEu",checkbox:"ilhe4",multipleChoiceAnswer:"TqhFx",shortAnswerTextArea:"voJCM",image:"go2dV",cvLogo:"Z4GOw",copyright:"petLf",illustrationDrawingArea:"iA_Dl"};function g(e){return g="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},g(e)}function v(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=g(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=g(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==g(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=/{([^{}]*)}/g;function E(e){return a.createElement("div",{className:"mb-2"},e.interaction.name)}function y(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("table",null,a.createElement("tbody",null,e.interaction.actionableItems.map((function(e){return a.createElement("tr",{key:e.id},a.createElement("td",null,a.createElement("div",{className:"border ".concat(p.checkbox)})),a.createElement("td",{className:"break-word align-top"},a.createElement("div",{className:p.multipleChoiceAnswer},e.name)))})))))}var h=v(v(v(v(v(v(v({},d.Z9.Annotation,(function(e){return a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}})})),d.Z9.Image,(function(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("img",{className:p.image,src:e.interaction.data.url}))})),d.Z9.MissingWord,(function(e){var t=("string"==typeof e.interaction.data?JSON.parse(e.interaction.data).sentence:e.interaction.data.sentence).replace(f,(function(t,n){var a=2*e.interaction.actionableItems.find((function(e){return e.order.toString()===n})).name.length;return Array(a+1).join("_")}));return a.createElement("div",null,t)})),d.Z9.MultipleChoice,y),d.Z9.TrueOrFalse,y),d.Z9.ShortAnswer,(function(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("div",{className:"border w-100 ".concat(p.shortAnswerTextArea)}))})),d.Z9.Illustration,(function(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("div",{className:"w-100 border ".concat(p.illustrationDrawingArea)}))})),b=l.T.encloseNamespace("interactives.printableInteractiveWorksheet");function w(e){var t=h[e.interaction.typeId];return t?a.createElement("tr",{className:p.interaction},a.createElement("td",{className:"align-top ".concat(p.timepointCell)},u.T.ToDisplayDuration(e.visibleAt)),a.createElement("td",{className:"break-word ".concat(p.interactionCell)},a.createElement(t,{interaction:e.interaction}))):a.createElement(a.Fragment,null)}function N(e){return a.createElement(a.Fragment,null,e.interactive.timepoints.map((function(e,t){return e.interactions.map((function(n,r){return a.createElement(w,{key:"".concat(t,":").concat(r),interaction:n,visibleAt:e.visibleAt})}))})))}function k(e){var t=(new Date).getFullYear();return a.createElement("div",{id:e.worksheetElementId,className:p.worksheet},a.createElement("div",{className:"row pb-2"},a.createElement("div",{className:"col-6"},b("name")," ______________________________"),a.createElement("div",{className:"col-6"},b("date")," ______________________________")),a.createElement("h1",null,a.createElement("strong",null,b("questionSheet"),":")," ",e.interactive.name),a.createElement("table",null,a.createElement("tbody",null,a.createElement(N,{interactive:e.interactive}))),a.createElement("div",{className:p.cvLogo},a.createElement(m.$S,null)),e.isClickViewContent&&a.createElement("span",{className:p.copyright},b("copyright",{year:t})))}var _=l.T.encloseNamespace("interactives.utils");function C(e,t,n){var i=document.getElementById("print-region");if(i||s.Q.Ry.throw(new c.H("Could not find print region in layout")),e){var l="printable-interactive-".concat(e.id),m=(0,r.s)(i);m.render(a.createElement("div",{className:"d-none"},a.createElement(k,{worksheetElementId:l,interactive:e,isClickViewContent:t}))),window.setTimeout((function(){o()({printable:l,type:"html",documentTitle:_("worksheetTitle",{interactiveName:e.name}),targetStyles:["*"],style:"@page { size: A4; margin: 1.5cm 0; }",onLoadingEnd:function(){n&&n(),m.unmount()},font_size:"14px"})}),200)}}},74690:(e,t,n)=>{n.r(t),n.d(t,{PreviewQuestionsView:()=>k});var a=n(32735),r=n(23481),i=n(81886),o=n(20354),c=n(28400),l=n(65858),s=n(83657),m=n(80181),u=n(9111),d=n(13876),p=n(40178),g=n(20768),v=n(37802),f=n(35223),E=n(14070),y=n(97291),h=n(41630);const b={printBtn:"VWlur"};function w(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 N=r.T.encloseNamespace("interactives.previewQuestions");function k(e){var t,n,r,k,_,C=(k=a.useState(!1),_=2,function(e){if(Array.isArray(e))return e}(k)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(k,_)||function(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}(k,_)||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.")}()),T=C[0],I=C[1],S=(0,v.r)(null).experimentalInteractiveQuestions,A=o.a.useBasicFetch(g.b.interactiveMetadata(e.id)),x=o.a.useBasicFetch(A.data?g.b.interactive(A.data.interactiveId):null),D=null;A.data&&(D={id:A.data.id,interactiveId:A.data.interactiveId,name:A.data.name},(null===(t=A.data._parentVideo)||void 0===t?void 0:t.id)&&(D.video={id:A.data._parentVideo.id}),(null===(n=A.data._parentClip)||void 0===n?void 0:n.id)&&(D.clip={id:A.data._parentClip.id}));var F=[{label:N("watchInteractive"),className:"btn btn-outline-dark me-2",svgName:f.vn.Play,button:!0,appLink:{application:y.O.INTERACTIVES,action:E.e.Interactives.VIEW_INTERACTIVE,args:[e.id,c.m.slugify(null===(r=x.data)||void 0===r?void 0:r.name)]},onClick:e.closePopup,analyticsData:D,analyticsOptions:{entity:l.py.Interactive,actionType:l.Vw.Click,location:l.LZ.PreviewInteractiveQuestions,descriptor:l._S.Button}},{label:N("printAsWorksheet"),className:"btn btn-outline-dark ".concat(b.printBtn),svgName:f.vn.Print,button:!0,onClick:function(){var e;I(!0),(0,h.X)(x.data,null===(e=A.data._isClickViewCurated)||void 0===e?void 0:e.value,(function(){return I(!1)}))},showSpinner:T,analyticsData:D,analyticsOptions:{entity:l.py.Interactive,actionType:l.Vw.Print,location:l.LZ.PreviewInteractiveQuestions,workflowPhase:l.eu.Start,eventVersion:l.eq.V2}}];return a.createElement(u.G,{title:N("mainTitle"),closePopup:e.closePopup,showLoadingSpinner:!x.data,size:"lg"},x.data?a.createElement(a.Fragment,null,a.createElement(m.Z,{interactive:x.data,maxHeight:p.x,experimentalInteractiveQuestions:S,goToTimepoint:function(t,n,a){var r;i.Q.C$.trigger({application:y.O.INTERACTIVES,action:E.e.Interactives.VIEW_INTERACTIVE,args:[e.id,c.m.slugify(null===(r=x.data)||void 0===r?void 0:r.name)],params:a?{t:Math.floor(a/1e3)}:null}),e.closePopup()}}),a.createElement(d.u,null,a.createElement(s.e,{actions:F}))):a.createElement(a.Fragment,null))}}}]);
+//# sourceMappingURL=4690-1f554d0be9-lite.chunk.js.map

package/dist/scripts/4690-1f554d0be9-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/4690-1f554d0be9-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/actions/Actions.tsx","file:///app/packages/libs/shared/src/components/actions/actions.scss","file:///app/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","file:///app/packages/libs/shared/src/components/interactive-questions/interactive-questions.scss","file:///app/packages/libs/shared/src/components/interactive-questions/InteractiveQuestions.tsx","file:///app/packages/libs/shared/src/constants/MinimumGlanceHeight.ts","file:///app/packages/libs/shared/src/enums/InteractionCorrectness.ts","file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/printable-interactive-worksheet.scss","file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/PrintableInteractionContent.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/PrintableInteractiveWorksheet.tsx","file:///app/packages/projects/lite/src/apps/interactives/utils/PrintInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/views/preview-questions/preview-questions.scss","file:///app/packages/projects/lite/src/apps/interactives/views/preview-questions/PreviewQuestionsView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { ActionButton } from './ActionButton';\nimport { ActionsDropdown } from './ActionsDropdown';\n\nexport interface ActionOptions {\n  order?: number;\n  label?: string | (() => JSX.Element);\n  appLink?: Core.AppLink;\n  href?: string;\n  onClick?: () => void;\n  svgName?: string;\n  className?: string;\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\n  tooltip?: string;\n  showSpinner?: boolean;\n  showBorder?: boolean; // only works for button without text label\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  disabled?: boolean;\n  openInNewTab?: boolean; // Only used if appLink or href is provided\n  group?: string;\n  lazyPlaceholder?: boolean;\n}\n\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\n\ninterface ActionsProps {\n  actions: ActionOptions[];\n  className?: string;\n  actionsDropdownClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  sortComponent?: JSX.Element;\n  customSize?: boolean;\n  fetchMore?: () => void;\n}\n\nexport function Actions(props: ActionsProps): JSX.Element {\n  const orderedActions = React.useMemo(() => props.actions.sort((a, b) => a.order - b.order), [props.actions]);\n\n  const buttonActions: ActionOptions[] = [];\n  const moreActions: ActionOptions[] = [];\n\n  orderedActions.forEach(a => {\n    if (a.button)\n      buttonActions.push(a);\n    else\n      moreActions.push(a);\n  });\n\n  let className = 'd-flex';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  if (!buttonActions.length && !moreActions.length)\n    return <></>;\n\n  return (\n    <div className={className}>\n      {buttonActions.length ? buttonActions.map((a, idx) => (\n        <React.Fragment key={idx}>\n          {(() => {\n            if (a.label) {\n              const label = FunctionHelper.isFunction(a.label)\n                ? a.label\n                : () => <>{a.label}</>;\n\n              return (\n                <ActionButton\n                  appLink={a.appLink}\n                  href={a.href}\n                  onClick={a.onClick}\n                  svgName={a.svgName}\n                  svgSize={props.dropdownToggleSvgSize}\n                  className={a.className}\n                  tooltip={a.tooltip}\n                  showSpinner={a.showSpinner}\n                  analyticsData={a.analyticsData}\n                  analyticsOptions={a.analyticsOptions}\n                  openInNewTab={a.openInNewTab}\n                  disabled={a.disabled}\n                >\n                  {label()}\n                </ActionButton>\n              );\n            }\n\n            const iconButton = (\n              <IconButton\n                appLink={a.appLink}\n                href={a.href}\n                onClick={a.onClick}\n                svgName={a.svgName}\n                className={a.className}\n                analyticsData={a.analyticsData}\n                analyticsOptions={a.analyticsOptions}\n                openInNewTab={a.openInNewTab}\n                disabled={a.disabled}\n                showBorder={a.showBorder}\n                customSize={props.customSize}\n                ariaLabel={a.tooltip}\n              />\n            );\n\n            return a.tooltip\n              ? <Tooltip title={a.tooltip} spanHack>{iconButton}</Tooltip>\n              : iconButton;\n          })()}\n        </React.Fragment>\n      )) : <></>}\n      {props.sortComponent && props.sortComponent}\n      {moreActions.length ? (\n        <ActionsDropdown\n          actions={moreActions}\n          dropdownToggleClassName={props.actionsDropdownClassName}\n          dropdownToggleSvgSize={props.dropdownToggleSvgSize}\n          fetchMore={props.fetchMore}\n        />\n      ) : <></>}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dropdownToggle\":\"UCAnJ\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ActionOptions } from './Actions';\n\nimport styles from './actions.scss';\n\nfunction LazyDropdownItems(): JSX.Element {\n  return (\n    <>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '8rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '12rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '11rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '9rem' }}></div>\n      </div>\n    </>\n  );\n}\n\nfunction getDropdownItemClassName(actionClassName?: string): string {\n  let className = 'dropdown-item';\n\n  if (actionClassName)\n    className += ` ${actionClassName}`;\n\n  return className;\n}\n\nexport type DropdownActionOptions = Omit<ActionOptions, 'button'>;\n\ninterface ActionsDropdownItemProps {\n  action: DropdownActionOptions;\n}\n\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\n  const label = FunctionHelper.isFunction(props.action.label)\n    ? props.action.label\n    : () => <>{props.action.label}</>;\n\n  if (props.action.appLink)\n    return (\n      <AppLink\n        appLink={props.action.appLink}\n        onClick={props.action.onClick}\n        className={getDropdownItemClassName(props.action.className)}\n        analyticsData={props.action.analyticsData}\n        analyticsOptions={props.action.analyticsOptions}\n        openInNewTab={props.action.openInNewTab}\n        disabled={props.action.disabled}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </AppLink>\n    );\n\n  function onClick(e: React.MouseEvent | React.KeyboardEvent): void {\n    e.preventDefault();\n\n    if (props.action.analyticsData && props.action.analyticsOptions)\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\n\n    if (FunctionHelper.isFunction(props.action.onClick))\n      props.action.onClick();\n\n    if (props.action.href)\n      Core.LocationUtils.PageLoad(props.action.href, props.action.openInNewTab);\n  }\n\n  if (props.action.href) {\n    return (\n      <a\n        className={getDropdownItemClassName(props.action.className)}\n        onClick={onClick}\n        href={props.action.href}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </a>\n    );\n  }\n\n  return (\n    <span\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\n      onClick={onClick}\n      role='button'\n      tabIndex={0}\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && onClick(e)}\n    >\n      {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2' />}\n      {label()}\n    </span>\n  );\n}\n\ninterface ActionsDropdownProps {\n  actions: DropdownActionOptions[];\n  className?: string;\n  dropdownToggleClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  fetchMore?: () => void;\n}\n\nActionsDropdown.defaultProps = {\n  dropdownToggleClassName: 'btn btn-light',\n  dropdownToggleSvgSize: SvgContainerSize.Small\n};\n\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\n  if (!props.actions || !props.actions.length)\n    return <></>;\n\n  const isLazy = props.actions.some(a => a.lazyPlaceholder);\n\n  let className = 'dropdown';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  // Generate unique id to avoid collisions.\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\n\n  let dropdownToggleClassName = `dropdown-toggle px-0 ${styles.dropdownToggle}`;\n\n  if (props.dropdownToggleClassName)\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\n\n  let currentGroup: string;\n\n  return (\n    <div className={className}>\n      <button\n        className={dropdownToggleClassName}\n        type='button'\n        id={dropdownToggleId}\n        data-bs-toggle='dropdown'\n        data-toggle='dropdown'\n        aria-haspopup='true'\n        aria-expanded='false'\n        aria-label={'More actions dropdown'}\n        onClick={isLazy ? props.fetchMore : null}\n      >\n        <SvgContainer svgName={cvSvgLibrary.More} size={props.dropdownToggleSvgSize} />\n      </button>\n      <ul className='dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal' aria-labelledby={dropdownToggleId}>\n        {isLazy ?\n          <LazyDropdownItems /> :\n          props.actions.map((a, idx) => {\n            const showDivider = currentGroup !== undefined && currentGroup !== a.group;\n            currentGroup = a.group;\n  \n            if (a.tooltip) {\n              return (\n                <li key={idx}>\n                  {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                  <Tooltip title={a.tooltip} spanHack>\n                    <ActionsDropdownItem action={a} />\n                  </Tooltip>\n                  \n                </li>\n              );\n            }\n  \n            return (\n              <li key={idx}>\n                {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                <ActionsDropdownItem action={a} />\n              </li>\n            );\n          })\n        }\n      </ul>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"timeTag\":\"ShZvf\",\"hide\":\"FHzDr\",\"time\":\"JDp5N\",\"type\":\"AzIWg\",\"question\":\"UhEYq\",\"deleteContainer\":\"wBqoo\",\"delete\":\"OAQQu\",\"correctness\":\"W5sR9\",\"selected\":\"tfrDf\",\"row\":\"sGk59\"};","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { ExperimentalInteractionTypes, Interaction, Interactive, Timepoint } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { InteractionLabel } from './InteractionLabel';\n\nimport styles from './interactive-questions.scss';\n\nconst namespace = 'shared.interactiveQuestions';\n\ninterface CorrectnessProps {\n  interaction: Interaction;\n  getCorrectness?: (interaction: Interaction) => InteractionCorrectness;\n}\n\nfunction Correctness(props: CorrectnessProps): React.ReactElement {\n  const { interaction, getCorrectness } = props;\n\n  const correctness = getCorrectness(interaction);\n\n  switch (correctness) {\n    case InteractionCorrectness.Correct:\n      return <span className='text-success'><SvgContainer size={SvgContainerSize.Medium} svgName={cvSvgLibrary.Check} /></span>;\n    case InteractionCorrectness.Incorrect:\n      return <span className='text-danger'><SvgContainer size={SvgContainerSize.Medium} svgName={cvSvgLibrary.Close} /></span>;\n    case InteractionCorrectness.AwaitingMarking:\n      return <span className='text-secondary italic'><i><Text namespace={namespace} phrase='pending' /></i></span>;\n    case InteractionCorrectness.UnAnswered:\n      return <button className='btn btn-outline-dark'><Text namespace={namespace} phrase='answer' /></button>;\n    case InteractionCorrectness.Answered:\n      return <span className='text-secondary italic'><i><Text namespace={namespace} phrase='answered' /></i></span>;\n    case InteractionCorrectness.NotApplicable:\n      return <></>;\n  }\n}\n\ninterface InteractionComponentProps {\n  interaction: Interaction;\n  visibleAt: number;\n  hasPlayPageV2?: boolean;\n  goToTimepoint: (interactionId: string) => void;\n  onClickDelete?: (interactionId: string) => void;\n  scrollTo: (offset: number, height: number) => void;\n  selectedInteractionId: string;\n  isFirstInteraction: boolean;\n  getCorrectness?: (interaction: Interaction) => InteractionCorrectness;\n}\n\nfunction InteractionComponent(props: InteractionComponentProps): React.ReactElement {\n  const {\n    interaction,\n    visibleAt,\n    selectedInteractionId,\n    goToTimepoint,\n    scrollTo,\n    isFirstInteraction,\n    hasPlayPageV2\n  } = props;\n\n  const selected = interaction.id.toString() === selectedInteractionId?.toString();\n\n  const ref = React.useRef<HTMLDivElement>();\n\n  React.useEffect(() => {\n    if (!selected)\n      return;\n\n    if (!ref.current)\n      return;\n\n    const el = ref.current;\n    const rect = el.getBoundingClientRect();\n    const offset = rect.top - el.offsetParent.getBoundingClientRect().top;\n\n    scrollTo(offset, rect.height);\n  }, [selected]);\n\n  function onClick(): void {\n    goToTimepoint && goToTimepoint(interaction.id);\n  }\n\n  function onClickDelete(event: React.MouseEvent): void {\n    event.stopPropagation();\n\n    props.onClickDelete(interaction.id);\n  }\n\n  /**\n   * Don't have a cursor if there is no callback function.\n   * i.e. when rendered in a popup\n   */\n  const cursor = goToTimepoint ? 'cursor-pointer' : 'cursor-default';\n\n  return (\n    <div ref={ref}>\n      <DivButton className={`py-2 ${cursor} ${styles.row} ${selected ? styles.selected : ''}`} onClick={selected ? () => {} : onClick}>\n        {hasPlayPageV2 ? (\n          <div className={`me-3 d-inline-flex rounded-pill justify-content-center align-items-center text-info fw-semibold bg-light-blue ${styles.timeTag} ${isFirstInteraction ? '' : styles.hide}`}>\n            {isFirstInteraction ? DurationHelper.ToDisplayDuration(visibleAt) : ''}\n          </div>\n        ) : (\n          <span className={`${styles.time} me-2 ${selected ? 'fw-bold' : ''}`}>{isFirstInteraction ? DurationHelper.ToDisplayDuration(visibleAt) : ''}</span>\n        )}\n\n        <InteractionLabel\n          interaction={interaction}\n          showTypeName\n          typeNameClassName={styles.type}\n          questionClassName={styles.question}\n        />\n        {props.onClickDelete && (\n          <DivButton onClick={onClickDelete} className={`${styles.deleteContainer}`}>\n            <span className={`text-end ${styles.delete}`}>\n              <SvgContainer\n                size={SvgContainerSize.Medium}\n                svgName={cvSvgLibrary.Delete}\n              />\n            </span>\n          </DivButton>\n        )}\n        {props.getCorrectness && (\n          <span className={`text-end ${styles.correctness}`}>\n            <Correctness interaction={interaction} getCorrectness={props.getCorrectness} />\n          </span>\n        )}\n      </DivButton>\n    </div>\n  );\n}\n\ninterface TimepointComponentProps {\n  timepoint: Timepoint;\n  hasPlayPageV2?: boolean;\n  goToTimepoint?: (timepointId: string, interactionId: string, visibleAt: number) => void;\n  selectedInteractionId?: string;\n  scrollTo?: (offset: number, height: number) => void;\n  onClickDelete?: (interactionId: string) => void;\n  getCorrectness?: (interaction: Interaction) => InteractionCorrectness;\n  experimentalInteractiveQuestions?: boolean;\n}\n\nexport function TimepointComponent(props: TimepointComponentProps): React.ReactElement {\n  const {\n    timepoint,\n    scrollTo,\n    onClickDelete,\n    selectedInteractionId,\n    getCorrectness,\n    hasPlayPageV2\n  } = props;\n\n  function goToTimepoint(interactionId: string): void {\n    props.goToTimepoint(timepoint.id, interactionId, timepoint.visibleAt);\n  }\n\n  if (!timepoint.interactions)\n    return <></>;\n\n  return (\n    <>\n      {timepoint.interactions.map((interaction, i) => {\n        if (!props.experimentalInteractiveQuestions && ExperimentalInteractionTypes[interaction.typeId])\n          return <React.Fragment key={i} />;\n\n        return (\n          <InteractionComponent\n            interaction={interaction}\n            visibleAt={timepoint.visibleAt}\n            goToTimepoint={props.goToTimepoint && goToTimepoint}\n            onClickDelete={onClickDelete}\n            scrollTo={scrollTo}\n            selectedInteractionId={selectedInteractionId}\n            isFirstInteraction={i === 0}\n            getCorrectness={getCorrectness}\n            key={i}\n            hasPlayPageV2={hasPlayPageV2}\n          />\n        );\n      })\n      }\n    </>\n  );\n}\n\nexport interface InteractiveQuestionProps {\n  interactive: Interactive;\n  goToTimepoint?: (timepointId: string, interactionId: string, visibleAt: number) => void;\n  selectedInteractionId?: string;\n  maxHeight: number;\n  hasPlayPageV2?: boolean;\n  onClickDelete?: (interactionId: string) => void;\n  getCorrectness?: (interaction: Interaction) => InteractionCorrectness;\n  experimentalInteractiveQuestions?: boolean;\n}\n\nexport function InteractiveQuestions(props: InteractiveQuestionProps): React.ReactElement {\n  const {\n    interactive,\n    goToTimepoint,\n    selectedInteractionId,\n    maxHeight,\n    onClickDelete,\n    getCorrectness,\n    hasPlayPageV2\n  } = props;\n\n  const ref = React.useRef<Scrollbars>();\n\n  function scrollTo(offset: number, elHeight: number): void {\n    if (!ref.current)\n      return;\n\n    const height = ref.current.getClientHeight();\n    const scroll = ref.current.getScrollTop();\n    const elementFromTop = offset + scroll;\n\n    /**\n     * Element is above scroll window if it's distance from the top\n     * is less than the scroll\n     */\n    const isAboveScrollWindow = elementFromTop < scroll;\n\n    /**\n     * Element is beneath scroll window if it's distance from the top\n     * plus it's height is greater than the scroll plus the window height\n     */\n    const isBelowScrollWindow = (elementFromTop + elHeight) > (scroll + height);\n\n    /**\n     * So we don't scroll if our element is visible\n     */\n    if (!isAboveScrollWindow && !isBelowScrollWindow)\n      return;\n\n    /**\n     * If our element isn't visible, we want to try scroll so the element is\n     * centered in our viewport\n     */\n    ref.current.scrollTop(elementFromTop - (height / 2) + (elHeight / 2));\n  }\n\n  const borderClass = goToTimepoint ? 'border rounded' : '';\n\n  return (\n    <Scrollbars\n      autoHeight\n      autoHeightMax={maxHeight}\n      className={borderClass}\n      hideTracksWhenNotNeeded={true}\n      ref={ref}\n    >\n      <div className='px-3 py-1'>\n        {interactive.timepoints.map((t, i) => (\n          <TimepointComponent\n            key={i}\n            timepoint={t}\n            goToTimepoint={goToTimepoint}\n            selectedInteractionId={selectedInteractionId}\n            scrollTo={scrollTo}\n            onClickDelete={onClickDelete}\n            getCorrectness={getCorrectness}\n            hasPlayPageV2={hasPlayPageV2}\n            experimentalInteractiveQuestions={props.experimentalInteractiveQuestions}\n          />\n        ))\n        }\n      </div>\n    </Scrollbars>\n  );\n}\n","// 368 is the min height of Video at a glance which is defined as $glanceHeight in synopsis.scss\nexport const MINIMUM_GLANCE_HEIGHT = 368; // px","export enum InteractionCorrectness {\n  Correct,\n  Incorrect,\n  AwaitingMarking,\n  \n  Answered,\n  UnAnswered,\n  NotApplicable\n}","// extracted by mini-css-extract-plugin\nexport default {\"worksheet\":\"Bv47P\",\"interaction\":\"efkgi\",\"timepointCell\":\"ffoDR\",\"interactionCell\":\"rKBEu\",\"checkbox\":\"ilhe4\",\"multipleChoiceAnswer\":\"TqhFx\",\"shortAnswerTextArea\":\"voJCM\",\"image\":\"go2dV\",\"cvLogo\":\"Z4GOw\",\"copyright\":\"petLf\",\"illustrationDrawingArea\":\"iA_Dl\"};","import React from 'react';\n\nimport { Interaction, InteractionTypeId } from 'libs/shared/interfaces';\n\nimport styles from './printable-interactive-worksheet.scss';\n\nconst MISSING_WORD_REGEX = /{([^{}]*)}/g;\n\ninterface PrintableInteractionContentProps {\n  interaction: Interaction;\n}\n\nfunction InteractionName(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <div className='mb-2'>{props.interaction.name}</div>\n  );\n}\n\nfunction AnnotationInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <div dangerouslySetInnerHTML={{ __html: props.interaction.data.annotation }}></div>\n  );\n}\n\nfunction ImageInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <img className={styles.image} src={props.interaction.data.url} />\n    </>\n  );\n}\n\nfunction MissingWordInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  function replaceMissingWord(match: string, val: string): string {\n    const actionableItem = props.interaction.actionableItems.find(a => a.order.toString() === val);\n    const width = 2 * actionableItem.name.length;\n    return Array(width + 1).join('_');\n  }\n\n  const sentence = typeof props.interaction.data === 'string'\n    ? JSON.parse(props.interaction.data).sentence\n    : props.interaction.data.sentence;\n\n  const formatted = sentence.replace(MISSING_WORD_REGEX, replaceMissingWord);\n\n  return (\n    <div>{formatted}</div>\n  );\n}\n\nfunction MultipleChoiceInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <table>\n        <tbody>\n          {props.interaction.actionableItems.map(a => (\n            <tr key={a.id}>\n              <td>\n                <div className={`border ${styles.checkbox}`} />\n              </td>\n              <td className='break-word align-top'>\n                <div className={styles.multipleChoiceAnswer}>\n                  {a.name}\n                </div>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </>\n  );\n}\n\nfunction ShortAnswerInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <div className={`border w-100 ${styles.shortAnswerTextArea}`} />\n    </>\n  );\n}\n\nfunction IllustrationInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <div className={`w-100 border ${styles.illustrationDrawingArea}`} />\n    </>\n  );\n}\n\nexport const PrintableInteractionComponentLookup: {\n  [typeId: number]: (props: PrintableInteractionContentProps) => JSX.Element\n} = {\n  [InteractionTypeId.Annotation]: AnnotationInteraction,\n  [InteractionTypeId.Image]: ImageInteraction,\n  [InteractionTypeId.MissingWord]: MissingWordInteraction,\n  [InteractionTypeId.MultipleChoice]: MultipleChoiceInteraction,\n  [InteractionTypeId.TrueOrFalse]: MultipleChoiceInteraction,\n  [InteractionTypeId.ShortAnswer]: ShortAnswerInteraction,\n  [InteractionTypeId.Illustration]: IllustrationInteraction\n};\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ClickViewLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Interaction, Interactive } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\n\nimport { PrintableInteractionComponentLookup } from './PrintableInteractionContent';\n\nimport styles from './printable-interactive-worksheet.scss';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.printableInteractiveWorksheet');\n\ninterface PrintableInteractionProps {\n  interaction: Interaction;\n  visibleAt: number;\n}\n\nfunction PrintableInteraction(props: PrintableInteractionProps): JSX.Element {\n  const InteractionComponent = PrintableInteractionComponentLookup[props.interaction.typeId];\n\n  if (!InteractionComponent)\n    return <></>;\n\n  return (\n    <tr className={styles.interaction}>\n      <td className={`align-top ${styles.timepointCell}`}>\n        {DurationHelper.ToDisplayDuration(props.visibleAt)}\n      </td>\n      <td className={`break-word ${styles.interactionCell}`}>\n        <InteractionComponent interaction={props.interaction} />\n      </td>\n    </tr>\n  );\n}\n\ninterface PrintableInteractiveQuestionsProps {\n  interactive: Interactive;\n}\n\nfunction PrintableInteractiveQuestions(props: PrintableInteractiveQuestionsProps): JSX.Element {\n  return (\n    <>\n      {props.interactive.timepoints.map((timepoint, i) => (\n        timepoint.interactions.map((interaction, j) => (\n          <PrintableInteraction key={`${i}:${j}`} interaction={interaction} visibleAt={timepoint.visibleAt} />\n        ))\n      ))}\n    </>\n  );\n}\n\ninterface PrintableInteractiveWorksheetProps {\n  worksheetElementId: string;\n  interactive: Interactive;\n  isClickViewContent: boolean;\n}\n\nexport function PrintableInteractiveWorksheet(props: PrintableInteractiveWorksheetProps): JSX.Element {\n  const year = (new Date()).getFullYear();\n\n  return (\n    <div id={props.worksheetElementId} className={styles.worksheet}>\n      <div className='row pb-2'>\n        <div className='col-6'>{getPhrase('name')} ______________________________</div>\n        <div className='col-6'>{getPhrase('date')} ______________________________</div>\n      </div>\n      <h1>\n        <strong>{getPhrase('questionSheet')}:</strong> {props.interactive.name}\n      </h1>\n      <table>\n        <tbody>\n          <PrintableInteractiveQuestions interactive={props.interactive} />\n        </tbody>\n      </table>\n      <div className={styles.cvLogo}>\n        <ClickViewLogo />\n      </div>\n      {props.isClickViewContent &&\n        <span className={styles.copyright}>{getPhrase('copyright', { year })}</span>\n      }\n    </div>\n  );\n}\n","import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport printJS from 'print-js';\n\nimport { DevError } from 'libs/common/backbone/errors/DevError';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { PrintableInteractiveWorksheet } from 'apps/interactives/components/printable-interactive-worksheet/PrintableInteractiveWorksheet';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.utils');\n\nexport function printInteractive(interactive: Interactive, isCVContent: boolean, onDone?: () => void): void {\n  const printRegion = document.getElementById('print-region');\n\n  if (!printRegion)\n    Core.ErrorHelper.throw(new DevError('Could not find print region in layout'));\n\n  if (!interactive)\n    return;\n\n  const worksheetElementId = `printable-interactive-${interactive.id}`;\n\n  const root = createRoot(printRegion);\n\n  function print(): void {\n    printJS({\n      printable: worksheetElementId,\n      type: 'html',\n      documentTitle: getPhrase('worksheetTitle', { interactiveName: interactive.name }),\n      targetStyles: ['*'],\n      style: '@page { size: A4; margin: 1.5cm 0; }',\n      onLoadingEnd: () => {\n        onDone && onDone();\n        root.unmount();\n      },\n      /**\n       * font_size is deprecated but a bug in print.js still applies the default (12pt) if it\n       * is omitted, overriding any custom/inline styles. \n       * This value is the same as the one found in in .worksheet in printable-interactive-worksheet.scss\n       */\n      font_size: '14px'\n    });\n  }\n\n  root.render(\n    <div className='d-none'>\n      <PrintableInteractiveWorksheet\n        worksheetElementId={worksheetElementId}\n        interactive={interactive}\n        isClickViewContent={isCVContent}\n      />\n    </div>\n  );\n\n  window.setTimeout(() => {\n    print();\n  }, 200);\n}","// extracted by mini-css-extract-plugin\nexport default {\"printBtn\":\"VWlur\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ClickDescriptor, EntityType, EventVersion, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions, Actions as ActionButtons } from 'libs/shared/components/actions/Actions';\nimport { InteractiveQuestions } from 'libs/shared/components/interactive-questions/InteractiveQuestions';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Interactive, InteractiveMetadata, PopupViewProps } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { printInteractive } from 'apps/interactives/utils/PrintInteractive';\n\nimport styles from './preview-questions.scss';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.previewQuestions');\n\ninterface PreviewQuestionsViewProps extends PopupViewProps {\n  id: string;\n}\n\nexport function PreviewQuestionsView(props: PreviewQuestionsViewProps): React.ReactElement {\n  const [ showPrintButtonSpinner, setShowPrintButtonSpinner ] = React.useState(false);\n\n  const { experimentalInteractiveQuestions } = useSettings(null);\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.id)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data ?\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId) : null);\n\n  let analyticsData: HashObject = null;\n\n  if (interactiveMetadata.data) {\n    analyticsData = {\n      id: interactiveMetadata.data.id,\n      interactiveId: interactiveMetadata.data.interactiveId,\n      name: interactiveMetadata.data.name\n    };\n\n    if (interactiveMetadata.data._parentVideo?.id)\n      analyticsData.video = { id: interactiveMetadata.data._parentVideo.id };\n\n    if (interactiveMetadata.data._parentClip?.id)\n      analyticsData.clip = { id: interactiveMetadata.data._parentClip.id };\n  }\n\n  const actions: ActionOptions[] = [\n    {\n      label: getPhrase('watchInteractive'),\n      className: 'btn btn-outline-dark me-2',\n      svgName: cvSvgLibrary.Play,\n      button: true,\n      appLink: {\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.VIEW_INTERACTIVE,\n        args: [ props.id, TextHelper.slugify(interactive.data?.name) ]\n      },\n      onClick: props.closePopup,\n      analyticsData,\n      analyticsOptions: {\n        entity: EntityType.Interactive,\n        actionType: UserAction.Click,\n        location: LocationContext.PreviewInteractiveQuestions,\n        descriptor: ClickDescriptor.Button\n      }\n    },\n    {\n      label: getPhrase('printAsWorksheet'),\n      className: `btn btn-outline-dark ${styles.printBtn}`,\n      svgName: cvSvgLibrary.Print,\n      button: true,\n      onClick: () => {\n        setShowPrintButtonSpinner(true);\n        printInteractive(\n          interactive.data,\n          interactiveMetadata.data._isClickViewCurated?.value,\n          () => setShowPrintButtonSpinner(false)\n        );\n      },\n      showSpinner: showPrintButtonSpinner,\n      analyticsData,\n      analyticsOptions: {\n        entity: EntityType.Interactive,\n        actionType: UserAction.Print,\n        location: LocationContext.PreviewInteractiveQuestions,\n        workflowPhase: WorkflowPhase.Start,\n        eventVersion: EventVersion.V2\n      }\n    }\n  ];\n\n  function goToTimepoint(_: string, __: string, visibleAt: number): void {\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.INTERACTIVES,\n      action: Actions.Interactives.VIEW_INTERACTIVE,\n      args: [ props.id, TextHelper.slugify(interactive.data?.name) ],\n      params: visibleAt ? { t: Math.floor(visibleAt / 1000) } : null\n    });\n    props.closePopup();\n  }\n\n  return (\n    <Popup\n      title={getPhrase('mainTitle')}\n      closePopup={props.closePopup}\n      showLoadingSpinner={!interactive.data}\n      size='lg'\n    >\n      {(() => {\n        if (!interactive.data)\n          return <></>;\n\n        return (\n          <>\n            <InteractiveQuestions\n              interactive={interactive.data}\n              maxHeight={MINIMUM_GLANCE_HEIGHT}\n              experimentalInteractiveQuestions={experimentalInteractiveQuestions}\n              goToTimepoint={goToTimepoint}\n            />\n            <PopupButtons>\n              <ActionButtons actions={actions} />\n            </PopupButtons>\n          </>\n        );\n      })()}\n    </Popup>\n  );\n}\n"],"names":["Actions","props","orderedActions","actions","sort","a","b","order","buttonActions","moreActions","forEach","button","push","className","length","map","idx","key","label","appLink","href","onClick","svgName","svgSize","dropdownToggleSvgSize","tooltip","showSpinner","analyticsData","analyticsOptions","openInNewTab","disabled","iconButton","showBorder","customSize","ariaLabel","title","spanHack","sortComponent","dropdownToggleClassName","actionsDropdownClassName","fetchMore","LazyDropdownItems","style","padding","height","width","getDropdownItemClassName","actionClassName","ActionsDropdownItem","FunctionHelper","action","AppLink","SvgContainer","e","preventDefault","AnalyticsHelper","role","tabIndex","onKeyDown","ActionsDropdown","isLazy","some","lazyPlaceholder","currentGroup","dropdownToggleId","RandomHelper","type","id","size","showDivider","undefined","group","Tooltip","defaultProps","S","namespace","Correctness","interaction","getCorrectness","InteractionCorrectness","Text","phrase","InteractionComponent","visibleAt","selectedInteractionId","goToTimepoint","scrollTo","isFirstInteraction","hasPlayPageV2","selected","toString","ref","current","el","rect","getBoundingClientRect","offset","top","offsetParent","cursor","DivButton","DurationHelper","InteractionLabel","showTypeName","typeNameClassName","questionClassName","onClickDelete","event","stopPropagation","TimepointComponent","timepoint","interactionId","interactions","i","experimentalInteractiveQuestions","typeId","InteractiveQuestions","interactive","maxHeight","elHeight","getClientHeight","scroll","getScrollTop","elementFromTop","scrollTop","borderClass","autoHeight","autoHeightMax","hideTracksWhenNotNeeded","timepoints","t","MINIMUM_GLANCE_HEIGHT","MISSING_WORD_REGEX","InteractionName","name","MultipleChoiceInteraction","actionableItems","PrintableInteractionComponentLookup","dangerouslySetInnerHTML","__html","data","annotation","src","url","formatted","JSON","parse","sentence","replace","match","val","find","Array","join","getPhrase","LanguageService","PrintableInteraction","PrintableInteractiveQuestions","j","PrintableInteractiveWorksheet","year","Date","getFullYear","worksheetElementId","ClickViewLogo","isClickViewContent","printInteractive","isCVContent","onDone","printRegion","document","getElementById","DevError","root","render","window","setTimeout","printable","documentTitle","interactiveName","targetStyles","onLoadingEnd","unmount","font_size","PreviewQuestionsView","showPrintButtonSpinner","setShowPrintButtonSpinner","useSettings","interactiveMetadata","InteractiveRequests","interactiveId","_parentVideo","video","_parentClip","clip","application","args","TextHelper","closePopup","entity","actionType","location","descriptor","_isClickViewCurated","value","workflowPhase","eventVersion","Popup","showLoadingSpinner","_","__","params","Math","floor","PopupButtons"],"sourceRoot":""}

package/dist/scripts/5220-4a60d0b685-lite.chunk.js

@@ -0,0 +1,3 @@
+/*! For license information please see 5220-4a60d0b685-lite.chunk.js.LICENSE.txt */
+(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5220],{34468:(e,t,n)=>{"use strict";n.d(t,{R:()=>a});var r=n(32735),i=n(73758);function a(e,t,n,a){var o=function(){i.n.unsubscribe(e,t)};return(0,r.useEffect)((function(){if(a)return n?i.n.subscribeOnce(e,t):i.n.subscribe(e,t),function(){o()}}),[]),o}},73758:(e,t,n)=>{"use strict";function r(e){return r="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},r(e)}function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,a(r.key),r)}}function a(e){var t=function(e,t){if("object"!=r(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,"string");if("object"!=r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==r(t)?t:t+""}n.d(t,{n:()=>o});var o=new(function(){return e=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.listeners={}},t=[{key:"subscribe",value:function(e,t){this.registerListener(e,t)}},{key:"subscribeOnce",value:function(e,t){this.registerListener(e,t,1)}},{key:"unsubscribe",value:function(e,t){this.deregisterListener(e,t)}},{key:"trigger",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];this.triggerCallbacks(e,n)}},{key:"registerListener",value:function(e,t,n){var r;if("string"!=typeof e)throw new Error("Event name must be a string");if("function"!=typeof t)throw new Error("Event callback must be a function");if(n&&"number"!=typeof n)throw new Error("Execution limit must be a number or undefined");this.listeners[e]=null!==(r=this.listeners[e])&&void 0!==r?r:[],this.listeners[e].push({callback:t,executionLimit:n})}},{key:"deregisterListener",value:function(e,t){var n;if("string"!=typeof e)throw new Error("Event name must be a string");if(t&&"function"!=typeof t)throw new Error("Event callback must be a function");if(t){var r=null===(n=this.listeners[e])||void 0===n?void 0:n.findIndex((function(e){return e.callback===t}));"number"==typeof r&&-1!==r&&(this.listeners[e].splice(r,1),0===this.listeners[e].length&&delete this.listeners[e])}else this.listeners[e]=[]}},{key:"triggerCallbacks",value:function(e){for(var t=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];if(this.listeners[e]){var a=[];this.listeners[e].forEach((function(e){var t,n;"number"==typeof e.executionLimit&&(e.executionCount=null!==(n=e.executionCount)&&void 0!==n?n:0,e.executionCount++,e.executionCount===e.executionLimit&&a.push(e.callback)),(t=e.callback).apply.apply(t,[null].concat(r))})),a.length&&a.forEach((function(n){return t.deregisterListener(e,n)}))}}}],t&&i(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}())},1353:(e,t,n)=>{"use strict";n.d(t,{$:()=>s});var r=n(32735),i=n(23481),a=n(11607),o=n(54610),c=n(67453),l=n(22161),u=i.T.encloseNamespace("shared.curriculumLinks");function s(e){var t,n=e.data;return r.createElement(a.L,{key:n.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(l.Z.tag," ").concat(e.selected?l.Z.selected:""),onClick:function(){return e.onChangeCurriculum(n.id.toString())},"aria-label":"".concat(u("ariaFilter")," ").concat(n.name)},(null===(t=n.cover)||void 0===t?void 0:t.url)&&r.createElement("div",{className:"bg-white ".concat(l.Z.cover," rounded-circle border")},r.createElement("img",{src:c.j.createUrl(n.cover.url,{size:o.h2.Small}),alt:n.name,className:"rounded-circle"})),r.createElement("div",{className:"ms-2"},n.name))}},38496:(e,t,n)=>{"use strict";n.d(t,{p:()=>u});var r=n(32735),i=n(23481),a=n(23232),o=n(83345),c="shared.curriculumLinks",l=i.T.encloseNamespace(c);function u(e){return r.createElement(a.u,{className:"pt-3"},r.createElement(a.u.Image,{src:e.emptyStateUrl,altText:l("emptyInfo"),size:"small"}),r.createElement(a.u.Heading,null,r.createElement(o.x,{namespace:c,phrase:"emptyHeading"})),r.createElement(a.u.Info,null,r.createElement(o.x,{namespace:c,phrase:"emptyInfo"})))}},44599:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(32735);var i=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 a(){return r.createElement("div",null,r.createElement("div",{className:"mb-3"},r.createElement(i,null)),r.createElement("div",{className:"mb-3"},r.createElement(i,null)),r.createElement("div",null,r.createElement(i,null)))}},34223:(e,t,n)=>{"use strict";n.d(t,{Y:()=>g});var r=n(32735),i=n(38496),a=n(44599),o=n(83345),c=n(85597);const l={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 f=/(.*)\s\((.*)?\)/i,m="shared.curriculumLinks",p="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold";function v(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(o.x,{namespace:m,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,i,a={},o=!1;function u(e){var t="mb-2";return e.name||o?t:t+" ms-4 "+l.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[c.k.Area].map((function(e){return e.name})).join(" - ");a[t]?e[c.k.Leaf].forEach((function(e){a[t].find((function(t){return t.name===e.name}))||(a[t].push(e),e.name&&(o=!0))})):a[t]=e[c.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[c.k.Audience].name,n=e.linkSet[c.k.Subject].name,(i=t.match(f))?"".concat(i[1]," • ").concat(i[2]," • ").concat(n):"".concat(t," • ").concat(n))),r.createElement("div",{className:"me-2 ".concat(l.curriculumSubject)},Object.keys(a).map((function(t,n){return r.createElement("div",{key:n,className:l.areaLeafSet},t&&r.createElement("h4",{className:"mb-1 font-size-normal"},t),r.createElement("ul",{className:"list-unstyled"},a[t].map((function(t){return r.createElement("li",{key:t.id,className:u(t)},r.createElement(v,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:o}))}))))}))))}function g(e){var t,n,o,u=(n=r.useState(0),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return c}}(n,o)||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,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.")}()),f=u[0],m=u[1];function p(e){m((function(t){return t>=e?t:e}))}var v=r.useMemo((function(){var t={};return e.curriculumLinks.forEach((function(e){var n=null,r=null,i=[],a=[];e.forEach((function(e){switch(e.type){case c.k.Subject:n=e;break;case c.k.Audience:r=e;break;case c.k.Area:i.push(e);break;case c.k.Leaf:a.push(e)}}));var o="".concat(n.id,":").concat(r.id);t[o]?t[o].areasAndLeaves.push(s(s({},c.k.Area,i),c.k.Leaf,a)):t[o]=s(s(s({},c.k.Subject,n),c.k.Audience,r),"areasAndLeaves",[s(s({},c.k.Area,i),c.k.Leaf,a)])})),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(v).map((function(e,t){return r.createElement("li",{key:"linkset-".concat(t),className:l.curriculumSet},r.createElement(y,{linkSet:v[e],trySetMaxCodeWidth:p,codeWidth:f}))}))):r.createElement(i.p,{emptyStateUrl:e.emptyStateUrl}):r.createElement(a.Z,null)}},22283:(e,t,n)=>{"use strict";n.d(t,{P:()=>c});var r=n(32735),i=n(1353),a=n(63112),o=n(65163);function c(e){var t,n,c;return r.createElement(o.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,a;return r.createElement(i.$,Object.assign({},t,{selected:(null===(a=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===a?void 0:a.toString())===t.data.id.toString(),onChangeCurriculum:e.onChangeCurriculum}))},partialLoadingComponent:function(){return r.createElement(a.o,null)},widgetDataDeps:[null===(c=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===c?void 0:c.toString(),e.onChangeCurriculum],noNegativePadding:e.noNegativePadding})}},51184:(e,t,n)=>{"use strict";n.d(t,{NE:()=>s,RH:()=>f,Wp:()=>d});var r=n(32735),i=n(16367),a=n(34468),o=n(73758),c=n(63847);function l(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 u=/\[\]\(cv:\/\/poi\?id=\d+\)\n*/g;function s(e,t){var n,a,o,c=(a=(0,r.useState)(""),o=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return c}}(a,o)||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}}(a,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=c[0],d=c[1];return(0,r.useEffect)((function(){if(t){var n=(r=e.glance,a=r.content.replace(u,""),i(a));d(n)}var r,a}),[null===(n=e.glance)||void 0===n?void 0:n.content,t]),s}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 f(e,t){var n=(0,r.useRef)();function i(){e&&o.n.trigger("glance:poi:mouseover",e)}function l(){o.n.trigger("glance:poi:mouseleave")}return(0,a.R)("player:poi:mouseover",(function(t){var r,i,a;(null==t?void 0:t.id)&&(null===(r=null==e?void 0:e.id)||void 0===r?void 0:r.toString())===(null===(i=null==t?void 0:t.id)||void 0===i?void 0:i.toString())&&(null===(a=n.current)||void 0===a||a.classList.add(c.Z.highlightPoi))}),null,t),(0,a.R)("player:poi:mouseleave",(function(){var e;null===(e=n.current)||void 0===e||e.classList.remove(c.Z.highlightPoi)}),null,t),(0,r.useEffect)((function(){var e,r;if(n.current&&t)return null===(e=n.current)||void 0===e||e.addEventListener("mouseover",i),null===(r=n.current)||void 0===r||r.addEventListener("mouseleave",l),function(){var e,t;null===(e=n.current)||void 0===e||e.removeEventListener("mouseover",i),null===(t=n.current)||void 0===t||t.removeEventListener("mouseleave",l)}}),[n.current]),n}},64921:(e,t,n)=>{"use strict";n.d(t,{j:()=>j});var r=n(32735),i=n(59087),a=n.n(i),o=n(42648),c=n(23481),l=n(49985),u=n(65858),s=n(11607),d=n(83345),f=n(93264),m=n(51184);const p={poiEntry:"vr6R9",poiText:"znHZF",public:"v0BZ9",poiTimeStamp:"AdKwe",wideBadge:"YR2Hh"};function v(e){var t=f.T.ToDisplayDuration(1e3*e.poi.startTime),n=(0,m.RH)(e.poi,!e.suppressInteractivity);return e.suppressInteractivity?r.createElement("div",{className:"d-flex ".concat(p.poiEntry," mb-2")},r.createElement("span",{className:"d-flex rounded-pill justify-content-center align-items-center fw-semibold text-info bg-light-blue ".concat(p.poiTimeStamp," ").concat(e.wideBadge?p.wideBadge:"")},t),r.createElement("div",{className:"".concat(p.public," ms-2")},e.poi.description)):r.createElement(s.L,{key:e.poi.startTime,className:"d-flex ".concat(p.poiEntry," mb-2 cursor-pointer"),onClick:function(){return e.onClickPoiItem(e.poi.startTime)},ref:n},r.createElement("div",{className:"d-flex rounded-pill justify-content-center align-items-center fw-semibold text-info bg-light-blue ".concat(p.poiTimeStamp," ").concat(e.wideBadge?p.wideBadge:"")},t),r.createElement("div",{className:"ms-2 ".concat(p.poiText)},e.poi.description))}var y="shared.pointsOfInterestList";function g(e){var t=e.pointsOfInterest.sort((function(e,t){return e.startTime-t.startTime})),n=t.some((function(e){return e.startTime>=3600}));return r.createElement("div",null,r.createElement("h2",{className:"h6 my-2"},r.createElement(d.x,{namespace:y,phrase:"heading"})),r.createElement("div",null,t.map((function(t){return r.createElement(v,{key:t.startTime,poi:t,suppressInteractivity:e.suppressInteractivity,onClickPoiItem:e.onClickPoiItem,wideBadge:n})}))))}var h=n(83914),b=n(87311),E=n(91743),w=n(76177),C=n(44829),k=n(35223),S=n(31908),x=n(63847);function L(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 O="shared.videoAtAGlanceV2",A=c.T.encloseNamespace(O),N=365;function P(e){return e.hideScrollbar?r.createElement(r.Fragment,null,e.children):r.createElement("div",{className:"rounded border mb-4 bg-white"},r.createElement(o.ZP,{autoHeight:!0,autoHeightMax:N},r.createElement("div",{className:"px-3 px-3 pt-3 pb-2"},e.children)))}function j(e){var t,n,i,o=(0,m.NE)(e.video,e.canViewGlance),c=(n=r.useState(""),i=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,i,a,o,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return c}}(n,i)||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}}(n,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=c[0],f=c[1],p=function(){var t,n,r,i;return S.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===(i=null===(r=e.video.tags)||void 0===r?void 0:r.data)||void 0===i?void 0:i.filter((function(e){return e.tagType===C.Q.Pedagogy||e.tagType===C.Q.Skill}))}(),v=r.useRef(null);return r.useEffect((function(){var e;(null===(e=v.current)||void 0===e?void 0:e.innerText)&&f(v.current.innerText)}),[null===(t=v.current)||void 0===t?void 0:t.innerText]),e.canViewGlance?r.createElement("section",{className:"play-page-section"},r.createElement(P,{hideScrollbar:e.hideScrollbar},r.createElement("h2",{className:"h6 mb-2"},r.createElement(d.x,{namespace:O,phrase:"learningIntention"})),r.createElement("div",{className:"mb-3 ".concat(x.Z.learningIntention)},r.createElement(w.u,{title:A("copy"),spanHack:!0,spanHackClassName:x.Z.icon},r.createElement(a(),{text:s},r.createElement(h.x,{className:"svg-container me-1 cursor-pointer",svgName:k.vn.Copy,size:h.S.Small,onClick:function(){var t={id:e.video.glance.id,name:e.video.glance.name,videoId:e.video.id,videoName:e.video.name,learningIntention:s},n={actionType:u.Vw.Copy,entity:u.py.Glance,location:u.LZ.PlayPage};l.k.logUserAction(t,n)}}))),r.createElement("div",{dangerouslySetInnerHTML:{__html:o},className:"d-inline",ref:v})),!!(null==p?void 0:p.length)&&r.createElement("div",{className:"mb-1"},r.createElement(E.P,Object.assign({tags:p},b.G.getTagActionProps(e.getTagAppLink,e.onClickTag,e.suppressInteractivity),{className:"mt-2"}))),!!e.pointsOfInterest.length&&r.createElement(g,{pointsOfInterest:e.pointsOfInterest,suppressInteractivity:e.suppressInteractivity,onClickPoiItem:function(t){e.setStartTime(t)}}))):r.createElement(r.Fragment,null)}},63112:(e,t,n)=>{"use strict";n.d(t,{o:()=>a});var r=n(32735),i=n(91807),a=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(i.Z.partialTag);return r.createElement("div",{className:"mt-1"},r.createElement("span",{className:n}," "))}))},87311:(e,t,n)=>{"use strict";n.d(t,{G:()=>i});var r=n(81886),i={getTagActionProps:function(e,t,n){return n?{onClick:function(n){t&&t();var i=e?e(n):null;if(i)return r.Q.C$.trigger(i)}}:{getAppLink:function(t){return e?e(t):null},onClick:t}}}},16035:(e,t,n)=>{"use strict";n.d(t,{z:()=>u});var r=n(32735),i=n(23481),a=n(36848),o=n(44829),c=n(91807),l=i.T.encloseNamespace("shared.tags");function u(e){var t,n,i=e.tag,u=e.appLink,s=e.onClick,d=e.disabled,f=e.tagClass,m=void 0===f?"tag":f,p=i.name.toLowerCase(),v=null===(t=i.tagType)||void 0===t?void 0:t.toLowerCase(),y=v===o.Q.Normal&&e.themeColours&&!!(null===(n=e.themeColours)||void 0===n?void 0:n.secondary),g="rounded-pill py-1 px-2 my-1 me-1 ".concat(m," ").concat(function(e,t){switch(e){case o.Q.Pedagogy:case o.Q.Skill:return"pedagogy-tag text-white";case o.Q.Hidden:return"hidden-tag fw-normal";case o.Q.Normal:return t?"":"bg-gray-100 fw-normal";default:return""}}(v,y));y&&(g+=" text-white"),!u&&!s||d||(g+=" cursor-pointer"),d&&(g+=" "+c.Z.disabled),e.onRemove&&(g+=" "+c.Z.badge),u||(g+=" d-inline-block");var h=y?{backgroundColor:e.themeColours.secondary}:{};return u?r.createElement(a.F,{onClick:s,appLink:u,className:g,title:p,style:h},r.createElement("span",{className:"text-truncate text-nowrap"},p)):r.createElement("button",{onClick:s,className:g,title:p,style:h,"aria-label":"".concat(l("ariaFilter")," ").concat(p)},r.createElement("span",{className:"text-truncate text-nowrap"},p,e.onRemove&&r.createElement("button",{onClick:e.onRemove,className:"".concat(c.Z.close," btn-close font-size-normal"),role:"button","aria-label":"Close"})))}},91743:(e,t,n)=>{"use strict";n.d(t,{P:()=>u});var r=n(32735),i=n(16035),a=n(44829),o=n(91807);function c(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}function l(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case a.Q.Pedagogy:return 0;case a.Q.Skill:return 1;default:return 2}}function u(e){if(!e.tags)return r.createElement(r.Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return c(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return 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}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).sort((function(e,t){return l(e)-l(t)}));return r.createElement("div",{className:"".concat(o.Z.tagList," ").concat(e.className)},n.map((function(t){var n="function"==typeof e.getAppLink?e.getAppLink(t):null,a="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null,o="function"==typeof e.onClick?function(){return e.onClick(t)}:null;return r.createElement(i.z,{key:t.id||t.name,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a,onClick:o})})))}},88513:(e,t,n)=>{"use strict";n.d(t,{B:()=>p});var r=n(32735),i=n(23481),a=n(65858),o=n(36848),c=n(83914),l=n(17082),u=n(35223),s=n(49542);const d={seeMore:"yv0FS"};var f=i.T.encloseNamespace("shared.widgetHeader");function m(e){return r.createElement("div",{className:"ms-3 ".concat(d.seeMore)},r.createElement(o.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{descriptor:a._S.SeeMore}),className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},r.createElement("p",{className:"hover-text-underline text-dark curated-widget-heading"},f("seeAll"))))}function p(e){var t,n,i=!!e.description;if(!e.name&&!e.description)return r.createElement(r.Fragment,null);var a=s.d.isBelowContentMinimum(e.content,e.widgetTypeId),f=null!==(n=null===(t=l.u[e.widgetTypeId])||void 0===t?void 0:t.minContent)&&void 0!==n?n:0;return r.createElement("div",{className:"curated-widget-header"},r.createElement("div",{className:"d-flex justify-content-between"},!!e.name&&r.createElement("div",{className:d.title},r.createElement(o.F,{appLink:e.appLink,analyticsOptions:e.analyticsOptions,analyticsData:e.analyticsData,className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":""),onClick:e.onClick},r.createElement("h2",{className:"h4 curated-widget-heading"},e.isPreviewing&&a&&r.createElement(c.x,{svgName:u.vn.WarningOutline,title:"Widget is below the minimum content threshold of ".concat(f," and won't be displayed."),tooltipSpanHack:!0,tooltipSpanHackClassName:"d-inline text-danger me-1"}),e.name))),!!e.appLink&&!i&&!!e.showSeeMoreLink&&r.createElement(m,Object.assign({},e))),i&&r.createElement("div",{className:"d-flex justify-content-between align-items-end"},r.createElement("p",{className:"description curated-widget-description ".concat(d.description)},r.createElement("span",null,e.description)),!!e.appLink&&!!e.showSeeMoreLink&&r.createElement(m,Object.assign({},e))))}},65163:(e,t,n)=>{"use strict";n.d(t,{QL:()=>r.Q,eb:()=>r.e});var r=n(16450);n(14244)},29420:(e,t,n)=>{"use strict";n.d(t,{T:()=>u});var r=n(32735),i=n(82182);function a(e){return a="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},a(e)}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 r,i,a,o,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return c}}(e,t)||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}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var l=400;function u(e){var t=e.type,n=e.state,c=e.containerRef,u=e.mediaQuery,s=o(r.useState(!1),2),d=s[0],f=s[1],m=o(r.useState({}),2),p=m[0],v=m[1],y=o(r.useState(null),2),g=y[0],h=y[1],b=r.useMemo((function(){return i.V.isTouchScreen()}),[]);return r.useEffect((function(){"dynamic"===t&&c.current&&n.containerLeftPosition&&!b&&setTimeout((function(){return function(){var e,t=n;if(null===(e=c.current)||void 0===e?void 0:e.children){var r=Array.from(c.current.children).reduce((function(e,n){var r,i,o,c=null==n?void 0:n.getBoundingClientRect(),l=c.left<t.containerRightPosition&&c.right>t.containerLeftPosition;return Object.assign(Object.assign({},e),(r={},i=n.id,o=l?{"aria-hidden":!1}:{"aria-hidden":!0,inert:"true"},(i=function(e){var t=function(e,t){if("object"!=a(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==a(t)?t:t+""}(i))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o,r))}),{});v(r)}}()}),l+50)}),[c.current,u,n.offset,n.containerLeftPosition]),{isTabbing:d,onFocusWidget:function(e){document.querySelector(".user-is-tabbing")&&(f(!0),h(e))},onBlurWidget:function(){document.querySelector(".user-is-tabbing")||(f(!1),h(null))},getFixedAttributes:function(e){var t=n;return b||e>=t.offset-t.viewableItems&&e<t.offset?{"aria-hidden":!1}:{inert:"true","aria-hidden":!0}},dynamicAttributes:p,focusNext:function(){setTimeout((function(){if(c.current){for(var e=c.current.querySelectorAll("li[aria-hidden]"),t=null,n=g+1;n<e.length&&!t;n++)t=e[n].querySelector('a[tabindex="0"]');t&&t.focus()}}),l+100)},focusPrev:function(){setTimeout((function(){if(c.current){for(var e=c.current.querySelectorAll("li[aria-hidden]"),t=null,n=g-1;n>=0&&!t;n--)t=e[n].querySelector('a[tabindex="0"]');t&&t.focus()}}),l+100)}}}},43872:(e,t,n)=>{"use strict";n.d(t,{V:()=>s});var r=n(32735),i=n(82182),a=n(31069),o=n(91967),c=new Image;c.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var l=function(e){e.dataTransfer.setDragImage&&o.q.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(c,0,0)},u=i.V.isTouchScreen(),s=r.forwardRef((function(e,t){var n,i,o,c,s=e.children,d=e.positionType,f=e.onDrag,m=e.onDragEnd,p=e.onTouchMove,v=e.onTouchEnd,y=e.percentageDragged,g=e.position,h=void 0===g?0:g;return r.createElement("ul",Object.assign({className:"list-unstyled d-flex flex-nowrap position-relative w-100 mb-0",style:(i=h,o=d,c=y,o===a.C.Percentage&&c&&(i-=c),{transform:"translate3d(".concat(i).concat(o,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},f&&m&&(n.draggable=!0,n.onDragEnd=m,n.onDragStart=l,n.onDragOver=f),p&&v&&u&&(n.onTouchMoveCapture=p,n.onTouchEndCapture=v),n)),s)}))},16930:(e,t,n)=>{"use strict";n.d(t,{W:()=>d,f:()=>u});var r=n(32735),i=n(23481),a=n(83914),o=n(35223);const c="VSAPU",l="kgeXh";var u,s=i.T.encloseNamespace("shared.widgetButton");!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(u||(u={}));var d=r.memo((function(e){var t,n,i,d=e.direction===u.Left,f=d?o.vn.ChevronLeft:o.vn.ChevronRight;return e.hide?r.createElement(r.Fragment,null):r.createElement("div",{className:"_ejId",style:"videos"===(null===(n=e.state)||void 0===n?void 0:n.contents)?{paddingBottom:56.25/(null===(i=e.state)||void 0===i?void 0:i.viewableItems)+"%"}:{height:"100%"}},e.useGradientBackdrop&&r.createElement("div",{className:d?"".concat("Pt3nx"," ").concat(e.leftGradientClassName):"".concat("ZuAif"," ").concat(e.rightGradientClassName)}),!e.hideExtendedClickableArea&&r.createElement("button",{onClick:e.onClick,className:"".concat("AtsWP"," ").concat(d?c:l),tabIndex:-1}),r.createElement("button",{className:"".concat((t="BVcIS",t+=d?" ".concat(c," ").concat(e.leftButtonClassName):" ".concat(l," ").concat(e.rightButtonClassName))," ").concat("gAsE9"," ").concat(e.className||""),onClick:e.onClick,"aria-label":s(d?"previous":"next")},e.hoverText&&r.createElement("span",{className:"ps-3 pe-2 ".concat("APA36")},e.hoverText),r.createElement(a.x,{svgName:f,size:a.S.Medium,className:"svg-container d-inline-block ".concat("Ev4hr")})))}))},31069:(e,t,n)=>{"use strict";var r;n.d(t,{C:()=>r}),function(e){e.Percentage="%",e.Pixels="px"}(r||(r={}))},85597:(e,t,n)=>{"use strict";var r;n.d(t,{k:()=>r}),function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(r||(r={}))},44829:(e,t,n)=>{"use strict";var r,i;n.d(t,{Q:()=>r}),function(e){e.Normal="normal",e.Pedagogy="pedagogy",e.Hidden="hidden",e.Skill="skill",e.Curation="curation"}(r||(r={})),function(e){e[e.Normal=0]="Normal",e[e.Pedagogy=1]="Pedagogy",e[e.Hidden=2]="Hidden",e[e.Skill=3]="Skill",e[e.Curation=4]="Curation"}(i||(i={}))},10841:(e,t,n)=>{"use strict";var r;n.d(t,{n:()=>r}),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update",e.JumpToIndex="jump-to-index"}(r||(r={}))},81514:(e,t,n)=>{"use strict";n.d(t,{V:()=>a});var r=n(86764),i=n(3747);function a(){var e=(0,i.a)(r.r.XS),t=(0,i.a)(r.r.SM),n=(0,i.a)(r.r.MD),a=(0,i.a)(r.r.LG),o=(0,i.a)(r.r.XL),c=(0,i.a)(r.r.XXL),l=r.r.LG;return e&&(l=r.r.XS),t&&(l=r.r.SM),n&&(l=r.r.MD),a&&(l=r.r.LG),o&&(l=r.r.XL),c&&(l=r.r.XXL),l}},35014:(e,t,n)=>{"use strict";n.d(t,{I:()=>l});var r=n(16714),i=n(12754),a=n(22902),o=n(15311),c=n(11387);function l(){var e=(0,a.T)(),t=e.hasPermissions,n=e.hasLocalPermissions,l=(0,(0,o.r)().hasProduct)(i.x.Primary);return{canViewGlance:t(r.C.ViewVideoGlance),canViewResources:!0,canViewInteractives:l&&t(r.C.ViewVideoInteractives),canViewClips:l&&t(r.C.ViewVideoClips),canViewCurriculumLinks:t(r.C.ViewCurriculums),canUseActions:n(r.E.UseVideoActions),canViewPublicLayout:!n(r.E.WatchVideos)&&c.C.hasRegionPrefix(),canViewResourceItems:n(r.E.ViewVideoResourceItems),canNavigate:l}}},44005:(e,t,n)=>{"use strict";n.r(t),n.d(t,{VideoGuidanceClassroomGuideView:()=>G});var r=n(32735),i=n(81886),a=n(20354),o=n(28400),c=n(49985),l=n(65858),u=n(42648),s=n(23481),d=n(75896),f=n(44599),m=n(34223),p=n(22283),v=n(64921),y=n(9111),g=n(13876),h=n(83345),b=n(69883);function E(e){return E="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},E(e)}function w(){w=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,i=Object.defineProperty||function(e,t,n){e[t]=n.value},a="function"==typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",c=a.asyncIterator||"@@asyncIterator",l=a.toStringTag||"@@toStringTag";function u(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,n){return e[t]=n}}function s(e,t,n,r){var a=t&&t.prototype instanceof g?t:g,o=Object.create(a.prototype),c=new T(r||[]);return i(o,"_invoke",{value:A(e,n,c)}),o}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=s;var f="suspendedStart",m="suspendedYield",p="executing",v="completed",y={};function g(){}function h(){}function b(){}var C={};u(C,o,(function(){return this}));var k=Object.getPrototypeOf,S=k&&k(k(I([])));S&&S!==n&&r.call(S,o)&&(C=S);var x=b.prototype=g.prototype=Object.create(C);function L(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function O(e,t){function n(i,a,o,c){var l=d(e[i],e,a);if("throw"!==l.type){var u=l.arg,s=u.value;return s&&"object"==E(s)&&r.call(s,"__await")?t.resolve(s.__await).then((function(e){n("next",e,o,c)}),(function(e){n("throw",e,o,c)})):t.resolve(s).then((function(e){u.value=e,o(u)}),(function(e){return n("throw",e,o,c)}))}c(l.arg)}var a;i(this,"_invoke",{value:function(e,r){function i(){return new t((function(t,i){n(e,r,t,i)}))}return a=a?a.then(i,i):i()}})}function A(t,n,r){var i=f;return function(a,o){if(i===p)throw Error("Generator is already running");if(i===v){if("throw"===a)throw o;return{value:e,done:!0}}for(r.method=a,r.arg=o;;){var c=r.delegate;if(c){var l=N(c,r);if(l){if(l===y)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(i===f)throw i=v,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);i=p;var u=d(t,n,r);if("normal"===u.type){if(i=r.done?v:m,u.arg===y)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(i=v,r.method="throw",r.arg=u.arg)}}}function N(t,n){var r=n.method,i=t.iterator[r];if(i===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,N(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),y;var a=d(i,t.iterator,n.arg);if("throw"===a.type)return n.method="throw",n.arg=a.arg,n.delegate=null,y;var o=a.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,y):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,y)}function P(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function j(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function T(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(P,this),this.reset(!0)}function I(t){if(t||""===t){var n=t[o];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,a=function n(){for(;++i<t.length;)if(r.call(t,i))return n.value=t[i],n.done=!1,n;return n.value=e,n.done=!0,n};return a.next=a}}throw new TypeError(E(t)+" is not iterable")}return h.prototype=b,i(x,"constructor",{value:b,configurable:!0}),i(b,"constructor",{value:h,configurable:!0}),h.displayName=u(b,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===h||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,u(e,l,"GeneratorFunction")),e.prototype=Object.create(x),e},t.awrap=function(e){return{__await:e}},L(O.prototype),u(O.prototype,c,(function(){return this})),t.AsyncIterator=O,t.async=function(e,n,r,i,a){void 0===a&&(a=Promise);var o=new O(s(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},L(x),u(x,l,"Generator"),u(x,o,(function(){return this})),u(x,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=I,T.prototype={constructor:T,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(j),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function i(r,i){return c.type="throw",c.arg=t,n.next=r,i&&(n.method="next",n.arg=e),!!i}for(var a=this.tryEntries.length-1;a>=0;--a){var o=this.tryEntries[a],c=o.completion;if("root"===o.tryLoc)return i("end");if(o.tryLoc<=this.prev){var l=r.call(o,"catchLoc"),u=r.call(o,"finallyLoc");if(l&&u){if(this.prev<o.catchLoc)return i(o.catchLoc,!0);if(this.prev<o.finallyLoc)return i(o.finallyLoc)}else if(l){if(this.prev<o.catchLoc)return i(o.catchLoc,!0)}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return i(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var i=this.tryEntries[n];if(i.tryLoc<=this.prev&&r.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var a=i;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var o=a?a.completion:{};return o.type=e,o.arg=t,a?(this.method="next",this.next=a.finallyLoc,y):this.complete(o)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),y},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),j(n),y}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var i=r.arg;j(n)}return i}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:I(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),y}},t}function C(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 k=function(e,t,n,r){return new(n||(n=Promise))((function(i,a){function o(e){try{l(r.next(e))}catch(e){a(e)}}function c(e){try{l(r.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},S=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n},x="shared.videoGuidanceClassroomGuidePopup",L=350;function O(e){var t,n,a,o,E,O,A,N=(O=r.useState(),A=2,function(e){if(Array.isArray(e))return e}(O)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return c}}(O,A)||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}}(O,A)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),P=N[0],j=N[1],T=(0,b.Z)();r.useEffect((function(){if(!e.isLoading&&e.curriculums&&!P){var t=e.curriculums.activeCurriculum?e.curriculums.activeCurriculum:d.m.first(e.curriculums.availableCurriculums);j(t)}}),[e.isLoading,null===(n=null===(t=e.curriculums)||void 0===t?void 0:t.activeCurriculum)||void 0===n?void 0:n.id]);var I=e.canViewCurriculumLinks&&(null===(a=e.curriculums)||void 0===a?void 0:a.customerHasCurriculumLinks);return r.createElement(y.G,{closePopup:e.onClickClose,showLoadingSpinner:e.isLoading,title:s.T.getPhrase(x,"classroomGuide"),size:"lg"},!e.isLoading&&r.createElement(r.Fragment,null,r.createElement(u.ZP,{autoHeightMax:L,autoHeightMin:L,autoHeight:!0,className:"pb-3",renderThumbVertical:function(e){var t=e.style,n=S(e,["style"]);return r.createElement("div",Object.assign({},n,{style:Object.assign(Object.assign({},t),{borderRadius:"inherit",backgroundColor:"rgba(0, 0, 0, 0.2)",zIndex:5}),className:"thumb-vertical"}))}},r.createElement("div",{className:I?"mb-4":""},r.createElement(v.j,{video:e.video,pointsOfInterest:e.pointsOfInterest,setStartTime:function(t){i.Q.C$.trigger(e.getVideoAppLink(e.video,{t})),e.closePopup()},getTagAppLink:e.getTagAppLink,suppressInteractivity:e.canViewPublicLayout,onClickTag:e.closePopup,canViewGlance:e.canViewGlance,hideScrollbar:!0})),I&&r.createElement(r.Fragment,null,r.createElement("h2",{className:"h6"},r.createElement(h.x,{namespace:x,phrase:"curriculumLinks"})),r.createElement("div",{className:"mb-2"},r.createElement(p.P,{curriculums:e.curriculums,selectedCurriculum:P,onChangeCurriculum:function(t){var n,r,i;return k(this,void 0,void 0,w().mark((function a(){var o;return w().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:if(null==(o=e.curriculums.availableCurriculums.find((function(e){return e.id.toString()===t})))?void 0:o.id){a.next=3;break}return a.abrupt("return",!1);case 3:if((null===(r=null===(n=e.curriculums.activeCurriculum)||void 0===n?void 0:n.id)||void 0===r?void 0:r.toString())!==(null===(i=null==o?void 0:o.id)||void 0===i?void 0:i.toString())){a.next=5;break}return a.abrupt("return",!1);case 5:return j(o),a.prev=6,a.next=9,e.curriculums.updateCurriculum(o);case 9:c.k.logUserAction({id:o.id,name:o.id,description:o.description,videoId:e.video.id,videoName:e.video.name},{entity:l.py.Presentation,actionType:l.Vw.Select,descriptor:l.kD.Curriculum,location:l.LZ.ClassroomGuidancePopup}),a.next=16;break;case 12:a.prev=12,a.t0=a.catch(6),j(P),T.error(s.T.getPhrase(x,"updateCurriculumFailed"));case 16:case"end":return a.stop()}}),a,null,[[6,12]])})))},noNegativePadding:!0})),(null===(o=e.curriculums)||void 0===o?void 0:o.hasLoaded)?r.createElement(m.Y,{curriculumLinks:null===(E=e.curriculums)||void 0===E?void 0:E.curriculumLinks,emptyStateUrl:e.curriculumLinksEmptyStateUrl}):r.createElement(f.Z,null))),r.createElement(g.u,null,r.createElement(g.u.Cancel,{onClick:e.onClickClose,text:s.T.getPhrase(x,"close")}),r.createElement(g.u.Submit,{text:s.T.getPhrase(x,"viewVideo"),variant:"dark",onClick:e.onClickViewVideo}))))}var A=n(4594),N=n(43012),P=n(1575),j=n(31908),T=n(99742),I=n(14070),V=n(97291),D=n(82817),R=n(49948),M=n(35014),_=n(22490);function G(e){var t=a.a.useBasicFetch(e.type===A.E.Video?P.R.video(e.id):N.e.clip(e.id)),n=(0,R.l)(e.id,!0),u=(0,D.M)(e.id,!0),s=(0,M.I)();return r.createElement(O,{isLoading:!t.hasCompleted||!n.hasCompleted,video:t.data,pointsOfInterest:n.items,curriculums:u,onClickClose:function(){c.k.logUserAction({id:t.data.id,name:t.data.name},{entity:j.M.isVideo(t.data)?l.py.Video:l.py.Clip,location:l.LZ.ClassroomGuidancePopup,actionType:l.Vw.Click,descriptor:l.od.Close}),e.closePopup()},onClickViewVideo:function(){if(c.k.logUserAction({id:t.data.id,name:t.data.name},{entity:j.M.isVideo(t.data)?l.py.Video:l.py.Clip,location:l.LZ.ClassroomGuidancePopup,actionType:l.Vw.Click,descriptor:l.od.ViewVideo}),j.M.isVideo(t.data))return i.Q.C$.trigger({application:V.O.VIDEOS,action:I.e.Videos.PLAY_VIDEO,args:[t.data.id,o.m.slugify(t.data.name)]}),void e.closePopup();i.Q.C$.trigger({application:V.O.CLIPS,action:I.e.Clips.PLAY_CLIP,args:[t.data.id,o.m.slugify(t.data.name)]}),e.closePopup()},curriculumLinksEmptyStateUrl:T.W.EmptyStates.CURRICULUM_LINKS,getVideoAppLink:_.W.getAppLink,getTagAppLink:function(e){return{application:V.O.SEARCH,action:I.e.Search.HOME,params:{tagOrClassification:e.name}}},canViewCurriculumLinks:s.canViewCurriculumLinks,canViewPublicLayout:s.canViewPublicLayout,canViewGlance:s.canViewGlance,closePopup:e.closePopup})}},91969:(e,t,n)=>{"use strict";var r=n(47033),i={"text/plain":"Text","text/html":"Url",default:"Text"};e.exports=function(e,t){var n,a,o,c,l,u,s=!1;t||(t={}),n=t.debug||!1;try{if(o=r(),c=document.createRange(),l=document.getSelection(),(u=document.createElement("span")).textContent=e,u.ariaHidden="true",u.style.all="unset",u.style.position="fixed",u.style.top=0,u.style.clip="rect(0, 0, 0, 0)",u.style.whiteSpace="pre",u.style.webkitUserSelect="text",u.style.MozUserSelect="text",u.style.msUserSelect="text",u.style.userSelect="text",u.addEventListener("copy",(function(r){if(r.stopPropagation(),t.format)if(r.preventDefault(),void 0===r.clipboardData){n&&console.warn("unable to use e.clipboardData"),n&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var a=i[t.format]||i.default;window.clipboardData.setData(a,e)}else r.clipboardData.clearData(),r.clipboardData.setData(t.format,e);t.onCopy&&(r.preventDefault(),t.onCopy(r.clipboardData))})),document.body.appendChild(u),c.selectNodeContents(u),l.addRange(c),!document.execCommand("copy"))throw new Error("copy command was unsuccessful");s=!0}catch(r){n&&console.error("unable to copy using execCommand: ",r),n&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),s=!0}catch(r){n&&console.error("unable to copy using clipboardData: ",r),n&&console.error("falling back to prompt"),a=function(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}("message"in t?t.message:"Copy to clipboard: #{key}, Enter"),window.prompt(a,e)}}finally{l&&("function"==typeof l.removeRange?l.removeRange(c):l.removeAllRanges()),u&&document.body.removeChild(u),o()}return s}},22161:(e,t,n)=>{"use strict";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"}},63847:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r={learningIntention:"MHM6O",highlightPoi:"U7Q6x",icon:"H1xbT"}},91807:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"}},44818:(e,t,n)=>{"use strict";function r(e){return r="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},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.CopyToClipboard=void 0;var i=c(n(32735)),a=c(n(91969)),o=["text","onCopy","options","children"];function c(e){return e&&e.__esModule?e:{default:e}}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(y,e);var t,n,c,l,v=(c=y,l=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=m(c);if(l){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}(this,e)});function y(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,y);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return p(f(e=v.call.apply(v,[this].concat(n))),"onClick",(function(t){var n=e.props,r=n.text,o=n.onCopy,c=n.children,l=n.options,u=i.default.Children.only(c),s=(0,a.default)(r,l);o&&o(r,s),u&&u.props&&"function"==typeof u.props.onClick&&u.props.onClick(t)})),e}return t=y,(n=[{key:"render",value:function(){var e=this.props,t=(e.text,e.onCopy,e.options,e.children),n=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(e,o),r=i.default.Children.only(t);return i.default.cloneElement(r,u(u({},n),{},{onClick:this.onClick}))}}])&&s(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),y}(i.default.PureComponent);t.CopyToClipboard=v,p(v,"defaultProps",{onCopy:void 0,options:void 0})},59087:(e,t,n)=>{"use strict";var r=n(44818).CopyToClipboard;r.CopyToClipboard=r,e.exports=r},47033:e=>{e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,n=[],r=0;r<e.rangeCount;r++)n.push(e.getRangeAt(r));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||n.forEach((function(t){e.addRange(t)})),t&&t.focus()}}}}]);
+//# sourceMappingURL=5220-4a60d0b685-lite.chunk.js.map