@clickview/lite 0.53.4 → 0.53.6-rc.0

package/dist/scripts/6489-c242844567-lite.chunk.js

@@ -0,0 +1,3 @@
+/*! For license information please see 6489-c242844567-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6489],{2192:(e,t,n)=>{n.d(t,{M:()=>y,Q:()=>b});var r=n(32735),a=n(45157),c=n(36848),o=n(60376),l=n(5465),i=n(83914),s=n(83345),u=n(54610),m=n(67453),d=n(45778),f=n(35223),h=n(92038),v="shared.subjectWidgetItem",p=function(e){var t=e.name,n=e.multiline,a=e.noUnderLine,c="".concat(h.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),o="";return n?o+=" ".concat(h.Z.clamped," clamp-2"):(c+=" text-nowrap",o+=" text-truncate"),r.createElement("div",{className:c},r.createElement("small",{className:"text-secondary"},r.createElement(s.x,{namespace:v,phrase:"comingSoon"})),r.createElement("p",{className:"".concat(a?"":h.Z.name," h6")},r.createElement("span",{className:o},t)))},g=function(e){var t=e.name,n=e.multiline,a=e.subtitle,c=e.noUnderLine,o=e.newVideosCount,l="px-3 d-flex flex-column justify-content-center",i="".concat(c?"":h.Z.name," h6");return n?i+=" ".concat(o?"clamp-2":"clamp-3"," text-start"):(l+=" text-nowrap text-truncate",i+=" text-truncate mb-0"),r.createElement("div",{className:l},a&&r.createElement("div",{className:"text-secondary clamp-1 ".concat(h.Z.text)},a),r.createElement("div",{className:i,title:t},t),!!o&&r.createElement("div",{className:"fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ".concat(h.Z.newVideos)},r.createElement(s.x,{namespace:v,phrase:"newVideos",options:{smartCount:o}})))};function y(e){var t,n=m.j.createUrl(e.coverUrl,{size:e.isLarge?u.h2.Medium:u.h2.Small}),c=void 0;d.G.isClassification(e.data)&&(c=e.data);var s={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle,noUnderLine:e.highlightOnHover,newVideosCount:e.showNewVideosCount?null===(t=null==c?void 0:c.externalMetadata)||void 0===t?void 0:t.childDashboardNewVideoCount:0};return r.createElement("div",{className:"".concat(e.themeColor?h.Z.hasThemeColor:"border"," d-flex position-relative ").concat(e.className," ").concat(h.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""," ").concat(e.highlightOnHover&&!e.themeColor?"bg-light-blue-hover":""),style:e.themeColor?{"--themeColor":e.themeColor}:{},id:"".concat(e.data.id,"-").concat(a.Y.getRandomInt())},e.isSelected&&r.createElement("div",{className:"".concat(h.Z.selectedMask," border-2")}),r.createElement("div",{className:"".concat(h.Z.imagePanel," ").concat(e.isLarge?h.Z.large:"")},e.isSelected&&!e.hideCheckmark&&r.createElement("div",{className:h.Z.selected},r.createElement(o.f,{svgName:f.vn.Check,svgSize:i.S.Large,textVariant:"white",variant:"green"})),r.createElement("div",{className:"".concat(h.Z.image," ").concat(e.imageClassName),style:e.coverUrl?{backgroundImage:"url('".concat(n,"')")}:{}}),!e.hideFallback&&r.createElement(l.oy,{type:l.mS.Subject,extraClasses:e.isLarge?h.Z.large:""})),e.isComingSoon?r.createElement(p,Object.assign({},s)):r.createElement(g,Object.assign({},s)))}function b(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return r.createElement(r.Fragment,null,n?r.createElement(c.F,{className:h.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},r.createElement(y,Object.assign({},e))):r.createElement(y,Object.assign({},e)))}},75919:(e,t,n)=>{n.d(t,{N:()=>c});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return r.createElement("div",{className:(t="d-flex align-items-center text-center position-relative w-100 ".concat(a.imageContainer),"center"===e.contentPosition&&(t+=" px-5 justify-content-center"),"right"===e.contentPosition&&(t+=" me-n5 justify-content-end"),t)},!!e.annotationUrl&&r.createElement("div",{className:function(){var t=a.annotation;switch(e.annotationPosition){case"top-left":t+=" ".concat(a.above," ").concat(a.left);break;case"top-right":t+=" ".concat(a.above," ").concat(a.right);break;case"bottom-left":t+=" ".concat(a.below," ").concat(a.left);break;case"bottom-right":t+=" ".concat(a.below," ").concat(a.right)}return e.annotationClassName&&(t+=" ".concat(e.annotationClassName)),t}()},r.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&r.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,n)=>{n.d(t,{Y:()=>u});var r=n(32735),a=n(54610),c=n(67453),o=n(2248);const l={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(l.subjectPlaceholder)},e.coverUrl?r.createElement("div",{className:l.placeholderCover},r.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):r.createElement("div",{className:"".concat(l.placeholderCover," bg-light-blue")})))}function s(){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(l.promotedTopicPlaceholder)}))}function u(e){var t,n,a,c=Math.max(12-(null!==(n=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(o.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},r.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},r.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},r.createElement("div",{className:"bg-light ".concat(l.magicTab)}),r.createElement("div",{className:"".concat(l.magicTab)})),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2"},null===(a=e.subjects)||void 0===a?void 0:a.map((function(e){var t;return r.createElement(i,{key:e.id,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url})})),new Array(c).fill(0).map((function(e,t){return r.createElement(i,{key:t})}))),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null))))}},2248:(e,t,n)=>{n.d(t,{L:()=>v});var r=n(32735),a=n(60376),c=n(83914),o=n(2786),l=n(83345),i=n(72639),s=n(79967),u=n(35223),m=n(87114);const d={dot:"AlRQD",logo:"L42gR",blackBar:"ESCxm",topNav:"a3G_4",leftNav:"YxGVV",belowHeader:"jc_cg",leftNavIcon:"U6i6r",leftNavText:"LnYlW",presentationPlaceholderIcon:"Ljaju",presentationIcon:"QdwPq",presentationPlaceholderText:"af06V",curriculumIcon:"N7T4T",curriculumIconSmall:"_6xrUg",curriculumContainer:"Z65qX",iconPlaceholder:"CKOXL",shadow:"zygeJ",presentationName:"Oj7Dt"};var f="onboarding.mockLayout";function h(){return r.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},r.createElement("div",{className:"".concat(d.leftNavIcon," rounded-circle")}),r.createElement("div",{className:"".concat(d.leftNavText," rounded-pill")}))}function v(e){var t,n,v=(0,s.k)();return r.createElement("div",{className:"border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100"},!!e.editingCurriculum&&r.createElement("div",{className:"w-100 h-100 position-absolute ".concat(d.shadow)},r.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(d.curriculumContainer)},r.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},r.createElement("h2",{className:"h6 text-start"},r.createElement(l.x,{namespace:f,phrase:"curriculum"})),e.curriculum?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(d.curriculumIcon," rounded-circle me-2 border")},r.createElement(a.f,{imageUrl:null===(t=e.curriculum.cover)||void 0===t?void 0:t.url})),r.createElement("div",{className:"text-start"},e.curriculum.name)):r.createElement("div",{className:"d-flex align-items-center text-secondary"},r.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(d.iconPlaceholder)},r.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:u.vn.GraduationCap})),r.createElement(l.x,{namespace:f,phrase:"selectCurriculum"}))))),r.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(d.blackBar)},r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle ".concat(d.dot)})),r.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(d.topNav)},r.createElement("div",{className:"".concat(d.logo," me-4")},v.xs?r.createElement(o.bc,null):r.createElement(o.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(c.x,{svgName:u.vn.Search})),!!e.curriculum&&r.createElement("div",{className:"".concat(d.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},r.createElement(a.f,{imageUrl:null===(n=e.curriculum.cover)||void 0===n?void 0:n.url}))),r.createElement("div",{className:"d-flex ".concat(d.belowHeader)},r.createElement("div",{className:"".concat(d.leftNav," border-end")},r.createElement("div",{className:"d-flex flex-column pt-3 h-100"},r.createElement(h,null),r.createElement(h,null),r.createElement(h,null),r.createElement(h,null),r.createElement(h,null),r.createElement("div",{className:"d-flex align-items-end h-100 w-100"},r.createElement("div",{className:"border-top p-3 w-100"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(function(){if(!e.presentation)return d.presentationPlaceholderIcon;switch(m.i.getMappedPresentationLevel(e.presentation.learningLevel)){case i.p.Level_1:return"bg-indigo ".concat(d.presentationIcon);case i.p.Level_3:return"bg-blue ".concat(d.presentationIcon);default:case i.p.Level_2:return"bg-green ".concat(d.presentationIcon)}}()," text-white rounded")},r.createElement(c.x,{svgName:u.vn.School,size:c.S.Large})),e.presentation?r.createElement("span",{className:"fw-semibold text-truncate ".concat(d.presentationName)},e.presentation.name):r.createElement("div",{className:"".concat(d.presentationPlaceholderText," fw-semibold")},r.createElement(l.x,{namespace:f,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},90987:(e,t,n)=>{n.r(t),n.d(t,{OnboardingSelectCurriculumView:()=>S});var r=n(32735),a=n(20354),c=n(74254),o=n(11607),l=n(83345),i=n(2192),s=n(19808),u=n(31949),m=n(99742),d=n(82817),f=n(86698),h=n(75359),v=n(12058),p=n(40695),g=n(75919),y=n(39375),b=n(73190),E=n(90815);const x={annotation:"JX1ui"};function N(e){return N="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},N(e)}function w(){w=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},c="function"==typeof Symbol?Symbol:{},o=c.iterator||"@@iterator",l=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var c=t&&t.prototype instanceof g?t:g,o=Object.create(c.prototype),l=new T(r||[]);return a(o,"_invoke",{value:j(e,n,l)}),o}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",f="suspendedYield",h="executing",v="completed",p={};function g(){}function y(){}function b(){}var E={};s(E,o,(function(){return this}));var x=Object.getPrototypeOf,L=x&&x(x(_([])));L&&L!==n&&r.call(L,o)&&(E=L);var C=b.prototype=g.prototype=Object.create(E);function k(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function S(e,t){function n(a,c,o,l){var i=m(e[a],e,c);if("throw"!==i.type){var s=i.arg,u=s.value;return u&&"object"==N(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,o,l)}),(function(e){n("throw",e,o,l)})):t.resolve(u).then((function(e){s.value=e,o(s)}),(function(e){return n("throw",e,o,l)}))}l(i.arg)}var c;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return c=c?c.then(a,a):a()}})}function j(t,n,r){var a=d;return function(c,o){if(a===h)throw Error("Generator is already running");if(a===v){if("throw"===c)throw o;return{value:e,done:!0}}for(r.method=c,r.arg=o;;){var l=r.delegate;if(l){var i=O(l,r);if(i){if(i===p)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=v,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=h;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?v:f,s.arg===p)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=v,r.method="throw",r.arg=s.arg)}}}function O(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,O(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),p;var c=m(a,t.iterator,n.arg);if("throw"===c.type)return n.method="throw",n.arg=c.arg,n.delegate=null,p;var o=c.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,p):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}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 I(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 _(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 a=-1,c=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return c.next=c}}throw new TypeError(N(t)+" is not iterable")}return y.prototype=b,a(C,"constructor",{value:b,configurable:!0}),a(b,"constructor",{value:y,configurable:!0}),y.displayName=s(b,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,i,"GeneratorFunction")),e.prototype=Object.create(C),e},t.awrap=function(e){return{__await:e}},k(S.prototype),s(S.prototype,l,(function(){return this})),t.AsyncIterator=S,t.async=function(e,n,r,a,c){void 0===c&&(c=Promise);var o=new S(u(e,n,r,a),c);return t.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},k(C),s(C,i,"Generator"),s(C,o,(function(){return this})),s(C,"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=_,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(I),!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 a(r,a){return l.type="throw",l.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var c=this.tryEntries.length-1;c>=0;--c){var o=this.tryEntries[c],l=o.completion;if("root"===o.tryLoc)return a("end");if(o.tryLoc<=this.prev){var i=r.call(o,"catchLoc"),s=r.call(o,"finallyLoc");if(i&&s){if(this.prev<o.catchLoc)return a(o.catchLoc,!0);if(this.prev<o.finallyLoc)return a(o.finallyLoc)}else if(i){if(this.prev<o.catchLoc)return a(o.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return a(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var c=a;break}}c&&("break"===e||"continue"===e)&&c.tryLoc<=t&&t<=c.finallyLoc&&(c=null);var o=c?c.completion:{};return o.type=e,o.arg=t,c?(this.method="next",this.next=c.finallyLoc,p):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),p},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),I(n),p}},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 a=r.arg;I(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:_(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),p}},t}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 C=function(e,t,n,r){return new(n||(n=Promise))((function(a,c){function o(e){try{i(r.next(e))}catch(e){c(e)}}function l(e){try{i(r.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}i((r=r.apply(e,t||[])).next())}))},k="onboarding.selectCurriculum";function S(e){var t,n,N,S=(0,b.Q)(e.redirectUrl),j=S.onClickBack,O=S.exitOnboarding,P=S.completeStepAsync,I=S.onSaveError,T=(0,E.H)().logEvent,_=(0,f.y)().preferredPresentation,U=(0,d.M)(),Z=U.hasLoaded,A=U.preferredCurriculum,V=U.availableCurriculums,F=U.updateCurriculum,z=a.a.useBasicFetch(u.N.currentUser()),G=(n=r.useState(A),N=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,c,o,l=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=c.call(n)).done)&&(l.push(r.value),l.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(n,N)||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,N)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),M=G[0],B=G[1];return r.useEffect((function(){Z&&(null==A?void 0:A.id)&&B(A)}),[Z]),r.createElement(p.z,{namespace:k},r.createElement(p.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},r.createElement(g.N,{contentPosition:"right",annotationClassName:x.annotation,annotationUrl:(null===(t=z.data)||void 0===t?void 0:t.instanceRegion)===s.b.US?m.W.OnboardingV2.SelectCurriculum.ANNOTATION_US:m.W.OnboardingV2.SelectCurriculum.ANNOTATION,annotationPosition:"top-left"},r.createElement(y.Y,{presentation:_,curriculum:M,editingCurriculum:!0}))),r.createElement(p.z.Right,{hasCustomButtons:!1,onClickNext:function(){return C(this,void 0,void 0,w().mark((function e(){return w().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return T(c.Vw.Click,c.Ix.Next,{curriculumId:M.id,curriculumName:M.name}),e.prev=1,e.next=4,Promise.all([F(M),P()]);case 4:e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(1),I(),e.abrupt("return",Promise.reject());case 10:case"end":return e.stop()}}),e,null,[[1,6]])})))},onClickBack:j,onClickComeBackLater:O,disableNext:!M},r.createElement(h.W,null,r.createElement(l.x,{phrase:"heading"})),r.createElement(v.X,null,r.createElement(l.x,{phrase:"info"})),r.createElement("ul",{className:"list-unstyled mb-2 row g-2"},null==V?void 0:V.map((function(e){var t;return r.createElement("li",{key:e.id,className:"col-12 col-xl-12 col-lg-12 col-md-6 col-sm-6"},r.createElement(o.L,{onClick:function(){return function(e){T(c.Vw.Select,c.Ix.SelectCurriculum,{curriculumId:e.id,curriculumName:e.name}),B(e)}(e)}},r.createElement(i.M,{data:e,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url,imageClassName:"border-end",isSelected:e.id===(null==M?void 0:M.id),hideCheckmark:!0,multiline:!0,hideFallback:!0})))}))),r.createElement(v.X,null,r.createElement(l.x,{phrase:"dontWorry"}))))}},92038:(e,t,n)=>{n.d(t,{Z:()=>r});const r={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",hasThemeColor:"DX2ua",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",newVideos:"s61h8",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}}}]);
+//# sourceMappingURL=6489-c242844567-lite.chunk.js.map

package/dist/scripts/6489-c242844567-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6489-c242844567-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/mock-discover.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/MockDiscover.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/mock-layout.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/MockLayout.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/select-curriculum/select-curriculum.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/select-curriculum/OnboardingSelectCurriculumView.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { BaseObject, Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\nconst namespace = 'shared.subjectWidgetItem';\n\ninterface NamePanelProps {\n  name: string;\n  multiline?: boolean;\n  subtitle?: string;\n  noUnderLine?: boolean;\n  newVideosCount?: number;\n}\n\nconst ComingSoonNamePanel = ({ name, multiline, noUnderLine }: NamePanelProps) => {\n  let wrapperClassName = `${styles.comingSoonPanel} \n    d-flex flex-column align-items-center justify-content-center px-3 text-center`;\n\n  let textClassName = '';\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap';\n    textClassName += ' text-truncate';\n  } else {\n    textClassName += ` ${styles.clamped} clamp-2`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      <small className='text-secondary'><Text namespace={namespace} phrase='comingSoon' /></small>\n      <p className={`${noUnderLine ? '' : styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle, noUnderLine, newVideosCount }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${noUnderLine ? '' : styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0';\n  } else {\n    textClassName += ` ${newVideosCount ? 'clamp-2' : 'clamp-3'} text-start`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      {subtitle && <div className={`text-secondary clamp-1 ${styles.text}`}>{subtitle}</div>}\n      <div className={textClassName} title={name}>{name}</div>\n      {!!newVideosCount && (\n        <div className={`fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ${styles.newVideos}`}>\n          <Text namespace={namespace} phrase='newVideos' options={{ smartCount: newVideosCount }} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface CoverPillWidgetItemProps<T extends BaseObject> {\n  data: T;\n  getChildAppLink?: (data: T) => Core.AppLink;\n  getChildAppLinkOptions?: () => Core.AppLinkOptions;\n  isLarge?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  availablePresentations?: Presentation[];\n  getSubtitle?: (data: T) => string;\n  multiline?: boolean;\n  // set to true it will highlight on hover and also remove the hover text underline\n  highlightOnHover?: boolean;\n  showNewVideosCount?: boolean;\n  themeColor?: string;\n}\n\ninterface CoverPillWidgetContentProps<T> extends CoverPillWidgetItemProps<T> {\n  coverUrl?: string;\n  subtitle?: string;\n  isComingSoon?: boolean;\n  className?: string;\n  imageClassName?: string;\n  isSelected?: boolean;\n  hideFallback?: boolean;\n  hideCheckmark?: boolean;\n  themeColor?: string;\n}\n\nexport function CoverPillWidgetContent(props: CoverPillWidgetContentProps<BaseObject>): JSX.Element {\n  const coverUrl = ImageHelper.createUrl(props.coverUrl, { size: props.isLarge ? ImageSize.Medium : ImageSize.Small });\n\n  let classification: Classification | undefined = undefined;\n  if (MasterTypeHelper.isClassification(props.data)) {\n    classification = props.data;\n  }\n\n  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle,\n    noUnderLine: props.highlightOnHover,\n    newVideosCount:  props.showNewVideosCount ? classification?.externalMetadata?.childDashboardNewVideoCount : 0\n  };\n\n  return (\n    <div\n      className={`${props.themeColor ? styles.hasThemeColor : 'border'} d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''} ${props.highlightOnHover && !props.themeColor ? 'bg-light-blue-hover' : ''}`}\n      style={props.themeColor ? { '--themeColor': props.themeColor } as unknown as React.CSSProperties : {}}\n      id={`${props.data.id}-${RandomHelper.getRandomInt()}`}\n    >\n      {props.isSelected && (\n        <div className={`${styles.selectedMask} border-2`} />\n      )}\n\n      <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`}>\n        {props.isSelected && !props.hideCheckmark && (\n          <div className={styles.selected}>\n            <IconCircle svgName={cvSvgLibrary.Check} svgSize={SvgContainerSize.Large} textVariant='white' variant='green' />\n          </div>\n        )}\n\n        <div\n          className={`${styles.image} ${props.imageClassName}`}\n          style={props.coverUrl ? { backgroundImage: `url('${coverUrl}')` } : {}}\n        />\n        {!props.hideFallback && (\n          <ImageFallback\n            type={ImageFallbackType.Subject}\n            extraClasses={props.isLarge ? styles.large : ''}\n          />\n        )}\n      </div>\n\n      {props.isComingSoon\n        ? <ComingSoonNamePanel {...childProps} />\n        : <NormalNamePanel {...childProps} />\n      }\n    </div>\n  );\n}\n\nexport function CoverPillWidgetContentWrapper(props: CoverPillWidgetContentProps<BaseObject>) {\n  const appLink = props.getChildAppLink ? props.getChildAppLink(props.data) : null;\n\n  return (\n    <>\n      {appLink ? (\n        <AppLink\n          className={styles.appLink}\n          appLink={appLink}\n          analyticsData={props.analyticsData}\n          analyticsOptions={props.analyticsOptions}\n          appLinkOptions={props.getChildAppLinkOptions?.()}\n        >\n          <CoverPillWidgetContent {...props} />\n        </AppLink>\n      ) : (<CoverPillWidgetContent {...props} />)\n      }\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\ninterface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"magicTab\":\"H5jzm\",\"subjectPlaceholder\":\"r1L6T\",\"placeholderCover\":\"z9CFT\",\"promotedTopicPlaceholder\":\"PbYs6\",\"promotedTopicPlaceholderText\":\"hZ8Nf\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-discover.scss';\n\ninterface SubjectPlaceholderProps {\n  coverUrl?: string;\n}\n\nfunction SubjectPlaceholder(props: SubjectPlaceholderProps): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`d-flex border rounded-3 overflow-hidden ${styles.subjectPlaceholder}`}>\n        {props.coverUrl ? (\n          <div className={styles.placeholderCover}>\n            <img className='img-fluid' src={ImageHelper.createUrl(props.coverUrl, { size: ImageSize.Small })} />\n          </div>\n        ) : (\n          <div className={`${styles.placeholderCover} bg-light-blue`} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nfunction PromotedTopicPlaceholder(): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`bg-light-blue rounded-3 w-100 p-1 ${styles.promotedTopicPlaceholder}`} />\n    </li>\n  );\n}\n\ninterface MockDiscoverProps {\n  subjects?: Classification[];\n  presentation?: Presentation;\n  curriculum?: Presentation;\n  editingCurriculum?: boolean;\n}\n\nexport function MockDiscover(props: MockDiscoverProps): JSX.Element {\n  const placeholderSubjects = Math.max(12 - (props.subjects?.length ?? 0), 0);\n\n  return (\n    <MockLayout\n      presentation={props.presentation}\n      curriculum={props.curriculum}\n      editingCurriculum={props.editingCurriculum}\n    >\n      <div className='px-3 pt-3 w-100 d-flex flex-column align-items-center'>\n        {/* Magic tabs */}\n        <div className='rounded-3 border overflow-hidden d-flex mb-2'>\n          <div className={`bg-light ${styles.magicTab}`} />\n          <div className={`${styles.magicTab}`} />\n        </div>\n\n        {/* Subjects */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2'>\n          {props.subjects?.map(subject => {\n            return (\n              <SubjectPlaceholder key={subject.id} coverUrl={subject.cover?.url} />\n            );\n          })}\n          {new Array(placeholderSubjects).fill(0).map((_, index) => {\n            return (\n              <SubjectPlaceholder key={index} />\n            );\n          })}\n        </ul>\n\n        {/* Promoted topics */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1'>\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n        </ul>\n      </div>\n    </MockLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dot\":\"AlRQD\",\"logo\":\"L42gR\",\"blackBar\":\"ESCxm\",\"topNav\":\"a3G_4\",\"leftNav\":\"YxGVV\",\"belowHeader\":\"jc_cg\",\"leftNavIcon\":\"U6i6r\",\"leftNavText\":\"LnYlW\",\"presentationPlaceholderIcon\":\"Ljaju\",\"presentationIcon\":\"QdwPq\",\"presentationPlaceholderText\":\"af06V\",\"curriculumIcon\":\"N7T4T\",\"curriculumIconSmall\":\"_6xrUg\",\"curriculumContainer\":\"Z65qX\",\"iconPlaceholder\":\"CKOXL\",\"shadow\":\"zygeJ\",\"presentationName\":\"Oj7Dt\"};","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClickViewLogo, ClickViewPrimaryLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './mock-layout.scss';\n\nconst namespace = 'onboarding.mockLayout';\n\nfunction LeftNavItem(): JSX.Element {\n  return (\n    <div className='d-flex align-items-center justify-content-center mb-2 px-3'>\n      <div className={`${styles.leftNavIcon} rounded-circle`} />\n      <div className={`${styles.leftNavText} rounded-pill`} />\n    </div>\n  );\n}\n\ninterface MockLayoutProps {\n  editingCurriculum?: boolean;\n  curriculum?: Presentation;\n  presentation?: Presentation;\n}\n\nexport function MockLayout(props: React.PropsWithChildren<MockLayoutProps>): JSX.Element {\n  const breakpoints = useBreakpoints();\n  \n  function getPresentationClass(): string {\n    if (!props.presentation)\n      return styles.presentationPlaceholderIcon;\n\n    switch (TopicsHelper.getMappedPresentationLevel(props.presentation.learningLevel)) {\n      case PresentationLearningLevel.Level_1:\n        return `bg-indigo ${styles.presentationIcon}`;\n\n      case PresentationLearningLevel.Level_3:\n        return `bg-blue ${styles.presentationIcon}`;\n\n      default:\n      case PresentationLearningLevel.Level_2:\n        return `bg-green ${styles.presentationIcon}`;\n    }\n  }\n\n  return (\n    <div className={`border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100`}>\n      {!!props.editingCurriculum && (\n        <div className={`w-100 h-100 position-absolute ${styles.shadow}`}>\n          <div className={`d-flex align-items-center h-100 w-50 ${styles.curriculumContainer}`}>\n            <div className='bg-white rounded-3 border p-3 w-100'>\n              <h2 className='h6 text-start'><Text namespace={namespace} phrase='curriculum' /></h2>\n\n              {props.curriculum ? (\n                <div className='d-flex align-items-center'>\n                  <div className={`${styles.curriculumIcon} rounded-circle me-2 border`}>\n                    <IconCircle imageUrl={props.curriculum.cover?.url} />\n                  </div>\n                  <div className='text-start'>{props.curriculum.name}</div>\n                </div>\n              ) : (\n                <div className='d-flex align-items-center text-secondary'>\n                  <div className={`me-2 rounded-circle p-1 ${styles.iconPlaceholder}`}>\n                    <IconCircle svgSize={SvgContainerSize.Large} textVariant='secondary' svgName={cvSvgLibrary.GraduationCap} />\n                  </div>\n                  <Text namespace={namespace} phrase='selectCurriculum' />\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Black bar */}\n      <div className={`bg-dark d-flex px-3 py-2 ${styles.blackBar}`}>\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle ${styles.dot}`} />\n      </div>\n\n      {/* Header */}\n      <div className={`border-bottom px-3 py-2 d-flex align-items-center ${styles.topNav}`}>\n        <div className={`${styles.logo} me-4`}>\n          {breakpoints.xs ? (\n            <ClickViewPrimaryLogo />\n          ) : (\n            <ClickViewLogo />\n          )}\n        </div>\n        <div className='form-control w-75 d-flex justify-content-start'>\n          <SvgContainer svgName={cvSvgLibrary.Search} />\n        </div>\n        {!!props.curriculum && (\n          <div className={`${styles.curriculumIconSmall} rounded-circle ms-2 me-n1 border`}>\n            <IconCircle imageUrl={props.curriculum.cover?.url} />\n          </div>\n        )}\n      </div>\n\n      <div className={`d-flex ${styles.belowHeader}`}>\n        {/* Left nav */}\n        <div className={`${styles.leftNav} border-end`}>\n          <div className='d-flex flex-column pt-3 h-100'>\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n\n            {/* Presentation */}\n            <div className='d-flex align-items-end h-100 w-100'>\n              <div className='border-top p-3 w-100'>\n                <div className='d-flex align-items-center'>\n                  <div className={`${getPresentationClass()} text-white rounded`}>\n                    <SvgContainer svgName={cvSvgLibrary.School} size={SvgContainerSize.Large} />\n                  </div>\n\n                  {!props.presentation ? (\n                    <div className={`${styles.presentationPlaceholderText} fw-semibold`}>\n                      <Text namespace={namespace} phrase='schoolLevel' />\n                    </div>\n                  ) : (\n                    <span className={`fw-semibold text-truncate ${styles.presentationName}`}>{props.presentation.name}</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Main content */}\n        <div className={`w-100 h-100 overflow-hidden`}>\n          {props.children}\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"JX1ui\"};","import React from 'react';\n\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces/AnalyticsTypes';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CoverPillWidgetContent } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { InstanceRegion } from 'libs/shared/enums/InstanceRegion';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { CurrentUser, Presentation } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\n\nimport styles from './select-curriculum.scss';\n\nconst namespace = 'onboarding.selectCurriculum';\n\nexport function OnboardingSelectCurriculumView(props: OnboardingViewProps): JSX.Element {\n  const {\n    onClickBack,\n    exitOnboarding,\n    completeStepAsync,\n    onSaveError\n  } = useOnboardingCallbacks(props.redirectUrl);\n  const { logEvent } = useOnboardingEventLogger();\n  const { preferredPresentation } = usePresentation();\n  const {\n    hasLoaded: hasLoadedCurriculums,\n    preferredCurriculum,\n    availableCurriculums,\n    updateCurriculum\n  } = useCurriculums();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const [ selectedCurriculum, setSelectedCurriculum ] = React.useState<Presentation>(preferredCurriculum);\n\n  React.useEffect(() => {\n    if (!hasLoadedCurriculums)\n      return;\n\n    if (preferredCurriculum?.id)\n      setSelectedCurriculum(preferredCurriculum);\n  }, [hasLoadedCurriculums]);\n\n  function onSelectCurriculum(curriculum: Presentation): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectCurriculum, {\n      curriculumId: curriculum.id,\n      curriculumName: curriculum.name\n    });\n\n    setSelectedCurriculum(curriculum);\n  }\n\n  async function onClickNext(): Promise<void> {\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      curriculumId: selectedCurriculum.id,\n      curriculumName: selectedCurriculum.name\n    });\n\n    try {\n      await Promise.all([\n        updateCurriculum(selectedCurriculum),\n        completeStepAsync()\n      ]);\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-dark-blue d-flex flex-column align-items-end justify-content-center'>\n        <LeftPanelItem\n          contentPosition='right'\n          annotationClassName={styles.annotation}\n          annotationUrl={currentUser.data?.instanceRegion === InstanceRegion.US\n            ? ImageUrls.OnboardingV2.SelectCurriculum.ANNOTATION_US\n            : ImageUrls.OnboardingV2.SelectCurriculum.ANNOTATION\n          }\n          annotationPosition='top-left'\n        >\n          <MockDiscover\n            presentation={preferredPresentation}\n            curriculum={selectedCurriculum}\n            editingCurriculum\n          />\n        </LeftPanelItem>\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selectedCurriculum}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase='heading' />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase='info' />\n        </OnboardingScreenInfo>\n\n        <ul className={`list-unstyled mb-2 row g-2`}>\n          {availableCurriculums?.map(curriculum => {\n            return (\n              <li key={curriculum.id} className={`col-12 col-xl-12 col-lg-12 col-md-6 col-sm-6`}>\n                <DivButton\n                  onClick={() => onSelectCurriculum(curriculum)}\n                >\n                  <CoverPillWidgetContent\n                    data={curriculum}\n                    coverUrl={curriculum.cover?.url}\n                    imageClassName='border-end'\n                    isSelected={curriculum.id === selectedCurriculum?.id}\n                    hideCheckmark\n                    multiline\n                    hideFallback\n                  />\n                </DivButton>\n              </li>\n            );\n          })}\n        </ul>\n\n        <OnboardingScreenInfo>\n          <Text phrase='dontWorry' />\n        </OnboardingScreenInfo>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"hasThemeColor\":\"DX2ua\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"newVideos\":\"s61h8\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};"],"names":["namespace","ComingSoonNamePanel","name","multiline","noUnderLine","wrapperClassName","textClassName","className","phrase","NormalNamePanel","subtitle","newVideosCount","title","options","smartCount","CoverPillWidgetContent","props","coverUrl","size","isLarge","classification","undefined","data","childProps","highlightOnHover","showNewVideosCount","externalMetadata","childDashboardNewVideoCount","themeColor","isSelected","style","id","hideCheckmark","svgName","svgSize","S","textVariant","variant","imageClassName","backgroundImage","hideFallback","type","extraClasses","isComingSoon","CoverPillWidgetContentWrapper","appLink","getChildAppLink","analyticsData","analyticsOptions","appLinkOptions","getChildAppLinkOptions","LeftPanelItem","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","ImageHelper","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","subjects","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","cover","url","Array","fill","_","index","LeftNavItem","breakpoints","useBreakpoints","Text","IconCircle","imageUrl","SvgContainer","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","OnboardingSelectCurriculumView","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","completeStepAsync","onSaveError","logEvent","useOnboardingEventLogger","preferredPresentation","usePresentation","useCurriculums","hasLoadedCurriculums","hasLoaded","preferredCurriculum","availableCurriculums","updateCurriculum","currentUser","UserRequests","selectedCurriculum","setSelectedCurriculum","OnboardingLayout","instanceRegion","InstanceRegion","ImageUrls","hasCustomButtons","onClickNext","curriculumId","curriculumName","Promise","all","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","DivButton","onClick","onSelectCurriculum","CoverPill"],"sourceRoot":""}

package/dist/scripts/6544-07898e3fa3-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6544],{1353:(e,t,n)=>{n.d(t,{$:()=>s});var r=n(32735),a=n(23481),i=n(11607),c=n(54610),l=n(67453),o=n(22161),u=a.T.encloseNamespace("shared.curriculumLinks");function s(e){var t=e.data;return r.createElement(i.L,{key:t.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(o.Z.tag," ").concat(e.selected?o.Z.selected:""),onClick:function(){return e.onChangeCurriculum(t.id.toString())},"aria-label":"".concat(u("ariaFilter")," ").concat(t.name)},r.createElement("div",{className:"bg-white ".concat(o.Z.cover," rounded-circle border")},r.createElement("img",{src:l.j.createUrl(t.cover.url,{size:c.h2.Small}),alt:t.name,className:"rounded-circle"})),r.createElement("div",{className:"ms-2"},t.name))}},93439:(e,t,n)=>{n.d(t,{h:()=>E});var r=n(32735),a=n(44599),i=n(83345),c=n(85597),l=n(54610),o=n(67453),u=n(38496),s=n(22161);function m(e){return m="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},m(e)}function d(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=m(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==m(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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,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}}(e,t)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}(e,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 v(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 p=/(.*)\s\((.*)?\)/i,g="shared.curriculumLinks",y="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block";function h(e){function t(){var t=y+" 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(i.x,{namespace:g,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 b(e){var t,n,a,i={},l=!1;function o(e){var t="mb-2";return e.name||l?t:t+" ms-4 "+s.Z.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[c.k.Area].map((function(e){return e.name})).join(" - ");i[t]?e[c.k.Leaf].forEach((function(e){i[t].find((function(t){return t.name===e.name}))||(i[t].push(e),e.name&&(l=!0))})):i[t]=e[c.k.Leaf]})),r.createElement(r.Fragment,null,r.createElement("h3",{className:"".concat(y," 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,(a=t.match(p))?"".concat(a[1]," • ").concat(a[2]," • ").concat(n):"".concat(t," • ").concat(n))),r.createElement("div",{className:"me-2 ".concat(s.Z.curriculumSubject)},Object.keys(i).map((function(t,n){return r.createElement("div",{key:n,className:s.Z.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:o(t)},r.createElement(h,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:l}))}))))}))))}function E(e){var t,n,m=f(r.useState(0),2),v=m[0],p=m[1],y=f(r.useState(!1),2),h=y[0],E=y[1],S=f(r.useState(!1),2),k=S[0],N=S[1],A=f(r.useState([]),2),C=A[0],L=A[1];function x(e){p((function(t){return t>=e?t:e}))}r.useEffect((function(){var t,n;e.checkAllCurriculums&&e.curriculumLinks&&!(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length)&&(N(!0),e.checkAllCurriculums().then((function(e){e.length&&E(!0),L(e)})).finally((function(){return N(!1)}))),(null===(n=e.curriculumLinks)||void 0===n?void 0:n.length)&&h&&E(!1)}),[null===(t=e.curriculumLinks)||void 0===t?void 0:t.length]);var w=r.useMemo((function(){var t,n={};return null===(t=e.curriculumLinks)||void 0===t||t.forEach((function(e){var t=null,r=null,a=[],i=[];e.forEach((function(e){switch(e.type){case c.k.Subject:t=e;break;case c.k.Audience:r=e;break;case c.k.Area:a.push(e);break;case c.k.Leaf:i.push(e)}}));var l="".concat(t.id,":").concat(r.id);n[l]?n[l].areasAndLeaves.push(d(d({},c.k.Area,a),c.k.Leaf,i)):n[l]=d(d(d({},c.k.Subject,t),c.k.Audience,r),"areasAndLeaves",[d(d({},c.k.Area,a),c.k.Leaf,i)])})),n}),[e.curriculumLinks]);return k?r.createElement(a.Z,null):(null===(n=e.curriculumLinks)||void 0===n?void 0:n.length)||e.hasNonEmptyCurriculums||!e.emptyStateUrl||h||k?h?r.createElement("div",null,r.createElement("div",{className:"mb-3"},r.createElement(i.x,{namespace:g,phrase:"currentEmpty"})),r.createElement("div",{className:"mb-3"},r.createElement(i.x,{namespace:g,phrase:"currentEmptyInfo"})),r.createElement("ul",{className:"list-unstyled mb-0"},C.map((function(t){return r.createElement("li",{key:t.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(s.Z.tag," me-2"),onClick:function(){return e.onChangeCurriculum(t.id.toString())}},r.createElement("div",{className:"bg-white ".concat(s.Z.cover," rounded-circle")},r.createElement("img",{src:o.j.createUrl(t.cover.url,{size:l.h2.Small}),alt:t.name,className:"rounded-circle"})),t.name)})))):r.createElement("ul",{className:"list-unstyled m-0"},Object.keys(w).map((function(e,t){return r.createElement("li",{key:"linkset-".concat(t),className:s.Z.curriculumSet},r.createElement(b,{linkSet:w[e],trySetMaxCodeWidth:x,codeWidth:v}))}))):r.createElement(u.p,{emptyStateUrl:e.emptyStateUrl})}},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)))}},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}," "))}))},88513:(e,t,n)=>{n.d(t,{B:()=>s});var r=n(32735),a=n(23481),i=n(65858),c=n(36848);const l={seeMore:"yv0FS"};var o=a.T.encloseNamespace("shared.widgetHeader");function u(e){return r.createElement("div",{className:"ms-3 ".concat(l.seeMore)},r.createElement(c.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{descriptor:i._S.SeeMore}),className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},r.createElement("p",{className:"hover-text-underline text-dark curated-widget-heading"},o("seeAll"))))}function s(e){var t=!!e.description;return e.name||e.description?r.createElement("div",{className:"curated-widget-header"},r.createElement("div",{className:"d-flex justify-content-between"},!!e.name&&r.createElement("div",{className:l.title},r.createElement(c.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.name))),!!e.appLink&&!t&&!!e.showSeeMoreLink&&r.createElement(u,Object.assign({},e))),t&&r.createElement("div",{className:"d-flex justify-content-between align-items-end"},r.createElement("p",{className:"description curated-widget-description ".concat(l.description)},r.createElement("span",null,e.description)),!!e.appLink&&!!e.showSeeMoreLink&&r.createElement(u,Object.assign({},e)))):r.createElement(r.Fragment,null)}},65163:(e,t,n)=>{n.d(t,{QL:()=>r.Q,eb:()=>r.e});var r=n(16450);n(14244)},29420:(e,t,n)=>{n.d(t,{T:()=>u});var r=n(32735),a=n(82182);function i(e){return i="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},i(e)}function c(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,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}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var o=400;function u(e){var t=e.type,n=e.state,l=e.containerRef,u=e.mediaQuery,s=c(r.useState(!1),2),m=s[0],d=s[1],f=c(r.useState({}),2),v=f[0],p=f[1],g=c(r.useState(null),2),y=g[0],h=g[1],b=r.useMemo((function(){return a.V.isTouchScreen()}),[]);return r.useEffect((function(){"dynamic"===t&&l.current&&n.containerLeftPosition&&!b&&setTimeout((function(){return function(){var e,t=n;if(null===(e=l.current)||void 0===e?void 0:e.children){var r=Array.from(l.current.children).reduce((function(e,n){var r,a,c,l=null==n?void 0:n.getBoundingClientRect(),o=l.left<t.containerRightPosition&&l.right>t.containerLeftPosition;return Object.assign(Object.assign({},e),(r={},a=n.id,c=o?{"aria-hidden":!1}:{"aria-hidden":!0,inert:"true"},(a=function(e){var t=function(e,t){if("object"!=i(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==i(t)?t:t+""}(a))in r?Object.defineProperty(r,a,{value:c,enumerable:!0,configurable:!0,writable:!0}):r[a]=c,r))}),{});p(r)}}()}),o+50)}),[l.current,u,n.offset,n.containerLeftPosition]),{isTabbing:m,onFocusWidget:function(e){document.querySelector(".user-is-tabbing")&&(d(!0),h(e))},onBlurWidget:function(){document.querySelector(".user-is-tabbing")||(d(!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:v,focusNext:function(){setTimeout((function(){if(l.current){for(var e=l.current.querySelectorAll("li[aria-hidden]"),t=null,n=y+1;n<e.length&&!t;n++)t=e[n].querySelector('a[tabindex="0"]');t&&t.focus()}}),o+100)},focusPrev:function(){setTimeout((function(){if(l.current){for(var e=l.current.querySelectorAll("li[aria-hidden]"),t=null,n=y-1;n>=0&&!t;n--)t=e[n].querySelector('a[tabindex="0"]');t&&t.focus()}}),o+100)}}}},43872:(e,t,n)=>{n.d(t,{V:()=>s});var r=n(32735),a=n(82182),i=n(31069),c=n(91967),l=new Image;l.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var o=function(e){e.dataTransfer.setDragImage&&c.q.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(l,0,0)},u=a.V.isTouchScreen(),s=r.forwardRef((function(e,t){var n,a,c,l,s=e.children,m=e.positionType,d=e.onDrag,f=e.onDragEnd,v=e.onTouchMove,p=e.onTouchEnd,g=e.percentageDragged,y=e.position,h=void 0===y?0:y;return r.createElement("ul",Object.assign({className:"list-unstyled d-flex flex-nowrap position-relative w-100 mb-0",style:(a=h,c=m,l=g,c===i.C.Percentage&&l&&(a-=l),{transform:"translate3d(".concat(a).concat(c,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},d&&f&&(n.draggable=!0,n.onDragEnd=f,n.onDragStart=o,n.onDragOver=d),v&&p&&u&&(n.onTouchMoveCapture=v,n.onTouchEndCapture=p),n)),s)}))},16930:(e,t,n)=>{n.d(t,{W:()=>m,f:()=>u});var r=n(32735),a=n(23481),i=n(83914),c=n(35223);const l="VSAPU",o="kgeXh";var u,s=a.T.encloseNamespace("shared.widgetButton");!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(u||(u={}));var m=r.memo((function(e){var t,n,a,m=e.direction===u.Left,d=m?c.vn.ChevronLeft:c.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===(a=e.state)||void 0===a?void 0:a.viewableItems)+"%"}:{height:"100%"}},e.useGradientBackdrop&&r.createElement("div",{className:m?"".concat("Pt3nx"," ").concat(e.leftGradientClassName):"".concat("ZuAif"," ").concat(e.rightGradientClassName)}),!e.hideExtendedClickableArea&&r.createElement("button",{onClick:e.onClick,className:"".concat("AtsWP"," ").concat(m?l:o),tabIndex:-1}),r.createElement("button",{className:"".concat((t="BVcIS",t+=m?" ".concat(l," ").concat(e.leftButtonClassName):" ".concat(o," ").concat(e.rightButtonClassName))," ").concat("gAsE9"," ").concat(e.className||""),onClick:e.onClick,"aria-label":s(m?"previous":"next")},e.hoverText&&r.createElement("span",{className:"ps-3 pe-2 ".concat("APA36")},e.hoverText),r.createElement(i.x,{svgName:d,size:i.S.Medium,className:"svg-container d-inline-block ".concat("Ev4hr")})))}))},31069:(e,t,n)=>{var r;n.d(t,{C:()=>r}),function(e){e.Percentage="%",e.Pixels="px"}(r||(r={}))},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={}))},10841:(e,t,n)=>{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)=>{n.d(t,{V:()=>i});var r=n(86764),a=n(3747);function i(){var e=(0,a.a)(r.r.XS),t=(0,a.a)(r.r.SM),n=(0,a.a)(r.r.MD),i=(0,a.a)(r.r.LG),c=(0,a.a)(r.r.XL),l=(0,a.a)(r.r.XXL),o=r.r.LG;return e&&(o=r.r.XS),t&&(o=r.r.SM),n&&(o=r.r.MD),i&&(o=r.r.LG),c&&(o=r.r.XL),l&&(o=r.r.XXL),o}},7506:(e,t,n)=>{n.r(t),n.d(t,{ViewCurriculumLinksView:()=>N});var r=n(32735),a=n(80247),i=n(23481),c=n(20354),l=n(75896),o=n(49985),u=n(65858),s=n(1353),m=n(93439),d=n(9111),f=n(13876),v=n(63112),p=n(65163),g=n(1575),y=n(69883),h=n(99742),b=n(82817);function E(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,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}}(e,t)||function(e,t){if(e){if("string"==typeof e)return S(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}(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 S(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=i.T.encloseNamespace("shared.viewCurriculumLinks");function N(e){var t,n=(0,b.M)(e.id),i=n.hasLoaded,S=n.preferredCurriculum,N=n.availableCurriculums,A=n.nonEmptyCurriculums,C=n.curriculumLinks,L=n.updateCurriculum,x=E(r.useState(!i),2),w=x[0],j=x[1],T=E(r.useState(),2),I=T[0],O=T[1],M=c.a.useBasicFetch(g.R.video(e.id)),D=(0,y.Z)();function P(e){var t,n,r=N.find((function(t){return t.id.toString()===e}));(null==r?void 0:r.id)&&(null===(t=null==I?void 0:I.id)||void 0===t?void 0:t.toString())!==(null===(n=null==r?void 0:r.id)||void 0===n?void 0:n.toString())&&(O(r),j(!0),L(r,(function(){var e,t;o.k.logUserAction({id:r.id,name:r.id,description:r.description,videoId:null===(e=M.data)||void 0===e?void 0:e.id,videoName:null===(t=M.data)||void 0===t?void 0:t.name},{entity:u.py.Presentation,actionType:u.Vw.Select,descriptor:u.kD.Curriculum,location:u.LZ.PlayPage})}),(function(){O(I),j(!1),D.error(k("updateFailed"))})))}return r.useEffect((function(){i&&(I||O(null!=S?S:l.m.first(N)),j(!1))}),[null==S?void 0:S.id,i]),r.createElement(d.G,{title:k("heading"),closePopup:e.closePopup,size:"lg"},r.createElement("div",{className:"mb-3 mx-2"},!!(null==A?void 0:A.length)&&r.createElement(p.eb,{collection:A,childClassName:"flex-shrink-0",childComponent:function(e){var t;return r.createElement(s.$,Object.assign({},e,{selected:(null===(t=null==I?void 0:I.id)||void 0===t?void 0:t.toString())===e.data.id.toString(),onChangeCurriculum:P}))},partialLoadingComponent:function(){return r.createElement(v.o,null)},widgetDataDeps:[null===(t=null==I?void 0:I.id)||void 0===t?void 0:t.toString()]})),w?r.createElement("div",{className:"d-flex justify-content-center align-items-center py-5"},r.createElement(a.Z,{as:"div",animation:"border",role:"status"})):r.createElement("div",{className:"pb-3"},r.createElement(m.h,{curriculumLinks:C,emptyStateUrl:h.W.EmptyStates.CURRICULUM_LINKS,onChangeCurriculum:P,hasNonEmptyCurriculums:!!A.length})),r.createElement(f.u,null,r.createElement(f.u.Submit,{variant:"dark",onClick:e.closePopup,text:k("close")})))}},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"}},91807:(e,t,n)=>{n.d(t,{Z:()=>r});const r={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"}}}]);
+//# sourceMappingURL=6544-07898e3fa3-lite.chunk.js.map

package/dist/scripts/6544-07898e3fa3-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6544-07898e3fa3-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/CurriculumLinks.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/tags/PartialTagItem.tsx","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/widget-header.scss","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/WidgetHeader.tsx","file:///app/packages/libs/shared/src/components/widgets/hooks/useWidgetKeyboard.ts","file:///app/packages/libs/shared/src/utils/DragHelper.ts","file:///app/packages/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx","file:///app/packages/libs/shared/src/components/widgets/widget-button/widget-button.scss","file:///app/packages/libs/shared/src/components/widgets/widget-button/WidgetButton.tsx","file:///app/packages/libs/shared/src/enums/CssMeasurement.ts","file:///app/packages/libs/shared/src/enums/CurriculumType.ts","file:///app/packages/libs/shared/src/enums/WidgetInteraction.ts","file:///app/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts","file:///app/packages/projects/lite/src/shared/views/view-curriculum-links/ViewCurriculumLinksView.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/curriculum-links.scss","file:///app/packages/libs/shared/src/components/tags/tags.scss"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './curriculum-links.scss';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinkItemProps {\n  data: Presentation;\n  onChangeCurriculum: (id: string) => any;\n  selected: boolean;\n}\n\nexport function CurriculumLinkItem(props: CurriculumLinkItemProps): JSX.Element {\n  const { data: curriculumTag } = props;\n\n  return (\n    <DivButton\n      key={curriculumTag.id}\n      className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ${styles.tag} ${props.selected ? styles.selected : ''}`}\n      onClick={() => props.onChangeCurriculum(curriculumTag.id.toString())}\n      aria-label={`${getPhrase('ariaFilter')} ${curriculumTag.name}`}\n    >\n      <div className={`bg-white ${styles.cover} rounded-circle border`}>\n        <img\n          src={ImageHelper.createUrl(curriculumTag.cover.url, { size: ImageSize.Small })}\n          alt={curriculumTag.name}\n          className='rounded-circle'\n        />\n      </div>\n      <div className='ms-2'>\n        {curriculumTag.name}\n      </div>\n    </DivButton>\n  );\n}","import React from 'react';\n\nimport { 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 { ImageSize } from 'libs/shared/enums/Images';\nimport { Curriculum, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { CurriculumLinksEmptyState } from './CurriculumLinksEmptyState';\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';\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 CurriculumLinksProps {\n  curriculumLinks: Curriculum[][];\n  emptyStateUrl?: string;\n  checkAllCurriculums?: () => Promise<Presentation[]>;\n  onChangeCurriculum?: (id: string) => void;\n  hasNonEmptyCurriculums: boolean;\n}\n\nexport function CurriculumLinks(props: CurriculumLinksProps): JSX.Element {\n  const [ codeWidth, setCodeWidth ] = React.useState(0);\n  const [ showOtherCurriculums, setShowOtherCurriculums ] = React.useState(false);\n  const [ loadingOther, setLoadingOther ] = React.useState(false);\n  const [ curriculumTags, setCurriculumTags ] = React.useState<Presentation[]>([]);\n\n  React.useEffect(() => {\n    if (props.checkAllCurriculums && props.curriculumLinks && !props.curriculumLinks?.length) {\n      setLoadingOther(true);\n      // only fetch other curriculums when this curriculum is displayed\n      props.checkAllCurriculums().then(data => {\n        if (data.length) {\n          setShowOtherCurriculums(true);\n        }\n\n        setCurriculumTags(data);\n      }).finally(() => setLoadingOther(false));\n    }\n\n    if (props.curriculumLinks?.length && showOtherCurriculums) {\n      setShowOtherCurriculums(false);\n    }\n  }, [props.curriculumLinks?.length]);\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 (loadingOther) {\n    return <PartialCurriculumLinks />;\n  }\n \n  if (!props.curriculumLinks?.length && !props.hasNonEmptyCurriculums) {\n    // only if all other curriculums don't have links we render the empty state\n    if (props.emptyStateUrl && !showOtherCurriculums && !loadingOther)\n      return <CurriculumLinksEmptyState emptyStateUrl={props.emptyStateUrl} />;\n  }\n\n  if (showOtherCurriculums) {\n    return (\n      <div>\n        <div className='mb-3'>\n          <Text namespace={namespace} phrase='currentEmpty' />\n        </div>\n        <div className='mb-3'>\n          <Text namespace={namespace} phrase='currentEmptyInfo' />\n        </div>\n        <ul className='list-unstyled mb-0'>\n          {curriculumTags.map(t => (\n            <li\n              key={t.id}\n              className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ${styles.tag} me-2`}\n              onClick={() => props.onChangeCurriculum(t.id.toString())}\n            >\n              <div className={`bg-white ${styles.cover} rounded-circle`}>\n                <img\n                  src={ImageHelper.createUrl(t.cover.url, { size: ImageSize.Small })}\n                  alt={t.name}\n                  className='rounded-circle'\n                />\n              </div>\n              {t.name}\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\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 { 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\"};","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});","// extracted by mini-css-extract-plugin\nexport default {\"seeMore\":\"yv0FS\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, ClickDescriptor } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './widget-header.scss';\n\nconst namespace = 'shared.widgetHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface WidgetHeaderProps {\n  name: string;\n  description: string;\n\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  showSeeMoreLink?: boolean;\n  onClick?: () => void;\n}\n\nfunction SeeMore(props: WidgetHeaderProps) {\n  return (\n    <div className={`ms-3 ${styles.seeMore}`}>\n      <AppLink\n        appLink={props.appLink}\n        analyticsData={props.analyticsData }\n        analyticsOptions={{ ...props.analyticsOptions, descriptor: ClickDescriptor.SeeMore }}\n        className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n      >\n        <p className='hover-text-underline text-dark curated-widget-heading'>{getPhrase('seeAll')}</p>\n      </AppLink>\n    </div>\n  );\n}\n\nexport function WidgetHeader(props: WidgetHeaderProps): JSX.Element {\n  const hasDescription = !!props.description;\n\n  if (!props.name && !props.description)\n    return <></>;\n\n  return (\n    <div className='curated-widget-header'>\n      <div className='d-flex justify-content-between'>\n        {!!props.name && (\n          <div className={styles.title}>\n            <AppLink\n              appLink={props.appLink}\n              analyticsOptions={props.analyticsOptions}\n              analyticsData={props.analyticsData}\n              className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n              onClick={props.onClick}\n            >\n              <h2 className='h4 curated-widget-heading'>\n                {props.name}\n              </h2>\n            </AppLink>\n          </div>\n        )}\n        {!!props.appLink && !hasDescription && !!props.showSeeMoreLink && <SeeMore {...props}/>}\n      </div>\n  \n      {hasDescription && (\n        <div className='d-flex justify-content-between align-items-end'>\n          <p className={`description curated-widget-description ${styles.description}`}>\n            <span>{props.description}</span>\n          </p>\n          {!!props.appLink && !!props.showSeeMoreLink && <SeeMore {...props}/> }\n        </div>\n      )}\n    </div>\n  );\n}","import React from 'react';\n\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { DynamicWidgetState } from 'libs/shared/components/widgets/dynamic-widget';\nimport { FixedWidgetState } from 'libs/shared/components/widgets/fixed-widget';\n\n// Sync with transition time in SlidingListContainer.tsx\nconst SLIDER_ANIMATION_TIME = 400;\n\ntype FixedWidgetKeyboardOptions = {\n  type: 'fixed',\n  state: FixedWidgetState,\n  containerRef: React.MutableRefObject<HTMLElement>\n  mediaQuery?: never;\n}\n\ntype DynamicWidgetKeyboardOptions = {\n  type: 'dynamic',\n  state: DynamicWidgetState,\n  containerRef: React.MutableRefObject<HTMLElement>\n  mediaQuery: string\n}\n\ntype UseWidgetKeyboard = FixedWidgetKeyboardOptions | DynamicWidgetKeyboardOptions\n\nexport function useWidgetKeyboard(options: UseWidgetKeyboard) {\n  const { type, state, containerRef, mediaQuery } = options;\n\n  const [ isTabbing, setIsTabbing ] = React.useState(false);\n  const [ dynamicAttributes, setDynamicAttributes ] = React.useState<HashObject>({});\n  const [ focusedWidgetIndex, setFocusedWidgetIndex ] = React.useState(null);\n\n  const isTouch = React.useMemo(() => UserAgentHelper.isTouchScreen(), []);\n\n  /**\n   * Get accessibility attributes for dynamic widget items\n   * */\n  React.useEffect(() => {\n    if (type !== 'dynamic' || !containerRef.current || !(state as DynamicWidgetState).containerLeftPosition || isTouch) return;\n\n    setTimeout(() => getDynamicAttributes(), SLIDER_ANIMATION_TIME + 50);\n  }, [\n    containerRef.current,\n    mediaQuery,\n    (state as DynamicWidgetState).offset,\n    (state as DynamicWidgetState).containerLeftPosition\n  ]);\n\n  function getDynamicAttributes() {\n    const dynamicWidgetState = state as DynamicWidgetState;\n\n    if (!containerRef.current?.children)\n      return;\n\n    const focusableItems = Array.from(containerRef.current.children).reduce((acc, item) => {\n      const rect = item?.getBoundingClientRect();\n\n      /**\n       * When any part of the widget item is visible it should be focusable,\n       * otherwise prevent interaction and the slider should be the next focusable element\n       * */\n      const isItemVisable =\n        rect.left < dynamicWidgetState.containerRightPosition &&\n        rect.right > dynamicWidgetState.containerLeftPosition;\n\n      return {\n        ...acc,\n        [item.id]: isItemVisable\n          ? {\n            'aria-hidden': false\n          } : {\n            'aria-hidden': true,\n            'inert': 'true'\n          }\n      };\n    }, {});\n\n    setDynamicAttributes(focusableItems);\n  }\n\n  /**\n   * Get accessibility attributes for fixed widget items\n   * */\n  function getFixedAttributes(index?: number) {\n    const fixedWidgetState = state as FixedWidgetState;\n\n    const isItemVisible =\n      isTouch ||\n      index >= (fixedWidgetState.offset - fixedWidgetState.viewableItems) &&\n      index < fixedWidgetState.offset;\n    if (isItemVisible) {\n      return {\n        'aria-hidden': false\n      };\n    }\n\n    return {\n      'inert': 'true',\n      'aria-hidden': true\n    };\n  }\n\n  /**\n   * When the user is not signed in, there may be videos which are not focusable.\n   * setTimeout is required because the transition time is 400ms\n  */\n  function focusNext() {\n    setTimeout(() => {\n      if (!containerRef.current)\n        return;\n\n      const items = containerRef.current.querySelectorAll('li[aria-hidden]');\n\n      let nextFocusableElement: HTMLElement = null;\n\n      for (let i = (focusedWidgetIndex + 1); i < items.length; i++) {\n        if (nextFocusableElement)\n          break;\n\n        nextFocusableElement = items[i].querySelector('a[tabindex=\"0\"]');\n      }\n\n      if (nextFocusableElement)\n        nextFocusableElement.focus();\n    }, SLIDER_ANIMATION_TIME + 100);\n  }\n\n  function focusPrev() {\n    setTimeout(() => {\n      if (!containerRef.current)\n        return;\n\n      const items = containerRef.current.querySelectorAll('li[aria-hidden]');\n\n      let prevFocusableElement: HTMLElement = null;\n      for (let i = focusedWidgetIndex - 1; i >= 0; i--) {\n        if (prevFocusableElement) break;\n\n        const item = items[i];\n        prevFocusableElement = item.querySelector('a[tabindex=\"0\"]');\n      }\n\n      if (prevFocusableElement)\n        prevFocusableElement.focus();\n    }, SLIDER_ANIMATION_TIME + 100);\n  }\n\n  function onFocusWidget(index: number) {\n    if (document.querySelector('.user-is-tabbing')) {\n      setIsTabbing(true);\n      setFocusedWidgetIndex(index);\n    }\n  }\n\n  function onBlurWidget() {\n    if (!document.querySelector('.user-is-tabbing')) {\n      setIsTabbing(false);\n      setFocusedWidgetIndex(null);\n    }\n  }\n\n  return {\n    isTabbing,\n    onFocusWidget,\n    onBlurWidget,\n    getFixedAttributes,\n    dynamicAttributes,\n    focusNext,\n    focusPrev\n  };\n}","import { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst blankImage = new Image();\nblankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';\n\nexport const DragHelper = {\n  // This removes the image that appears when you drag a draggable HTML element\n  hideDragImage(event: React.DragEvent<HTMLElement>): void {\n    if (!event.dataTransfer.setDragImage || !FunctionHelper.isFunction(event.dataTransfer.setDragImage))\n      return;\n\n    event.dataTransfer.setDragImage(blankImage, 0, 0);\n  }\n};","import * as React from 'react';\n\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\nimport { DragHelper } from 'libs/shared/utils/DragHelper';\n\nconst isTouchScreen = UserAgentHelper.isTouchScreen();\n\nconst getPositionStyling = (xPosition: number, measurement: CssMeasurement, dragPercentage?: number) => {\n  // Used in situations where a touch screen user is dragging the `<FixedWidget />`\n  if (measurement === CssMeasurement.Percentage && dragPercentage)\n    xPosition = xPosition - dragPercentage;\n  \n  return {\n    transform: `translate3d(${xPosition}${measurement}, 0px, 0px)`,\n    // Sync with transition time in useWidgetKeyboard.ts\n    transition: 'transform .4s ease-in-out'\n  };\n};\n\ninterface SlidingListContainerProps extends React.PropsWithChildren<unknown> {\n  position: number;\n  positionType: CssMeasurement;\n\n  onDrag?: (event: React.DragEvent<HTMLUListElement>) => void;\n  onDragEnd?: () => void;\n\n  onTouchMove?: (event: React.TouchEvent<HTMLUListElement>) => void;\n  onTouchEnd?: () => void;\n\n  percentageDragged?: number;\n}\n\nexport const SlidingListContainer = React.forwardRef((\n  props: SlidingListContainerProps,\n  ref: React.MutableRefObject<HTMLUListElement>\n): JSX.Element => {\n  const { children, positionType, onDrag, onDragEnd, onTouchMove, onTouchEnd, percentageDragged, position = 0 } = props;\n\n  function getEventListeners(): HashObject {\n    const listenerProps: HashObject = {};\n\n    if (onDrag && onDragEnd) {\n      listenerProps.draggable = true;\n      listenerProps.onDragEnd = onDragEnd;\n      listenerProps.onDragStart = DragHelper.hideDragImage;\n      listenerProps.onDragOver = onDrag;\n    }\n\n    if (onTouchMove && onTouchEnd && isTouchScreen) {\n      listenerProps.onTouchMoveCapture = onTouchMove;\n      listenerProps.onTouchEndCapture = onTouchEnd;\n    }\n\n    return listenerProps;\n  }\n\n  return (\n    <ul\n      className='list-unstyled d-flex flex-nowrap position-relative w-100 mb-0'\n      style={getPositionStyling(position, positionType, percentageDragged)}\n      ref={ref}\n      {...getEventListeners()}\n    >\n      {children}\n    </ul>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"buttonContainer\":\"_ejId\",\"left\":\"VSAPU\",\"right\":\"kgeXh\",\"button\":\"gAsE9\",\"hoverText\":\"APA36\",\"buttonHover\":\"cqD75\",\"chevron\":\"Ev4hr\",\"extendedClickableArea\":\"AtsWP\",\"gradientRight\":\"ZuAif\",\"gradientLeft\":\"Pt3nx\",\"topPos\":\"BVcIS\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { FixedWidgetState } from 'libs/shared/components/widgets/fixed-widget';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './widget-button.scss';\n\nconst namespace = 'shared.widgetButton';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport enum WidgetButtonDirection {\n  Left,\n  Right\n}\n\ninterface WidgetButtonProps {\n  onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  direction: WidgetButtonDirection;\n  hide: boolean;\n  contents?: WidgetContents;\n  useGradientBackdrop?: boolean;\n  className?: string;\n  hoverText?: string;\n  hideExtendedClickableArea?: boolean;\n  state?: FixedWidgetState;\n\n  leftButtonClassName?: string;\n  rightButtonClassName?: string;\n  leftGradientClassName?: string;\n  rightGradientClassName?: string;\n}\n\nexport const WidgetButton = React.memo(function(props: WidgetButtonProps): JSX.Element {\n  const isLeft = props.direction === WidgetButtonDirection.Left;\n\n  const arrowSvg = isLeft ? cvSvgLibrary.ChevronLeft : cvSvgLibrary.ChevronRight;\n\n  function getPositionClass(): string {\n    let className = styles.topPos;\n  \n    // Left / Right\n    if (isLeft)\n      className += ` ${styles.left} ${props.leftButtonClassName}`;\n    else\n      className += ` ${styles.right} ${props.rightButtonClassName}`;\n  \n    return className;\n  }\n\n  function getStyle(): React.CSSProperties {\n    if (props.state?.contents === 'videos')\n      return { paddingBottom: (56.25 / props.state?.viewableItems) + '%' };\n\n    return { height: '100%' };\n  }\n\n  if (props.hide)\n    return <></>;\n\n  return (\n    <div className={styles.buttonContainer} style={getStyle()}>\n      {props.useGradientBackdrop &&\n        <div className={isLeft ? `${styles.gradientLeft} ${props.leftGradientClassName}` : `${styles.gradientRight} ${props.rightGradientClassName}`} />\n      }\n\n      {!props.hideExtendedClickableArea && (\n        <button\n          onClick={props.onClick}\n          className={`${styles.extendedClickableArea} ${isLeft ? styles.left : styles.right}`}\n          tabIndex={-1}\n        />\n      )}\n\n      <button\n        className={`${getPositionClass()} ${styles.button} ${props.className || ''}`}\n        onClick={props.onClick}\n        aria-label={isLeft ? getPhrase('previous') : getPhrase('next')}\n      >\n        {props.hoverText && (\n          <span className={`ps-3 pe-2 ${styles.hoverText}`}>{props.hoverText}</span>\n        )}\n        <SvgContainer\n          svgName={arrowSvg}\n          size={SvgContainerSize.Medium}\n          className={`svg-container d-inline-block ${styles.chevron}`}\n        />\n      </button>\n    </div>\n  );\n});","export enum CssMeasurement {\n  Percentage = '%',\n  Pixels = 'px'\n}","export enum CurriculumType {\n  Subject = 'CurriculumSubject',\n  Audience = 'CurriculumAudience',\n  Area = 'CurriculumArea',\n  Leaf = 'CurriculumLeaf'\n}","export enum WidgetInteraction {\n  Init = 'init',\n  Next = 'next',\n  Previous = 'previous',\n  Resize = 'resize',\n  Drag = 'drag',\n  Update = 'update',\n  JumpToIndex = 'jump-to-index'\n}","import { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\n\nimport { useMediaQuery } from './UseMediaQuery';\n\n/**\n * @deprecated Please use useBreakpoints() instead\n */\nexport function useGetMediaQueryString(): MediaQueryStrings {\n  const isXS = useMediaQuery(MediaQueryStrings.XS);\n  const isSM = useMediaQuery(MediaQueryStrings.SM);\n  const isMD = useMediaQuery(MediaQueryStrings.MD);\n  const isLG = useMediaQuery(MediaQueryStrings.LG);\n  const isXL = useMediaQuery(MediaQueryStrings.XL);\n  const isXXL = useMediaQuery(MediaQueryStrings.XXL);\n\n  let currentString = MediaQueryStrings.LG; // default\n  if (isXS) currentString = MediaQueryStrings.XS;\n  if (isSM) currentString = MediaQueryStrings.SM;\n  if (isMD) currentString = MediaQueryStrings.MD;\n  if (isLG) currentString = MediaQueryStrings.LG;\n  if (isXL) currentString = MediaQueryStrings.XL;\n  if (isXXL) currentString = MediaQueryStrings.XXL;\n\n  return currentString;\n}","import React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\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 { CurriculumLinkItem } from 'libs/shared/components/curriculum-links/CurriculumLinkItem';\nimport { CurriculumLinks } from 'libs/shared/components/curriculum-links/CurriculumLinks';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { PartialTagItem } from 'libs/shared/components/tags/PartialTagItem';\nimport { DynamicWidget } from 'libs/shared/components/widgets/dynamic-widget';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { PopupViewProps, Presentation, Video } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\n\nconst getPhrase = LanguageService.encloseNamespace('shared.viewCurriculumLinks');\n\ninterface ViewCurriculumLinksViewProps extends PopupViewProps {\n  id: string;\n}\n\nexport function ViewCurriculumLinksView(props: ViewCurriculumLinksViewProps): React.ReactElement {\n  const {\n    hasLoaded,\n    preferredCurriculum,\n    availableCurriculums,\n    nonEmptyCurriculums,\n    curriculumLinks,\n    updateCurriculum\n  } = useCurriculums(props.id);\n\n  const [ showLoadingSpinner, setShowLoadingSpinner ] = React.useState(!hasLoaded);\n  const [ selectedCurriculum, setSelectedCurriculum ] = React.useState<Presentation>();\n\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.id));\n\n  const alerts = useAlerts();\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    setShowLoadingSpinner(true);\n\n    const onSuccess = () => {\n      AnalyticsHelper.logUserAction({\n        id: newCurriculum.id,\n        name: newCurriculum.id,\n        description: newCurriculum.description,\n        videoId: video.data?.id,\n        videoName: video.data?.name\n      }, {\n        entity: EntityType.Presentation,\n        actionType: UserAction.Select,\n        descriptor: PresentationDescriptor.Curriculum,\n        location: LocationContext.PlayPage\n      });\n    };\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      setShowLoadingSpinner(false);\n      alerts.error(getPhrase('updateFailed'));\n    };\n\n    updateCurriculum(newCurriculum, onSuccess, onError);\n  }\n\n  React.useEffect(() => {\n    if (!hasLoaded)\n      return;\n\n    if (!selectedCurriculum)\n      setSelectedCurriculum(preferredCurriculum ?? ArrayHelper.first(availableCurriculums));\n\n    setShowLoadingSpinner(false);\n  }, [ preferredCurriculum?.id, hasLoaded ]);\n\n  return (\n    <Popup\n      title={getPhrase('heading')}\n      closePopup={props.closePopup}\n      size='lg'\n    >\n      <div className='mb-3 mx-2'>\n        {!!nonEmptyCurriculums?.length && (\n          <DynamicWidget\n            collection={nonEmptyCurriculums}\n            childClassName='flex-shrink-0'\n            childComponent={props => {\n              return (\n                <CurriculumLinkItem\n                  {...props}\n                  selected={selectedCurriculum?.id?.toString() === props.data.id.toString()}\n                  onChangeCurriculum={onChangeCurriculum}\n                />\n              );\n            }}\n            partialLoadingComponent={() => <PartialTagItem />}\n            widgetDataDeps={[selectedCurriculum?.id?.toString()]}\n          />\n        )}\n      </div>\n\n      {!showLoadingSpinner ? (\n        <div className='pb-3'>\n          <CurriculumLinks\n            curriculumLinks={curriculumLinks}\n            emptyStateUrl={ImageUrls.EmptyStates.CURRICULUM_LINKS}\n            onChangeCurriculum={onChangeCurriculum}\n            hasNonEmptyCurriculums={!!nonEmptyCurriculums.length}\n          />\n        </div>\n      ) : (\n        <div className='d-flex justify-content-center align-items-center py-5'>\n          <Spinner as='div' animation='border' role='status' />\n        </div>\n      )}\n\n      <PopupButtons>\n        <PopupButtons.Submit variant='dark' onClick={props.closePopup} text={getPhrase('close')} />\n      </PopupButtons>\n    </Popup>\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\"};","// extracted by mini-css-extract-plugin\nexport default {\"tagList\":\"Zw6d9\",\"disabled\":\"jlL1c\",\"partialTag\":\"too_N\",\"badge\":\"OjtN8\",\"close\":\"X9joI\"};"],"names":["getPhrase","CurriculumLinkItem","props","curriculumTag","data","key","id","className","selected","onClick","onChangeCurriculum","toString","name","src","cover","url","size","alt","BRACKET_SEGMENT_REGEX","namespace","BASE_PILL_CLASS","CurriculumLeaf","getCurriculumCodeClass","baseClass","leaf","uiContainsCodes","codeRef","current","width","getBoundingClientRect","trySetMaxCodeWidth","description","style","minWidth","codeWidth","ref","phrase","dangerouslySetInnerHTML","__html","CurriculumSubject","audienceSegment","subjectSegment","audienceBracketSegments","areaAndLeafSets","getLeafStyleClass","linkSet","areasAndLeaves","forEach","areaAndLeafSet","areaText","map","ca","join","find","l","push","match","Object","keys","i","CurriculumLinks","setCodeWidth","showOtherCurriculums","setShowOtherCurriculums","loadingOther","setLoadingOther","curriculumTags","setCurriculumTags","currentVal","checkAllCurriculums","curriculumLinks","length","then","curriculumLinkSets","newSet","subject","audience","areas","leaves","curriculumObj","type","hasNonEmptyCurriculums","emptyStateUrl","t","linkSetKey","CurriculumLinksEmptyState","altText","PartialCurriculumLinkSection","PartialCurriculumLinks","PartialTagItem","tagClass","classNames","LanguageService","SeeMore","AppLink","appLink","analyticsData","analyticsOptions","descriptor","WidgetHeader","hasDescription","showSeeMoreLink","SLIDER_ANIMATION_TIME","useWidgetKeyboard","options","state","containerRef","mediaQuery","isTabbing","setIsTabbing","dynamicAttributes","setDynamicAttributes","focusedWidgetIndex","setFocusedWidgetIndex","isTouch","containerLeftPosition","setTimeout","dynamicWidgetState","children","focusableItems","Array","from","reduce","acc","item","rect","isItemVisable","left","containerRightPosition","right","getDynamicAttributes","offset","onFocusWidget","index","document","querySelector","onBlurWidget","getFixedAttributes","fixedWidgetState","viewableItems","focusNext","items","querySelectorAll","nextFocusableElement","focus","focusPrev","prevFocusableElement","blankImage","Image","DragHelper","event","dataTransfer","setDragImage","FunctionHelper","isTouchScreen","UserAgentHelper","SlidingListContainer","listenerProps","xPosition","measurement","dragPercentage","positionType","onDrag","onDragEnd","onTouchMove","onTouchEnd","percentageDragged","position","CssMeasurement","C","transform","transition","draggable","onDragStart","onDragOver","onTouchMoveCapture","onTouchEndCapture","WidgetButtonDirection","WidgetButton","isLeft","direction","Left","arrowSvg","hide","contents","paddingBottom","height","useGradientBackdrop","leftGradientClassName","rightGradientClassName","hideExtendedClickableArea","tabIndex","leftButtonClassName","rightButtonClassName","hoverText","SvgContainer","svgName","S","CurriculumType","WidgetInteraction","useGetMediaQueryString","isXS","isSM","isMD","isLG","isXL","isXXL","currentString","ViewCurriculumLinksView","hasLoaded","preferredCurriculum","availableCurriculums","nonEmptyCurriculums","updateCurriculum","showLoadingSpinner","setShowLoadingSpinner","selectedCurriculum","setSelectedCurriculum","video","alerts","curriculumId","newCurriculum","c","videoId","videoName","entity","actionType","location","error","title","closePopup","collection","childClassName","childComponent","partialLoadingComponent","widgetDataDeps","as","animation","role","variant","text"],"sourceRoot":""}

package/dist/scripts/6596-848fbf79bb-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6596],{5859:(e,a,i)=>{function t(e,a){(null==a||a>e.length)&&(a=e.length);for(var i=0,t=Array(a);i<a;i++)t[i]=e[i];return t}i.d(a,{u:()=>r});var n={numItems:5,minWidth:50,maxWidth:100},r={getPartialLoadingItems:function(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=Object.assign(Object.assign({},n),a);return(e=Array(i.numItems),function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,a){if(e){if("string"==typeof e)return t(e,a);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,a):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.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*i.maxWidth),i.minWidth),"px")}}))}}},70067:(e,a,i)=>{i.r(a),i.d(a,{PlaySharedClipViewV2:()=>S});var t=i(32735),n=i(20354),r=i(65858),c=i(16714),s=i(43012),o=i(39151),d=i(1666),l=i(20768),u=i(31949),p=i(1575),m=i(26304),v=i(22902),g=i(15311),h=i(79612),I=i(76753),y=i(51855),f=i(7179),A=i(49948),P=i(36873),C=i(27638),E=i(44110),b=i(35014),V=i(97816),O=i(81812),F=i(14085);function S(e){var a,i,S,x,L,G,k=(0,g.r)().hasProduct,R=(0,C.u)(r.LZ.VideoThumbnail),T=R.setFavourite,w=R.canFavourite,U=(0,v.T)().hasPermissions,q=(0,y.G)().isPlugin,N=(0,O.a)(),M=(0,b.I)(),j=n.a.useBasicFetch(u.N.currentUser()),_=n.a.useBasicFetch(o.L.config()),W=n.a.useBasicFetch(s.e.sharedClip(e.objectId,e.shareId)),B=n.a.useBasicFetch(!!(null===(a=W.data)||void 0===a?void 0:a._parentVideo)&&p.R.video(W.data._parentVideo.id)),D=n.a.useBasicFetch(!!(null===(S=null===(i=W.data)||void 0===i?void 0:i._parentVideo)||void 0===S?void 0:S.id)&&M.canViewClips&&s.e.videoClips(W.data._parentVideo.id)),H=n.a.useBasicFetch(M.canViewInteractives&&l.b.videoInteractives(e.objectId)),K=(0,P.k)({video:B.data,context:e.queryParams.context,contextId:e.queryParams.contextId,moviesAndTv:e.queryParams.mtv,currentUser:j.data}),Q=(0,E.i)(),Y=n.a.useBasicFetch((null===(x=j.data)||void 0===x?void 0:x.isAuthenticated)&&d.h.yearGroups(j.data.customerId)),Z=(0,A.l)(e.objectId);return(0,h.M)(I.CG.getClipMetadata({content:W.data})),(0,V.V)(null!==(L=K.videos)&&void 0!==L?L:[]),(0,m.b)(W),(0,f.P)({id:e.objectId,app:"clips",shareId:e.shareId}),W.data&&j.hasCompleted&&_.hasCompleted&&Z.hasCompleted?t.createElement(F.S,{shareId:e.shareId,clip:W.data,clips:D.data,interactives:H.data,originalVideo:B.data,currentUser:j.data,yearGroups:Y.data,relatedVideos:K,canFavourite:w,setFavourite:T,hasProduct:k,queryParams:e.queryParams,audiences:Q.data,imageCdnUrl:_.data.imageCdnUrl,canManageVideoAccess:U(c.C.ManageVideoAccess),pointsOfInterest:null==Z?void 0:Z.items,featureAccess:M,tableOfContentsId:null===(G=e.queryParams)||void 0===G?void 0:G.tocId,shouldShowSideTableOfContents:N,isPlugin:q}):t.createElement(t.Fragment,null)}},44110:(e,a,i)=>{i.d(a,{i:()=>c});var t=i(20354),n=i(89454),r=i(86698),c=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,i=e.getFallbackPresentation,c=a||i();return t.a.useBasicFetch(!!c&&n.O.presentationAudiences(c.id))}},14085:(e,a,i)=>{i.d(a,{S:()=>H});var t=i(32735),n=i(28400),r=i(49935),c=i(5640),s=i(8887),o=i(51184),d=i(64921),l=i(95812),u=i(53709),p=i(71063),m=i(10439),v=i(35429),g=i(4594),h=i(16714),I=i(12754),y=i(22902),f=i(65332),A=i(76196),P=i(59598),C=i(31908),E=i(26492),b=i(9465),V=i(91479),O=i(47938),F=i(81024),S=i(78166),x=i(99742),L=i(14070),G=i(97291),k=i(22490),R=i(63010),T=i(14476),w=i(53256),U=i(83345),q=i(13231),N=i(51365),M=i(10671),j=i(10741),_="shared.playClipV2";function W(e){var a=(0,y.T)().hasPermissions,i=(0,M._)({location:M.i.VideoItem});return t.createElement("section",{className:"play-page-section",id:P.K.ClippedFrom,ref:function(a){var i;a&&(null===(i=e.headingRef)||void 0===i?void 0:i.current)&&e.headingRef.current.set(P.K.ClippedFrom,a)}},t.createElement("h2",{className:"h4 mb-0"},t.createElement(U.x,{namespace:_,phrase:"clippedFrom"})),t.createElement(N.M.Provider,{value:i},t.createElement(q.E4,{videos:[e.originalVideo],yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(a,i){return k.W.getAppLink(a,Object.assign(Object.assign({},i),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},hasPermissions:a,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return j.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin,getClassroomGuideAppLink:e.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:e.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:e.getResourceGuidanceAppLink})))}const B={main:"iQ0Ie",expandedToc:"sIoV8"};var D=function(e,a,i){return function(t){return i?{application:G.O.VIDEOS,action:L.e.Videos.PREVIEW_PDF,args:[t.id],params:{videoId:e,shareId:a}}:{application:G.O.SIGN_UP,action:L.e.SignUp.SIGN_UP}}};function H(e){var a,i,U,q,N,M,j,_,H,K,Q=(0,v.g)(),Y=(0,y.T)().hasPermissions,Z=C.M.getCanBeConsumed(e.clip).canConsume,J=(0,R.Q)(e.tableOfContentsId),$=J.tableOfContentsActiveId,z=J.setTableOfContentsActiveId,X=J.controlledId,ee=J.setControlledId,ae=J.tableOfContentsExpanded,ie=J.onToggleTableOfContents,te=(0,o.Wp)(e.clip)&&e.featureAccess.canViewGlance,ne=(0,T.i)(te),re=ne.headingRef,ce=ne.headingElements,se=ce.map((function(a){var i;return{id:a.id,name:w.d.getSectionHeading(a.id,{clips:e.clips,interactives:e.interactives,resources:null===(i=e.clip.resources)||void 0===i?void 0:i.data,isPlayClipPage:!0})}}));(0,f.D)({setActiveId:z,headingElements:ce,controlledId:X,setControlledId:ee}),(0,A.P)(ce,X);var oe=C.M.isVideoTypeArchived(e.clip),de=Y(h.C.StudentExperience),le=t.useRef(!1);function ue(){var e,a,i,t;le.current=!(null===(a=null===(e=null==Q?void 0:Q.playerRef)||void 0===e?void 0:e.current)||void 0===a?void 0:a.isPaused()),null===(t=null===(i=null==Q?void 0:Q.playerRef)||void 0===i?void 0:i.current)||void 0===t||t.pause()}function pe(){var e,a;le.current&&(null===(a=null===(e=null==Q?void 0:Q.playerRef)||void 0===e?void 0:e.current)||void 0===a||a.play())}function me(){var a,i;return!(!e.originalVideo||!(null===(a=e.clip._canBeConsumed)||void 0===a?void 0:a.value)||!(null===(i=e.currentUser)||void 0===i?void 0:i.isAuthenticated)||!e.hasProduct(I.x.Primary)||de)}var ve="picture-in-picture"===Q.mode||e.featureAccess.canViewPublicLayout,ge=null!==(i=null===(a=e.clips)||void 0===a?void 0:a.filter((function(a){return a.id.toString()!==e.clip.id.toString()})))&&void 0!==i?i:[];return t.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row":"")},t.createElement("main",{className:"".concat(B.main," ").concat(e.shouldShowSideTableOfContents&&ae?B.expandedToc:e.shouldShowSideTableOfContents&&!ae?"pe-4":void 0)},!!(null===(U=e.breadcrumbs)||void 0===U?void 0:U.length)&&t.createElement("div",{className:"mb-2"},t.createElement(r.Oo,{breadcrumbs:e.breadcrumbs})),t.createElement(O.W,{restrictions:e.clip._restrictions,yearGroups:e.yearGroups,objectId:e.clip.id,objectTypeId:g.E.Clip,canManageVideoAccess:e.canManageVideoAccess}),oe&&t.createElement(E.T,{typeId:e.clip.typeId,hasStudentExperience:de}),t.createElement("section",{id:P.K.Video,className:"mb-2 ".concat(p.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==re?void 0:re.current)&&re.current.set(P.K.Video,e)}},Z&&t.createElement(m.r,{key:e.clip.id,objectId:e.clip.id,objectTypeId:e.clip.typeId,shareId:e.shareId,context:null===(q=e.queryParams)||void 0===q?void 0:q.context,contextId:null===(N=e.queryParams)||void 0===N?void 0:N.contextId,moviesAndTv:null===(M=e.queryParams)||void 0===M?void 0:M.mtv,playNext:null===(j=e.queryParams)||void 0===j?void 0:j.playNext,startTime:null!==(H=null===(_=e.queryParams)||void 0===_?void 0:_.t)&&void 0!==H?H:null===(K=e.queryParams)||void 0===K?void 0:K.startTime,mode:"default",location:"play-page"}),t.createElement("div",{className:ve?"":"d-none"},t.createElement(F.S,{video:e.clip,type:"pip"}))),t.createElement(V.v,{media:e.clip,yearGroups:e.yearGroups,audiences:e.audiences,originalVideoAppLink:me()?{application:G.O.VIDEOS,action:L.e.Videos.PLAY_VIDEO,args:[e.originalVideo.id,n.m.slugify(e.originalVideo.name)]}:null,featureAccess:e.featureAccess,shareId:e.shareId}),te?t.createElement(d.j,{video:e.clip,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var a;return null===(a=Q.playerRef.current)||void 0===a?void 0:a.currentTime(e)},getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:te}):t.createElement(s.a,{video:e.clip,currentUser:e.currentUser,onLaunchImmersiveReader:ue,onExitImmersiveReader:pe,getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},headingRef:re,suppressInteractivity:e.featureAccess.canViewPublicLayout}),t.createElement(u.M,{video:e.clip,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:D(e.clip.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{clipId:e.clip.id,clipName:e.clip.name},resourceThumbnailFallbackUrl:x.W.Fallbacks.RESOURCE_THUMBNAIL,headingRef:re}),t.createElement(l.J,{video:e.clip,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},canViewInteractives:e.featureAccess.canViewInteractives,headingRef:re,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),t.createElement(c.O,{clips:ge||[],video:e.clip,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,headingRef:re,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},isPlugin:e.isPlugin}),te&&t.createElement(s.a,{video:e.clip,currentUser:e.currentUser,onLaunchImmersiveReader:ue,onExitImmersiveReader:pe,getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},headingRef:re,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),!!me()&&t.createElement(W,{originalVideo:e.originalVideo,setFavourite:e.setFavourite,canFavourite:e.canFavourite,yearGroups:e.yearGroups,shareId:e.shareId,queryParams:e.queryParams,audiences:e.audiences,headingRef:re,isPlugin:e.isPlugin,getClassroomGuideAppLink:k.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:k.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:k.W.getResourceGuidanceAppLink}),t.createElement(S.Z,{currentVideo:e.clip,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,setFavourite:e.setFavourite,canFavourite:e.canFavourite,currentUser:e.currentUser,audiences:e.audiences,getVideoAppLink:function(a,i){return k.W.getAppLink(a,Object.assign(Object.assign({},i),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin})),t.createElement(b.h,{isExpanded:ae,setIsExpanded:ie,items:se,activeId:$,setControlledId:ee,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},showInSide:e.shouldShowSideTableOfContents}))}}}]);
+//# sourceMappingURL=6596-848fbf79bb-lite.chunk.js.map

package/dist/scripts/6596-848fbf79bb-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6596-848fbf79bb-lite.chunk.js","mappings":"yOAAA,IAAMA,EAAyD,CAC7DC,SAAU,EACVC,SAAU,GACVC,SAAU,KAaCC,EAAuB,CAClCC,uBAAsB,WAAoC,I,EAAnCC,EAAA,uDAAiC,CAAC,EACjDC,EAAO,OAAH,wBACLP,GACAM,GAKL,O,EAAWE,MAAMD,EAAKN,U,omBAAWQ,KAAI,iBAAO,CAAEC,MAAO,GAAF,OAFhBC,KAAKC,IAAID,KAAKE,MAAMF,KAAKG,SAAWP,EAAKJ,UAAWI,EAAKL,UAEd,MAAM,GACtF,E,iVCOI,SAAUa,EAAqBC,G,gBAC3BC,GAAe,SAAfA,WACR,GAAuC,IAAAC,GAAkB,qBAAjDC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aACdC,GAAmB,SAAnBA,eACAC,GAAa,SAAbA,SAEFC,GAAgC,SAEhCC,GAAgB,SAEhBC,EAAc,kBAAkC,mBAChDC,EAAS,kBAA6B,cACtCC,EAAO,kBAA2B,eAAwBX,EAAMY,SAAUZ,EAAMa,UAChFC,EAAQ,qBAAuC,QAAT,EAAAH,EAAKI,YAAI,eAAEC,eACrD,UAAoBL,EAAKI,KAAKC,aAAaC,KACvCC,EAAa,qBACQ,QAAvB,EAAS,QAAT,EAAAP,EAAKI,YAAI,eAAEC,oBAAY,eAAEC,KAAMT,EAAcW,cAAgB,eAAwBR,EAAKI,KAAKC,aAAaC,KAE1GG,EAAe,kBACnBZ,EAAca,qBAAuB,sBAAsCrB,EAAMY,WAG7EU,GAAgB,OAAoB,CACxCR,MAAOA,EAAMC,KACbQ,QAASvB,EAAMwB,YAAYD,QAC3BE,UAAWzB,EAAMwB,YAAYC,UAC7BC,YAAa1B,EAAMwB,YAAYG,IAC/BlB,YAAaA,EAAYM,OAErBa,GAAY,SACZC,EAAa,mBACD,QAAhB,EAAApB,EAAYM,YAAI,eAAEe,kBAAmB,eAA4BrB,EAAYM,KAAKgB,aAE9EC,GAAmB,OAAyBhC,EAAMY,UAexD,OAbA,OAAmB,qBAAmC,CAAEqB,QAAStB,EAAKI,SAEtE,OAAkC,QAApB,EAAAO,EAAcY,cAAM,QAAI,KACtC,OAAsBvB,IACtB,OAAa,CAAEM,GAAIjB,EAAMY,SAAUuB,IAAK,QAAStB,QAASb,EAAMa,UAG9DF,EAAKI,MACLN,EAAY2B,cACZ1B,EAAO0B,cACPJ,EAAiBI,aAOjB,gBAAC,IAAU,CACTvB,QAASb,EAAMa,QACfF,KAAMA,EAAKI,KACXsB,MAAOnB,EAAWH,KAClBK,aAAcA,EAAaL,KAC3BuB,cAAexB,EAAMC,KACrBN,YAAaA,EAAYM,KACzBc,WAAYA,EAAWd,KACvBO,cAAeA,EACflB,aAAcA,EACdD,aAAcA,EACdF,WAAYA,EACZuB,YAAaxB,EAAMwB,YACnBI,UAAWA,EAAUb,KACrBwB,YAAa7B,EAAOK,KAAKwB,YACzBC,qBAAsBnC,EAAe,uBACrC2B,iBAAkBA,aAAgB,EAAhBA,EAAkBS,MACpCjC,cAAeA,EACfkC,kBAAoC,QAAjB,EAAA1C,EAAMwB,mBAAW,eAAEmB,MACtCpC,8BAA+BA,EAC/BD,SAAUA,IAvBL,gCA0BX,C,wECrGasC,EAA2B,WACtC,OAAwD,OAAgB,CAAEC,iBAAiB,IAAnFC,EAAkB,EAAlBA,mBAAoBC,EAAuB,EAAvBA,wBAEtBC,EAAeF,GAAsBC,IAO3C,OALkB,oBACdC,GACF,0BAAuCA,EAAa/B,IAIxD,C,qcCDMgC,EAAY,oBAiBZ,SAAUC,EAAYlD,GAC1B,IAAQK,GAAmB,EAAA8C,EAAA,KAAnB9C,eACF+C,GAAe,EAAAC,EAAA,GAAgB,CAAEC,SAAU,gBAEjD,OACE,2BACEC,UAAU,oBACVtC,GAAIuC,EAAA,cACJC,IAAK,SAAAC,G,MACFA,IAAsB,QAAhB,EAAA1D,EAAM2D,kBAAU,eAAEC,UAAY5D,EAAM2D,WAAWC,QAAQC,IAAIL,EAAA,cAA4BE,EAChG,GAEA,sBAAIH,UAAU,WAAU,gBAACO,EAAA,EAAI,CAACb,UAAWA,EAAWc,OAAO,iBAC3D,gBAACC,EAAA,WAA4B,CAACC,MAAOb,GACnC,gBAACc,EAAA,GAAS,CACRhC,OAAQ,CAAClC,EAAMsC,eACfT,WAAY7B,EAAM6B,WAClB1B,aAAcH,EAAMG,aACpBC,aAAcJ,EAAMI,aACpB+D,gBAAiB,SAACC,EAAG7E,GAAI,OAAK8E,EAAA,aAA8BD,EAAG,OAAF,wBACxD7E,GAAI,CACPgC,QAASvB,EAAMwB,YAAYD,QAC3BE,UAAWzB,EAAMwB,YAAYC,UAC7B6C,SAAUtE,EAAMwB,YAAY8C,SAC5BzD,QAASb,EAAMa,QACfa,YAAa1B,EAAMwB,YAAYG,MAC/B,EACFtB,eAAgBA,EAChBkE,sBAAuBvE,EAAM4B,UAC7B4C,2BAA4B,SAAAC,GAAW,OAAIC,EAAA,6BAA8CD,EAAY,EACrGnE,SAAUN,EAAMM,SAChBqE,yBAA0B3E,EAAM2E,yBAChCC,8BAA+B5E,EAAM4E,8BACrCC,2BAA4B7E,EAAM6E,8BAK5C,CCvEA,SAAgB,KAAO,QAAQ,YAAc,SC6C7C,IAAMC,EAAqB,SAACC,EAAiBlE,EAAiBmE,GAAwB,OACpF,SAACC,GACC,OAAKD,EAOE,CACLE,YAAa,WACbC,OAAQ,uBACRC,KAAM,CAACH,EAAShE,IAChBoE,OAAQ,CACNN,QAASA,EACTlE,QAASA,IAZJ,CACLqE,YAAa,YACbC,OAAQ,mBAad,CAAC,EA2BG,SAAUG,EAAWtF,G,wBACnBuF,GAAgB,SAEdlF,GAAmB,EAAA8C,EAAA,KAAnB9C,eACAmF,EAAeC,EAAA,mBAA6BzF,EAAMW,MAAlD6E,WAER,GAOI,EAAAE,EAAA,GAA0B1F,EAAM0C,mBANlCiD,EAAuB,EAAvBA,wBACAC,EAA0B,EAA1BA,2BACAC,EAAY,EAAZA,aACAC,GAAe,EAAfA,gBACAC,GAAuB,EAAvBA,wBACAC,GAAuB,EAAvBA,wBAGIC,IAAY,QAAcjG,EAAMW,OAASX,EAAMQ,cAAc0F,cAEnE,IAAwC,EAAAC,EAAA,GAAmBF,IAAnDtC,GAAU,GAAVA,WAAYyC,GAAe,GAAfA,gBACd3D,GAAQ2D,GAAgB3G,KAAI,SAAA4G,G,MAChC,MAAO,CACLpF,GAAIoF,EAAIpF,GACRqF,KAAM,sBACJD,EAAIpF,GACJ,CACEoB,MAAOrC,EAAMqC,MACbjB,aAAcpB,EAAMoB,aACpBmF,UAA+B,QAApB,EAAAvG,EAAMW,KAAK4F,iBAAS,eAAExF,KACjCyF,gBAAgB,IAIxB,KAEA,EAAAC,EAAA,GAAgC,CAC9BC,YAAad,EACbQ,gBAAAA,GACAP,aAAAA,EACAC,gBAAAA,MAGF,EAAAa,EAAA,GAAyBP,GAAiBP,GAE1C,IAAMe,GAAanB,EAAA,sBAAgCzF,EAAMW,MACnDkG,GAAuBxG,EAAeyG,EAAA,qBAMtCC,GAAkC,UAAa,GAErD,SAASC,K,YACPD,GAAgCnD,UAA4C,QAAjC,EAAwB,QAAxB,EAAA2B,aAAa,EAAbA,EAAe0B,iBAAS,eAAErD,eAAO,eAAEsD,YAC7C,QAAjC,EAAwB,QAAxB,EAAA3B,aAAa,EAAbA,EAAe0B,iBAAS,eAAErD,eAAO,SAAEuD,OACrC,CAEA,SAASC,K,QACFL,GAAgCnD,UAGJ,QAAjC,EAAwB,QAAxB,EAAA2B,aAAa,EAAbA,EAAe0B,iBAAS,eAAErD,eAAO,SAAEyD,OACrC,CAEA,SAASC,K,QACP,SAAKtH,EAAMsC,iBAA2C,QAAzB,EAAAtC,EAAMW,KAAK4G,sBAAc,eAAEtD,UAGlC,QAAjB,EAAAjE,EAAMS,mBAAW,eAAEqB,mBAGnB9B,EAAMC,WAAWuH,EAAA,YAGlBX,GAIN,CAaA,IAAMY,GAA+C,uBAAvBlC,EAAcmC,MAAiC1H,EAAMQ,cAAcmH,oBAE3FC,GAAmF,QAAtE,EAAW,QAAX,EAAA5H,EAAMqC,aAAK,eAAEwF,QAAO,SAAAC,GAAC,OAAIA,EAAE7G,GAAG8G,aAAe/H,EAAMW,KAAKM,GAAG8G,UAAU,WAAC,QAAI,GAU7F,OACE,uBAAKxE,UAAS,4CAAuCvD,EAAMO,8BAAgC,MAAQ,KACjG,wBAAMgD,UAAS,UAAK,OAAW,YAT7BvD,EAAMO,+BAAiCwF,GAClC,cAEL/F,EAAMO,gCAAkCwF,GACnC,YADT,OAOwB,QAAjB,EAAA/F,EAAMgI,mBAAW,eAAEC,SACpB,uBAAK1E,UAAU,QACb,gBAAC2E,EAAA,GAAW,CAACF,YAAahI,EAAMgI,eAIpC,gBAACG,EAAA,EAAiB,CAChBC,aAAcpI,EAAMW,KAAK0H,cACzBxG,WAAY7B,EAAM6B,WAClBjB,SAAUZ,EAAMW,KAAKM,GACrBqH,aAAcC,EAAA,OACd/F,qBAAsBxC,EAAMwC,uBAG7BoE,IACC,gBAAC4B,EAAA,EAAc,CACbC,OAAQzI,EAAMW,KAAK8H,OACnB5B,qBAAsBA,KAI1B,2BACE5F,GAAIuC,EAAA,QACJD,UAAS,eAAUmF,EAAA,0BACnBjF,IAAK,SAAAC,GAASA,IAAMC,cAAU,EAAVA,GAAYC,UAAYD,GAAWC,QAAQC,IAAIL,EAAA,QAAsBE,EAAK,GAE7F8B,GACC,gBAACmD,EAAA,EAAoB,CACnBC,IAAK5I,EAAMW,KAAKM,GAChBL,SAAUZ,EAAMW,KAAKM,GACrBqH,aAActI,EAAMW,KAAK8H,OACzB5H,QAASb,EAAMa,QACfU,QAA0B,QAAjB,EAAAvB,EAAMwB,mBAAW,eAAED,QAC5BE,UAA4B,QAAjB,EAAAzB,EAAMwB,mBAAW,eAAEC,UAC9BC,YAA8B,QAAjB,EAAA1B,EAAMwB,mBAAW,eAAEG,IAChC2C,SAA2B,QAAjB,EAAAtE,EAAMwB,mBAAW,eAAE8C,SAC7BuE,UAA+B,QAApB,EAAiB,QAAjB,EAAA7I,EAAMwB,mBAAW,eAAEsH,SAAC,QAAqB,QAAjB,EAAA9I,EAAMwB,mBAAW,eAAEqH,UACtDnB,KAAK,UACLpE,SAAS,cAGb,uBAAKC,UAAWkE,GAAwB,GAAK,UAC3C,gBAACsB,EAAA,EAAiB,CAChBjI,MAAOd,EAAMW,KACbqI,KAAK,UAKX,gBAACC,EAAA,EAAuB,CACtBC,MAAOlJ,EAAMW,KACbkB,WAAY7B,EAAM6B,WAClBD,UAAW5B,EAAM4B,UACjBuH,qBA9ED7B,KAGE,CACLpC,YAAa,WACbC,OAAQ,sBACRC,KAAM,CAAEpF,EAAMsC,cAAcrB,GAAImI,EAAA,UAAmBpJ,EAAMsC,cAAcgE,QALhE,KA8EH9F,cAAeR,EAAMQ,cACrBK,QAASb,EAAMa,UAIhBoF,GACC,gBAACoD,EAAA,EAAgB,CACfvI,MAAOd,EAAMW,KACbqB,iBAAkBhC,EAAMgC,iBACxBsH,aAAc,SAACC,GAAgB,MAAC,OAA+B,QAA/B,EAAAhE,EAAc0B,UAAUrD,eAAO,eAAE4F,YAAYD,EAAK,EAClFE,cAAe,SAAAC,GAAG,MAAK,CACrBxE,YAAa,WACbC,OAAQ,gBACRE,OAAQ,CAAEsE,oBAAqBD,EAAIpD,MACpC,EACDsD,sBAAuB5J,EAAMQ,cAAcmH,oBAC3CzB,cAAeD,KAGjB,gBAAC,IAA2B,CAC1BnF,MAAOd,EAAMW,KACbF,YAAaT,EAAMS,YACnBuG,wBAAyBA,GACzBI,sBAAuBA,GACvBqC,cAAe,SAAAC,GAAG,MAAK,CACrBxE,YAAa,WACbC,OAAQ,gBACRE,OAAQ,CAAEsE,oBAAqBD,EAAIpD,MACpC,EACD3C,WAAYA,GACZiG,sBAAuB5J,EAAMQ,cAAcmH,sBAI/C,gBAACkC,EAAA,EAAiB,CAChB/I,MAAOd,EAAMW,KACbmJ,iBAAkB9J,EAAMQ,cAAcuJ,qBACtCxH,YAAavC,EAAMuC,YACnByH,WACElF,EAAmB9E,EAAMW,KAAKM,GAAIjB,EAAMa,QAASb,EAAMQ,cAAcuJ,sBAEvEE,cAAe,CAAEC,OAAQlK,EAAMW,KAAKM,GAAIkJ,SAAUnK,EAAMW,KAAK2F,MAC7D8D,6BAA8BC,EAAA,+BAC9B1G,WAAYA,KAGd,gBAAC2G,EAAA,EAAoB,CACnBxJ,MAAOd,EAAMW,KACbS,aAAcpB,EAAMoB,aACpBmB,YAAavC,EAAMuC,YACnB0H,cAAe,CAAEC,OAAQlK,EAAMW,KAAKM,GAAIkJ,SAAUnK,EAAMW,KAAK2F,MAC7DjF,oBAAqBrB,EAAMQ,cAAca,oBACzCsC,WAAYA,GACZ9B,WAAY7B,EAAM6B,WAClB1B,aAAcH,EAAMG,aACpBC,aAAcJ,EAAMI,aACpBE,SAAUN,EAAMM,WAGlB,gBAACiK,EAAA,EAAa,CACZlI,MAAOuF,IAAc,GACrB9G,MAAOd,EAAMW,KACbQ,aAAcnB,EAAMQ,cAAcW,aAClCU,WAAY7B,EAAM6B,WAClBD,UAAW5B,EAAM4B,UACjBW,YAAavC,EAAMuC,YACnBpC,aAAcH,EAAMG,aACpBC,aAAcJ,EAAMI,aACpBuD,WAAYA,GACZsG,cAAe,CAAEC,OAAQlK,EAAMW,KAAKM,GAAIkJ,SAAUnK,EAAMW,KAAK2F,MAC7DhG,SAAUN,EAAMM,WAIjB2F,IACC,gBAAC,IAA2B,CAC1BnF,MAAOd,EAAMW,KACbF,YAAaT,EAAMS,YACnBuG,wBAAyBA,GACzBI,sBAAuBA,GACvBqC,cAAe,SAAAC,GAAG,MAAK,CACrBxE,YAAa,WACbC,OAAQ,gBACRE,OAAQ,CAAEsE,oBAAqBD,EAAIpD,MACpC,EACD3C,WAAYA,GACZiG,sBAAuB5J,EAAMQ,cAAcmH,oBAC3C6C,aAAW,MAIZlD,MACD,gBAACpE,EAAW,CACVZ,cAAetC,EAAMsC,cACrBnC,aAAcH,EAAMG,aACpBC,aAAcJ,EAAMI,aACpByB,WAAY7B,EAAM6B,WAClBhB,QAASb,EAAMa,QACfW,YAAaxB,EAAMwB,YACnBI,UAAW5B,EAAM4B,UACjB+B,WAAYA,GACZrD,SAAUN,EAAMM,SAChBqE,yBAA0BN,EAAA,2BAC1BO,8BAA+BP,EAAA,gCAC/BQ,2BAA4BR,EAAA,+BAIhC,gBAACoG,EAAA,EAAa,CACZC,aAAc1K,EAAMW,KACpBkB,WAAY7B,EAAM6B,WAClBP,cAAetB,EAAMsB,cACrBnB,aAAcH,EAAMG,aACpBC,aAAcJ,EAAMI,aACpBK,YAAaT,EAAMS,YACnBmB,UAAW5B,EAAM4B,UACjBuC,gBAAiB,SAACC,EAAG7E,GAAI,OAAK8E,EAAA,aAA8BD,EAAG,OAAF,wBACxD7E,GAAI,CACPgC,QAASvB,EAAMwB,YAAYD,QAC3BE,UAAWzB,EAAMwB,YAAYC,UAC7B6C,SAAUtE,EAAMwB,YAAY8C,SAC5BzD,QAASb,EAAMa,QACfa,YAAa1B,EAAMwB,YAAYG,MAC/B,EACFD,YAAa1B,EAAMwB,YAAYG,IAC/BrB,SAAUN,EAAMM,YAKpB,gBAACqK,EAAA,EAAwB,CACvBC,WAAY7E,GACZ8E,cAAe7E,GACfvD,MAAOA,GACPqI,SAAUnF,EACVG,gBAAiBA,GACjBmE,cAAe,CAAEC,OAAQlK,EAAMW,KAAKM,GAAIkJ,SAAUnK,EAAMW,KAAK2F,MAC7DyE,WAAY/K,EAAMO,gCAK1B,C","sources":["file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/share/views/play-shared-clip/v2/PlaySharedClipViewV2.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/clipped-from/ClippedFrom.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/play-clip-v2.scss","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/PlayClipV2.tsx"],"sourcesContent":["const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\nimport { PlayClipV2 } from 'shared/views/play-clip/v2/components/play-clip/PlayClipV2';\n\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nexport function PlaySharedClipViewV2(props: ShareLinkViewProps): React.ReactElement {\n  const { hasProduct } = useProducts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const { hasPermissions } = usePermissions();\n  const { isPlugin } = usePluginHelper();\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const featureAccess = useVideoFeatureAccess();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.sharedClip(props.objectId, props.shareId));\n  const video = Flight.useBasicFetch<Video>(!!clip.data?._parentVideo &&\n    VideoRequests.video(clip.data._parentVideo.id));\n  const childClips = Flight.useBasicFetch<Clip[]>(\n    !!clip.data?._parentVideo?.id && featureAccess.canViewClips && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(\n    featureAccess.canViewInteractives && InteractiveRequests.videoInteractives(props.objectId)\n  );\n  \n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n  const pointsOfInterest = useFetchPointsOfInterest(props.objectId);\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({ content: clip.data }));\n\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(clip);\n  useDeepLinks({ id: props.objectId, app: 'clips', shareId: props.shareId });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClipV2\n      shareId={props.shareId}\n      clip={clip.data}\n      clips={childClips.data}\n      interactives={interactives.data}\n      originalVideo={video.data}\n      currentUser={currentUser.data}\n      yearGroups={yearGroups.data}\n      relatedVideos={relatedVideos}\n      canFavourite={canFavourite}\n      setFavourite={setFavourite}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      imageCdnUrl={config.data.imageCdnUrl}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest?.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      isPlugin={isPlugin}\n    />\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst namespace = 'shared.playClipV2';\n\ninterface ClippedFromProps {\n  originalVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  isPlugin: boolean;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n}\n\nexport function ClippedFrom(props: ClippedFromProps) {\n  const { hasPermissions } = usePermissions();\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  return (\n    <section\n      className='play-page-section'\n      id={PlayPageAnchor.ClippedFrom}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.ClippedFrom, el);\n      }}\n    >\n      <h2 className='h4 mb-0'><Text namespace={namespace} phrase='clippedFrom' /></h2>\n      <VideoActionsContext.Provider value={videoActions}>\n        <VideoList\n          videos={[props.originalVideo]}\n          yearGroups={props.yearGroups}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          hasPermissions={hasPermissions}\n          presentationAudiences={props.audiences}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          isPlugin={props.isPlugin}\n          getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n        />\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"iQ0Ie\",\"expandedToc\":\"sIoV8\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\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 { 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 { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { HasProductFunc } from 'libs/shared/hooks/UseProducts';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, InteractiveMetadata, Link, PointOfInterest, PresentationAudience, Resource, 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 { 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';\nimport { ClippedFrom } from 'shared/views/play-clip/v2/components/clipped-from/ClippedFrom';\n\nimport styles from './play-clip-v2.scss';\n\nconst getResourceAppLink = (videoId: string, shareId: string, canViewResource: boolean) =>\n  (resource: Resource | Link) => {\n    if (!canViewResource) {\n      return {\n        application: AppChannels.SIGN_UP,\n        action: Actions.SignUp.SIGN_UP\n      };\n    }\n\n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PREVIEW_PDF,\n      args: [resource.id],\n      params: {\n        videoId: videoId,\n        shareId: shareId\n      }\n    };\n  };\n\n\ninterface PlayClipV2Props {\n  clip: Clip;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  originalVideo: Video;\n  currentUser: CurrentUser;\n  yearGroups: YearGroup[];\n  relatedVideos: RelatedVideosHash;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  hasProduct: HasProductFunc;\n  audiences: PresentationAudience[];\n  imageCdnUrl: string;\n  shareId?: string;\n  canManageVideoAccess: boolean;\n  pointsOfInterest?: PointOfInterest[];\n  featureAccess: VideoFeaturesHash;\n  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  isPlugin: boolean;\n  breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayClipV2(props: PlayClipV2Props): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\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.clip) && 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.clip.resources?.data,\n          isPlayClipPage: true\n        }\n      )\n    };\n  });\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.clip);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\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  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 canAccessOriginal(): boolean {\n    if (!props.originalVideo || !props.clip._canBeConsumed?.value)\n      return false;\n\n    if (!props.currentUser?.isAuthenticated)\n      return false;\n\n    if (!props.hasProduct(ProductId.Primary))\n      return false;\n\n    if (hasStudentExperience)\n      return false;\n\n    return true;\n  }\n\n  function getOriginalVideoAppLink(): Core.AppLink {\n    if (!canAccessOriginal())\n      return null;\n  \n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.originalVideo.id, TextHelper.slugify(props.originalVideo.name) ]\n    };\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  const otherClips = props.clips?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  function getMainClassName() {\n    if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n      return styles.expandedToc;\n    }\n    if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n      return 'pe-4';\n  }\n\n  return (\n    <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row' : ''}`}>\n      <main className={`${styles.main} ${getMainClassName()}`}>\n        {!!props.breadcrumbs?.length &&\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        }\n\n        <RestrictionBanner\n          restrictions={props.clip._restrictions}\n          yearGroups={props.yearGroups}\n          objectId={props.clip.id}\n          objectTypeId={MasterType.Clip}\n          canManageVideoAccess={props.canManageVideoAccess}\n        />\n\n        {isArchived && (\n          <ArchivedBanner\n            typeId={props.clip.typeId}\n            hasStudentExperience={hasStudentExperience}\n          />\n        )}\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.clip.id}\n              objectId={props.clip.id}\n              objectTypeId={props.clip.typeId}\n              shareId={props.shareId}\n              context={props.queryParams?.context}\n              contextId={props.queryParams?.contextId}\n              moviesAndTv={props.queryParams?.mtv}\n              playNext={props.queryParams?.playNext}\n              startTime={props.queryParams?.t ?? props.queryParams?.startTime}\n              mode='default'\n              location='play-page'\n            />\n          )}\n          <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n            <PlayerPlaceholder\n              video={props.clip}\n              type='pip'\n            />\n          </div>\n        </section>\n\n        <PlayPageTitleAndActions\n          media={props.clip}\n          yearGroups={props.yearGroups}\n          audiences={props.audiences}\n          originalVideoAppLink={getOriginalVideoAppLink()}\n          featureAccess={props.featureAccess}\n          shareId={props.shareId}\n        />\n\n        {/* if no glance render video details here */}\n        {hasGlance ? (\n          <VideoAtAGlanceV2\n            video={props.clip}\n            pointsOfInterest={props.pointsOfInterest}\n            setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            canViewGlance={hasGlance}\n          />\n        ) : (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\n            onLaunchImmersiveReader={onLaunchImmersiveReader}\n            onExitImmersiveReader={onExitImmersiveReader}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        )}\n\n        <PlayPageResources\n          video={props.clip}\n          canViewResources={props.featureAccess.canViewResourceItems}\n          imageCdnUrl={props.imageCdnUrl}\n          getAppLink={\n            getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResourceItems)\n          }\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n          headingRef={headingRef}\n        />\n\n        <PlayPageInteractives\n          video={props.clip}\n          interactives={props.interactives}\n          imageCdnUrl={props.imageCdnUrl}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          canViewInteractives={props.featureAccess.canViewInteractives}\n          headingRef={headingRef}\n          yearGroups={props.yearGroups}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          isPlugin={props.isPlugin}\n        />\n\n        <PlayPageClips\n          clips={otherClips || []}\n          video={props.clip}\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          headingRef={headingRef}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          isPlugin={props.isPlugin}\n        />\n\n        {/* if has glance, render video details here */}\n        {hasGlance && (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\n            onLaunchImmersiveReader={onLaunchImmersiveReader}\n            onExitImmersiveReader={onExitImmersiveReader}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            showHeading\n          />\n        )}\n     \n        {!!canAccessOriginal() && (\n          <ClippedFrom\n            originalVideo={props.originalVideo}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            yearGroups={props.yearGroups}\n            shareId={props.shareId}\n            queryParams={props.queryParams}\n            audiences={props.audiences}\n            headingRef={headingRef}\n            isPlugin={props.isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          />\n        )}\n\n        <RelatedVideos\n          currentVideo={props.clip}\n          yearGroups={props.yearGroups}\n          relatedVideos={props.relatedVideos}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          currentUser={props.currentUser}\n          audiences={props.audiences}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n          isPlugin={props.isPlugin}\n        />\n\n      </main>\n\n      <TableOfContentsContainer\n        isExpanded={tableOfContentsExpanded}\n        setIsExpanded={onToggleTableOfContents}\n        items={items}\n        activeId={tableOfContentsActiveId}\n        setControlledId={setControlledId}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        showInSide={props.shouldShowSideTableOfContents}\n      />\n      \n    </div>\n  );\n}"],"names":["DEFAULT_PARTIAL_LOADING_OPTIONS","numItems","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","map","width","Math","max","floor","random","PlaySharedClipViewV2","props","hasProduct","u","setFavourite","canFavourite","hasPermissions","isPlugin","shouldShowSideTableOfContents","featureAccess","currentUser","config","clip","objectId","shareId","video","data","_parentVideo","id","childClips","canViewClips","interactives","canViewInteractives","relatedVideos","context","queryParams","contextId","moviesAndTv","mtv","audiences","yearGroups","isAuthenticated","customerId","pointsOfInterest","content","videos","app","hasCompleted","clips","originalVideo","imageCdnUrl","canManageVideoAccess","items","tableOfContentsId","tocId","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","namespace","ClippedFrom","usePermissions","videoActions","useVideoActions","location","className","PlayPageAnchor","ref","el","headingRef","current","set","Text","phrase","VideoActionsContext","value","VideoList","getVideoAppLink","v","VideoAppLinkHelper","playNext","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","getResourceAppLink","videoId","canViewResource","resource","application","action","args","params","PlayClipV2","playerContext","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","canViewGlance","useSectionHeadings","headingElements","ele","name","resources","isPlayClipPage","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","isArchived","hasStudentExperience","PermissionName","shouldPlayOnExitImmersiveReader","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","canAccessOriginal","_canBeConsumed","ProductId","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","filter","c","toString","breadcrumbs","length","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","objectTypeId","MasterType","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","key","startTime","t","PlayerPlaceholder","type","PlayPageTitleAndActions","media","originalVideoAppLink","TextHelper","VideoAtAGlanceV2","setStartTime","time","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","PlayPageResources","canViewResources","canViewResourceItems","getAppLink","analyticsData","clipId","clipName","resourceThumbnailFallbackUrl","ImageUrls","PlayPageInteractives","PlayPageClips","showHeading","RelatedVideos","currentVideo","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}