npm - @clickview/lite - Versions diffs - 0.50.0-rc.4 → 0.50.0-rc.6 - Mend

@clickview/lite 0.50.0-rc.4 → 0.50.0-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/dist/scripts/{1895-933141db03-lite.chunk.js → 1895-a799be78c3-lite.chunk.js} RENAMED Viewed

@@ -1,3 +1,3 @@
-/*! For license information please see 1895-933141db03-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1895],{75919:(e,t,r)=>{r.d(t,{N:()=>c});var n=r(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return n.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&&n.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}()},n.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&n.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,r)=>{r.d(t,{Y:()=>s});var n=r(32735),a=r(54610),c=r(67453),o=r(2248);const l={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return n.createElement("li",{className:"col-4"},n.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(l.subjectPlaceholder)},e.coverUrl?n.createElement("div",{className:l.placeholderCover},n.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):n.createElement("div",{className:"".concat(l.placeholderCover," bg-light-blue")})))}function u(){return n.createElement("li",{className:"col-4"},n.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(l.promotedTopicPlaceholder)}))}function s(e){var t,r,a,c=Math.max(12-(null!==(r=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==r?r:0),0);return n.createElement(o.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},n.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},n.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},n.createElement("div",{className:"bg-light ".concat(l.magicTab)}),n.createElement("div",{className:"".concat(l.magicTab)})),n.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 n.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 n.createElement(i,{key:t})}))),n.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null))))}},2248:(e,t,r)=>{r.d(t,{L:()=>v});var n=r(32735),a=r(60376),c=r(83914),o=r(2786),l=r(83345),i=r(72639),u=r(79967),s=r(35223),m=r(10144);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 n.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},n.createElement("div",{className:"".concat(d.leftNavIcon," rounded-circle")}),n.createElement("div",{className:"".concat(d.leftNavText," rounded-pill")}))}function v(e){var t,r,v=(0,u.k)();return n.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&&n.createElement("div",{className:"w-100 h-100 position-absolute ".concat(d.shadow)},n.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(d.curriculumContainer)},n.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},n.createElement("h2",{className:"h6 text-start"},n.createElement(l.x,{namespace:f,phrase:"curriculum"})),e.curriculum?n.createElement("div",{className:"d-flex align-items-center"},n.createElement("div",{className:"".concat(d.curriculumIcon," rounded-circle me-2 border")},n.createElement(a.f,{imageUrl:null===(t=e.curriculum.cover)||void 0===t?void 0:t.url})),n.createElement("div",{className:"text-start"},e.curriculum.name)):n.createElement("div",{className:"d-flex align-items-center text-secondary"},n.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(d.iconPlaceholder)},n.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:s.vn.GraduationCap})),n.createElement(l.x,{namespace:f,phrase:"selectCurriculum"}))))),n.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(d.blackBar)},n.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),n.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),n.createElement("div",{className:"rounded-circle ".concat(d.dot)})),n.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(d.topNav)},n.createElement("div",{className:"".concat(d.logo," me-4")},v.xs?n.createElement(o.bc,null):n.createElement(o.$S,null)),n.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},n.createElement(c.x,{svgName:s.vn.Search})),!!e.curriculum&&n.createElement("div",{className:"".concat(d.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},n.createElement(a.f,{imageUrl:null===(r=e.curriculum.cover)||void 0===r?void 0:r.url}))),n.createElement("div",{className:"d-flex ".concat(d.belowHeader)},n.createElement("div",{className:"".concat(d.leftNav," border-end")},n.createElement("div",{className:"d-flex flex-column pt-3 h-100"},n.createElement(h,null),n.createElement(h,null),n.createElement(h,null),n.createElement(h,null),n.createElement(h,null),n.createElement("div",{className:"d-flex align-items-end h-100 w-100"},n.createElement("div",{className:"border-top p-3 w-100"},n.createElement("div",{className:"d-flex align-items-center"},n.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")},n.createElement(c.x,{svgName:s.vn.School,size:c.S.Large})),e.presentation?n.createElement("span",{className:"fw-semibold text-truncate ".concat(d.presentationName)},e.presentation.name):n.createElement("div",{className:"".concat(d.presentationPlaceholderText," fw-semibold")},n.createElement(l.x,{namespace:f,phrase:"schoolLevel"}))))))),n.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},92351:(e,t,r)=>{r.r(t),r.d(t,{OnboardingSubjectsSummaryView:()=>S});var n=r(32735),a=r(81886),c=r(23481),o=r(20354),l=r(65858),i=r(10874),u=r(83345),s=r(55171),m=r(61699),d=r(35223),f=r(82817),h=r(86698),v=r(75359),p=r(12058),g=r(40695),E=r(75919),y=r(39375),b=r(73190),w=r(90815),x=r(67963);const N={icon:"K6Rsv"};function L(e){return L="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},L(e)}function k(){k=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,a=Object.defineProperty||function(e,t,r){e[t]=r.value},c="function"==typeof Symbol?Symbol:{},o=c.iterator||"@@iterator",l=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function u(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,r){return e[t]=r}}function s(e,t,r,n){var c=t&&t.prototype instanceof g?t:g,o=Object.create(c.prototype),l=new O(n||[]);return a(o,"_invoke",{value:P(e,r,l)}),o}function m(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=s;var d="suspendedStart",f="suspendedYield",h="executing",v="completed",p={};function g(){}function E(){}function y(){}var b={};u(b,o,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(I([])));x&&x!==r&&n.call(x,o)&&(b=x);var N=y.prototype=g.prototype=Object.create(b);function C(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function r(a,c,o,l){var i=m(e[a],e,c);if("throw"!==i.type){var u=i.arg,s=u.value;return s&&"object"==L(s)&&n.call(s,"__await")?t.resolve(s.__await).then((function(e){r("next",e,o,l)}),(function(e){r("throw",e,o,l)})):t.resolve(s).then((function(e){u.value=e,o(u)}),(function(e){return r("throw",e,o,l)}))}l(i.arg)}var c;a(this,"_invoke",{value:function(e,n){function a(){return new t((function(t,a){r(e,n,t,a)}))}return c=c?c.then(a,a):a()}})}function P(t,r,n){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(n.method=c,n.arg=o;;){var l=n.delegate;if(l){var i=S(l,n);if(i){if(i===p)continue;return i}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(a===d)throw a=v,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);a=h;var u=m(t,r,n);if("normal"===u.type){if(a=n.done?v:f,u.arg===p)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(a=v,n.method="throw",n.arg=u.arg)}}}function S(t,r){var n=r.method,a=t.iterator[n];if(a===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,S(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),p;var c=m(a,t.iterator,r.arg);if("throw"===c.type)return r.method="throw",r.arg=c.arg,r.delegate=null,p;var o=c.arg;return o?o.done?(r[t.resultName]=o.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,p):o:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,p)}function _(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 T(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function O(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(_,this),this.reset(!0)}function I(t){if(t||""===t){var r=t[o];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=function r(){for(;++a<t.length;)if(n.call(t,a))return r.value=t[a],r.done=!1,r;return r.value=e,r.done=!0,r};return c.next=c}}throw new TypeError(L(t)+" is not iterable")}return E.prototype=y,a(N,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:E,configurable:!0}),E.displayName=u(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===E||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,u(e,i,"GeneratorFunction")),e.prototype=Object.create(N),e},t.awrap=function(e){return{__await:e}},C(j.prototype),u(j.prototype,l,(function(){return this})),t.AsyncIterator=j,t.async=function(e,r,n,a,c){void 0===c&&(c=Promise);var o=new j(s(e,r,n,a),c);return t.isGeneratorFunction(r)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},C(N),u(N,i,"Generator"),u(N,o,(function(){return this})),u(N,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=I,O.prototype={constructor:O,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(T),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=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 r=this;function a(n,a){return l.type="throw",l.arg=t,r.next=n,a&&(r.method="next",r.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=n.call(o,"catchLoc"),u=n.call(o,"finallyLoc");if(i&&u){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(!u)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return a(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var a=this.tryEntries[r];if(a.tryLoc<=this.prev&&n.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 r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),T(r),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var a=n.arg;T(r)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:I(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),p}},t}var C=function(e,t,r,n){return new(r||(r=Promise))((function(a,c){function o(e){try{i(n.next(e))}catch(e){c(e)}}function l(e){try{i(n.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,l)}i((n=n.apply(e,t||[])).next())}))},j="onboarding.subjectsSummary";function P(e){return n.createElement("div",{className:"d-flex align-items-center p-2"},n.createElement("div",{className:"rounded border border-dark ".concat(N.icon)},n.createElement("img",{src:e.imageUrl,className:"img-fluid"})),n.createElement("div",null,n.createElement("h2",{className:"mb-1 h6"},e.heading),n.createElement("p",{className:"mb-0"},e.description)),n.createElement(i.h,{className:"btn btn-link ms-auto align-self-start",onClick:e.onClick,svgName:d.vn.Edit}))}function S(e){var t,r,i,d,N=(0,b.Q)(e.redirectUrl),L=N.onClickBack,S=N.exitOnboarding,_=N.completeStepAsync,T=N.onSaveError,O=(0,w.H)().logEvent,I=(0,h.y)(),U=I.preferredPresentation,z=I.availablePresentations,G=(0,f.M)(),V=G.preferredCurriculum,B=G.availableCurriculums,F=(0,x.u)(),Q=o.a.useBasicFetch(m.o.mySubjectPreferences());return n.createElement(g.z,{namespace:j},n.createElement(g.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},n.createElement(E.N,{contentPosition:"right"},n.createElement(y.Y,{presentation:U,curriculum:V,subjects:Q.data}))),n.createElement(g.z.Right,{hasCustomButtons:!1,onClickNext:function(){return C(this,void 0,void 0,k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return O(l.Vw.Click,l.Ix.Next),e.prev=1,e.next=4,_();case 4:e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(1),T(),e.abrupt("return",Promise.reject());case 10:case"end":return e.stop()}}),e,null,[[1,6]])})))},onClickBack:L,onClickComeBackLater:S},n.createElement(v.W,null,n.createElement(u.x,{phrase:"heading"})),n.createElement(p.X,null,n.createElement(u.x,{phrase:"info"})),(null==z?void 0:z.length)>1&&U&&n.createElement(P,{onClick:function(){O(l.Vw.Click,l.Ix.UpdateSchoolLevel),a.Q.C$.trigger(F["school-level"])},imageUrl:null===(t=U.cover)||void 0===t?void 0:t.url,heading:c.T.getPhrase(j,"schoolLevel"),description:U.name}),(null==B?void 0:B.length)>1&&V&&n.createElement(P,{onClick:function(){O(l.Vw.Click,l.Ix.UpdateCurriculum),a.Q.C$.trigger(F["select-curriculum"])},imageUrl:null===(r=V.cover)||void 0===r?void 0:r.url,heading:c.T.getPhrase(j,"curriculums"),description:V.name}),n.createElement(P,{onClick:function(){O(l.Vw.Click,l.Ix.UpdateSubjects),a.Q.C$.trigger(F.subjects)},imageUrl:s.e.Images.Level_2.TOPIC_COVER,heading:c.T.getPhrase(j,"subjects"),description:null!==(d=null===(i=Q.data)||void 0===i?void 0:i.map((function(e){return e.name})).join(", "))&&void 0!==d?d:""}),n.createElement(p.X,null,n.createElement(u.x,{phrase:"dontWorry"}))))}}}]);
-//# sourceMappingURL=1895-933141db03-lite.chunk.js.map
+/*! For license information please see 1895-a799be78c3-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1895],{75919:(e,t,r)=>{r.d(t,{N:()=>c});var n=r(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return n.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&&n.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}()},n.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&n.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,r)=>{r.d(t,{Y:()=>s});var n=r(32735),a=r(54610),c=r(67453),o=r(2248);const l={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return n.createElement("li",{className:"col-4"},n.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(l.subjectPlaceholder)},e.coverUrl?n.createElement("div",{className:l.placeholderCover},n.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):n.createElement("div",{className:"".concat(l.placeholderCover," bg-light-blue")})))}function u(){return n.createElement("li",{className:"col-4"},n.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(l.promotedTopicPlaceholder)}))}function s(e){var t,r,a,c=Math.max(12-(null!==(r=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==r?r:0),0);return n.createElement(o.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},n.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},n.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},n.createElement("div",{className:"bg-light ".concat(l.magicTab)}),n.createElement("div",{className:"".concat(l.magicTab)})),n.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 n.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 n.createElement(i,{key:t})}))),n.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null),n.createElement(u,null))))}},2248:(e,t,r)=>{r.d(t,{L:()=>v});var n=r(32735),a=r(60376),c=r(83914),o=r(2786),l=r(83345),i=r(72639),u=r(79967),s=r(35223),m=r(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 n.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},n.createElement("div",{className:"".concat(d.leftNavIcon," rounded-circle")}),n.createElement("div",{className:"".concat(d.leftNavText," rounded-pill")}))}function v(e){var t,r,v=(0,u.k)();return n.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&&n.createElement("div",{className:"w-100 h-100 position-absolute ".concat(d.shadow)},n.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(d.curriculumContainer)},n.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},n.createElement("h2",{className:"h6 text-start"},n.createElement(l.x,{namespace:f,phrase:"curriculum"})),e.curriculum?n.createElement("div",{className:"d-flex align-items-center"},n.createElement("div",{className:"".concat(d.curriculumIcon," rounded-circle me-2 border")},n.createElement(a.f,{imageUrl:null===(t=e.curriculum.cover)||void 0===t?void 0:t.url})),n.createElement("div",{className:"text-start"},e.curriculum.name)):n.createElement("div",{className:"d-flex align-items-center text-secondary"},n.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(d.iconPlaceholder)},n.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:s.vn.GraduationCap})),n.createElement(l.x,{namespace:f,phrase:"selectCurriculum"}))))),n.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(d.blackBar)},n.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),n.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),n.createElement("div",{className:"rounded-circle ".concat(d.dot)})),n.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(d.topNav)},n.createElement("div",{className:"".concat(d.logo," me-4")},v.xs?n.createElement(o.bc,null):n.createElement(o.$S,null)),n.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},n.createElement(c.x,{svgName:s.vn.Search})),!!e.curriculum&&n.createElement("div",{className:"".concat(d.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},n.createElement(a.f,{imageUrl:null===(r=e.curriculum.cover)||void 0===r?void 0:r.url}))),n.createElement("div",{className:"d-flex ".concat(d.belowHeader)},n.createElement("div",{className:"".concat(d.leftNav," border-end")},n.createElement("div",{className:"d-flex flex-column pt-3 h-100"},n.createElement(h,null),n.createElement(h,null),n.createElement(h,null),n.createElement(h,null),n.createElement(h,null),n.createElement("div",{className:"d-flex align-items-end h-100 w-100"},n.createElement("div",{className:"border-top p-3 w-100"},n.createElement("div",{className:"d-flex align-items-center"},n.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")},n.createElement(c.x,{svgName:s.vn.School,size:c.S.Large})),e.presentation?n.createElement("span",{className:"fw-semibold text-truncate ".concat(d.presentationName)},e.presentation.name):n.createElement("div",{className:"".concat(d.presentationPlaceholderText," fw-semibold")},n.createElement(l.x,{namespace:f,phrase:"schoolLevel"}))))))),n.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},92351:(e,t,r)=>{r.r(t),r.d(t,{OnboardingSubjectsSummaryView:()=>S});var n=r(32735),a=r(81886),c=r(23481),o=r(20354),l=r(65858),i=r(10874),u=r(83345),s=r(55171),m=r(61699),d=r(35223),f=r(82817),h=r(86698),v=r(75359),p=r(12058),g=r(40695),E=r(75919),y=r(39375),b=r(73190),w=r(90815),x=r(67963);const N={icon:"K6Rsv"};function L(e){return L="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},L(e)}function k(){k=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,a=Object.defineProperty||function(e,t,r){e[t]=r.value},c="function"==typeof Symbol?Symbol:{},o=c.iterator||"@@iterator",l=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function u(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,r){return e[t]=r}}function s(e,t,r,n){var c=t&&t.prototype instanceof g?t:g,o=Object.create(c.prototype),l=new O(n||[]);return a(o,"_invoke",{value:P(e,r,l)}),o}function m(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=s;var d="suspendedStart",f="suspendedYield",h="executing",v="completed",p={};function g(){}function E(){}function y(){}var b={};u(b,o,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(I([])));x&&x!==r&&n.call(x,o)&&(b=x);var N=y.prototype=g.prototype=Object.create(b);function C(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function r(a,c,o,l){var i=m(e[a],e,c);if("throw"!==i.type){var u=i.arg,s=u.value;return s&&"object"==L(s)&&n.call(s,"__await")?t.resolve(s.__await).then((function(e){r("next",e,o,l)}),(function(e){r("throw",e,o,l)})):t.resolve(s).then((function(e){u.value=e,o(u)}),(function(e){return r("throw",e,o,l)}))}l(i.arg)}var c;a(this,"_invoke",{value:function(e,n){function a(){return new t((function(t,a){r(e,n,t,a)}))}return c=c?c.then(a,a):a()}})}function P(t,r,n){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(n.method=c,n.arg=o;;){var l=n.delegate;if(l){var i=S(l,n);if(i){if(i===p)continue;return i}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(a===d)throw a=v,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);a=h;var u=m(t,r,n);if("normal"===u.type){if(a=n.done?v:f,u.arg===p)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(a=v,n.method="throw",n.arg=u.arg)}}}function S(t,r){var n=r.method,a=t.iterator[n];if(a===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,S(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),p;var c=m(a,t.iterator,r.arg);if("throw"===c.type)return r.method="throw",r.arg=c.arg,r.delegate=null,p;var o=c.arg;return o?o.done?(r[t.resultName]=o.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,p):o:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,p)}function _(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 T(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function O(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(_,this),this.reset(!0)}function I(t){if(t||""===t){var r=t[o];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=function r(){for(;++a<t.length;)if(n.call(t,a))return r.value=t[a],r.done=!1,r;return r.value=e,r.done=!0,r};return c.next=c}}throw new TypeError(L(t)+" is not iterable")}return E.prototype=y,a(N,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:E,configurable:!0}),E.displayName=u(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===E||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,u(e,i,"GeneratorFunction")),e.prototype=Object.create(N),e},t.awrap=function(e){return{__await:e}},C(j.prototype),u(j.prototype,l,(function(){return this})),t.AsyncIterator=j,t.async=function(e,r,n,a,c){void 0===c&&(c=Promise);var o=new j(s(e,r,n,a),c);return t.isGeneratorFunction(r)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},C(N),u(N,i,"Generator"),u(N,o,(function(){return this})),u(N,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=I,O.prototype={constructor:O,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(T),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=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 r=this;function a(n,a){return l.type="throw",l.arg=t,r.next=n,a&&(r.method="next",r.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=n.call(o,"catchLoc"),u=n.call(o,"finallyLoc");if(i&&u){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(!u)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return a(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var a=this.tryEntries[r];if(a.tryLoc<=this.prev&&n.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 r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),T(r),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var a=n.arg;T(r)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:I(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),p}},t}var C=function(e,t,r,n){return new(r||(r=Promise))((function(a,c){function o(e){try{i(n.next(e))}catch(e){c(e)}}function l(e){try{i(n.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,l)}i((n=n.apply(e,t||[])).next())}))},j="onboarding.subjectsSummary";function P(e){return n.createElement("div",{className:"d-flex align-items-center p-2"},n.createElement("div",{className:"rounded border border-dark ".concat(N.icon)},n.createElement("img",{src:e.imageUrl,className:"img-fluid"})),n.createElement("div",null,n.createElement("h2",{className:"mb-1 h6"},e.heading),n.createElement("p",{className:"mb-0"},e.description)),n.createElement(i.h,{className:"btn btn-link ms-auto align-self-start",onClick:e.onClick,svgName:d.vn.Edit}))}function S(e){var t,r,i,d,N=(0,b.Q)(e.redirectUrl),L=N.onClickBack,S=N.exitOnboarding,_=N.completeStepAsync,T=N.onSaveError,O=(0,w.H)().logEvent,I=(0,h.y)(),U=I.preferredPresentation,z=I.availablePresentations,G=(0,f.M)(),V=G.preferredCurriculum,B=G.availableCurriculums,F=(0,x.u)(),Q=o.a.useBasicFetch(m.o.mySubjectPreferences());return n.createElement(g.z,{namespace:j},n.createElement(g.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},n.createElement(E.N,{contentPosition:"right"},n.createElement(y.Y,{presentation:U,curriculum:V,subjects:Q.data}))),n.createElement(g.z.Right,{hasCustomButtons:!1,onClickNext:function(){return C(this,void 0,void 0,k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return O(l.Vw.Click,l.Ix.Next),e.prev=1,e.next=4,_();case 4:e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(1),T(),e.abrupt("return",Promise.reject());case 10:case"end":return e.stop()}}),e,null,[[1,6]])})))},onClickBack:L,onClickComeBackLater:S},n.createElement(v.W,null,n.createElement(u.x,{phrase:"heading"})),n.createElement(p.X,null,n.createElement(u.x,{phrase:"info"})),(null==z?void 0:z.length)>1&&U&&n.createElement(P,{onClick:function(){O(l.Vw.Click,l.Ix.UpdateSchoolLevel),a.Q.C$.trigger(F["school-level"])},imageUrl:null===(t=U.cover)||void 0===t?void 0:t.url,heading:c.T.getPhrase(j,"schoolLevel"),description:U.name}),(null==B?void 0:B.length)>1&&V&&n.createElement(P,{onClick:function(){O(l.Vw.Click,l.Ix.UpdateCurriculum),a.Q.C$.trigger(F["select-curriculum"])},imageUrl:null===(r=V.cover)||void 0===r?void 0:r.url,heading:c.T.getPhrase(j,"curriculums"),description:V.name}),n.createElement(P,{onClick:function(){O(l.Vw.Click,l.Ix.UpdateSubjects),a.Q.C$.trigger(F.subjects)},imageUrl:s.e.Images.Level_2.TOPIC_COVER,heading:c.T.getPhrase(j,"subjects"),description:null!==(d=null===(i=Q.data)||void 0===i?void 0:i.map((function(e){return e.name})).join(", "))&&void 0!==d?d:""}),n.createElement(p.X,null,n.createElement(u.x,{phrase:"dontWorry"}))))}}}]);
+//# sourceMappingURL=1895-a799be78c3-lite.chunk.js.map

package/dist/scripts/{1895-933141db03-lite.chunk.js.map → 1895-a799be78c3-lite.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scripts/1895-933141db03-lite.chunk.js","mappings":"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","sources":["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/subjects-summary/subjects-summary.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects-summary/OnboardingSubjectsSummaryView.tsx"],"sourcesContent":["// 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 {\"icon\":\"K6Rsv\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { Classification } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\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';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './subjects-summary.scss';\n\nconst namespace = 'onboarding.subjectsSummary';\n\ninterface OptionProps {\n onClick: () => void;\n imageUrl: string;\n heading: string;\n description: string;\n}\n\nfunction Option(props: OptionProps): JSX.Element {\n return (\n <div\n className={`d-flex align-items-center p-2`}\n >\n <div className={`rounded border border-dark ${styles.icon}`}>\n <img src={props.imageUrl} className='img-fluid' />\n </div>\n\n <div>\n <h2 className='mb-1 h6'>\n {props.heading}\n </h2>\n <p className={`mb-0`}>\n {props.description}\n </p>\n </div>\n\n <IconButton\n className='btn btn-link ms-auto align-self-start'\n onClick={props.onClick}\n svgName={cvSvgLibrary.Edit}\n />\n </div>\n );\n}\n\nexport function OnboardingSubjectsSummaryView(props: OnboardingViewProps): JSX.Element {\n const { onClickBack, exitOnboarding, completeStepAsync, onSaveError } = useOnboardingCallbacks(props.redirectUrl);\n const { logEvent } = useOnboardingEventLogger();\n const {\n preferredPresentation,\n availablePresentations\n } = usePresentation();\n const {\n preferredCurriculum,\n availableCurriculums\n } = useCurriculums();\n\n const appLinks = getOnboardingAppLinks();\n\n const subjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.mySubjectPreferences());\n\n function onClickEditSchoolLevel(): void {\n logEvent(UserAction.Click, OnboardingDescriptor.UpdateSchoolLevel);\n Core.AppLinkHelper.trigger(appLinks['school-level']);\n }\n\n function onClickEditCurriculum(): void {\n logEvent(UserAction.Click, OnboardingDescriptor.UpdateCurriculum);\n Core.AppLinkHelper.trigger(appLinks['select-curriculum']);\n }\n\n function onClickEditSubjects(): void {\n logEvent(UserAction.Click, OnboardingDescriptor.UpdateSubjects);\n Core.AppLinkHelper.trigger(appLinks['subjects']);\n }\n\n async function onClickNext(): Promise<void> {\n logEvent(UserAction.Click, OnboardingDescriptor.Next);\n\n try {\n await completeStepAsync();\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 >\n <MockDiscover\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n subjects={subjects.data}\n />\n </LeftPanelItem>\n </OnboardingLayout.Left>\n\n <OnboardingLayout.Right\n hasCustomButtons={false}\n onClickNext={onClickNext}\n onClickBack={onClickBack}\n onClickComeBackLater={exitOnboarding}\n >\n <OnboardingScreenHeading>\n <Text phrase='heading' />\n </OnboardingScreenHeading>\n\n <OnboardingScreenInfo>\n <Text phrase='info' />\n </OnboardingScreenInfo>\n\n {availablePresentations?.length > 1 && preferredPresentation && (\n <Option\n onClick={onClickEditSchoolLevel}\n imageUrl={preferredPresentation.cover?.url}\n heading={LanguageService.getPhrase(namespace, 'schoolLevel')}\n description={preferredPresentation.name}\n />\n )}\n\n {availableCurriculums?.length > 1 && preferredCurriculum && (\n <Option\n onClick={onClickEditCurriculum}\n imageUrl={preferredCurriculum.cover?.url}\n heading={LanguageService.getPhrase(namespace, 'curriculums')}\n description={preferredCurriculum.name}\n />\n )}\n\n <Option\n onClick={onClickEditSubjects}\n imageUrl={HardCoded.Images.Level_2.TOPIC_COVER}\n heading={LanguageService.getPhrase(namespace, 'subjects')}\n description={subjects.data?.map(s => s.name).join(', ') ?? ''}\n />\n\n <OnboardingScreenInfo>\n <Text phrase='dontWorry' />\n </OnboardingScreenInfo>\n </OnboardingLayout.Right>\n </OnboardingLayout>\n );\n}"],"names":["LeftPanelItem","props","className","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","coverUrl","ImageHelper","size","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","subjects","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","id","cover","url","Array","fill","_","index","namespace","LeftNavItem","breakpoints","useBreakpoints","Text","phrase","IconCircle","imageUrl","name","svgSize","SvgContainer","S","textVariant","svgName","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","Option","heading","description","IconButton","onClick","OnboardingSubjectsSummaryView","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","completeStepAsync","onSaveError","logEvent","useOnboardingEventLogger","usePresentation","preferredPresentation","availablePresentations","useCurriculums","preferredCurriculum","availableCurriculums","appLinks","PreferenceRequests","OnboardingLayout","data","hasCustomButtons","onClickNext","Promise","reject","onClickComeBackLater","OnboardingScreenHeading","OnboardingScreenInfo","LanguageService","HardCoded","s","join"],"sourceRoot":""}
1	+ {"version":3,"file":"scripts/1895-a799be78c3-lite.chunk.js","mappings":"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","sources":["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/subjects-summary/subjects-summary.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects-summary/OnboardingSubjectsSummaryView.tsx"],"sourcesContent":["// 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 {\"icon\":\"K6Rsv\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { Classification } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\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';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './subjects-summary.scss';\n\nconst namespace = 'onboarding.subjectsSummary';\n\ninterface OptionProps {\n onClick: () => void;\n imageUrl: string;\n heading: string;\n description: string;\n}\n\nfunction Option(props: OptionProps): JSX.Element {\n return (\n <div\n className={`d-flex align-items-center p-2`}\n >\n <div className={`rounded border border-dark ${styles.icon}`}>\n <img src={props.imageUrl} className='img-fluid' />\n </div>\n\n <div>\n <h2 className='mb-1 h6'>\n {props.heading}\n </h2>\n <p className={`mb-0`}>\n {props.description}\n </p>\n </div>\n\n <IconButton\n className='btn btn-link ms-auto align-self-start'\n onClick={props.onClick}\n svgName={cvSvgLibrary.Edit}\n />\n </div>\n );\n}\n\nexport function OnboardingSubjectsSummaryView(props: OnboardingViewProps): JSX.Element {\n const { onClickBack, exitOnboarding, completeStepAsync, onSaveError } = useOnboardingCallbacks(props.redirectUrl);\n const { logEvent } = useOnboardingEventLogger();\n const {\n preferredPresentation,\n availablePresentations\n } = usePresentation();\n const {\n preferredCurriculum,\n availableCurriculums\n } = useCurriculums();\n\n const appLinks = getOnboardingAppLinks();\n\n const subjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.mySubjectPreferences());\n\n function onClickEditSchoolLevel(): void {\n logEvent(UserAction.Click, OnboardingDescriptor.UpdateSchoolLevel);\n Core.AppLinkHelper.trigger(appLinks['school-level']);\n }\n\n function onClickEditCurriculum(): void {\n logEvent(UserAction.Click, OnboardingDescriptor.UpdateCurriculum);\n Core.AppLinkHelper.trigger(appLinks['select-curriculum']);\n }\n\n function onClickEditSubjects(): void {\n logEvent(UserAction.Click, OnboardingDescriptor.UpdateSubjects);\n Core.AppLinkHelper.trigger(appLinks['subjects']);\n }\n\n async function onClickNext(): Promise<void> {\n logEvent(UserAction.Click, OnboardingDescriptor.Next);\n\n try {\n await completeStepAsync();\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 >\n <MockDiscover\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n subjects={subjects.data}\n />\n </LeftPanelItem>\n </OnboardingLayout.Left>\n\n <OnboardingLayout.Right\n hasCustomButtons={false}\n onClickNext={onClickNext}\n onClickBack={onClickBack}\n onClickComeBackLater={exitOnboarding}\n >\n <OnboardingScreenHeading>\n <Text phrase='heading' />\n </OnboardingScreenHeading>\n\n <OnboardingScreenInfo>\n <Text phrase='info' />\n </OnboardingScreenInfo>\n\n {availablePresentations?.length > 1 && preferredPresentation && (\n <Option\n onClick={onClickEditSchoolLevel}\n imageUrl={preferredPresentation.cover?.url}\n heading={LanguageService.getPhrase(namespace, 'schoolLevel')}\n description={preferredPresentation.name}\n />\n )}\n\n {availableCurriculums?.length > 1 && preferredCurriculum && (\n <Option\n onClick={onClickEditCurriculum}\n imageUrl={preferredCurriculum.cover?.url}\n heading={LanguageService.getPhrase(namespace, 'curriculums')}\n description={preferredCurriculum.name}\n />\n )}\n\n <Option\n onClick={onClickEditSubjects}\n imageUrl={HardCoded.Images.Level_2.TOPIC_COVER}\n heading={LanguageService.getPhrase(namespace, 'subjects')}\n description={subjects.data?.map(s => s.name).join(', ') ?? ''}\n />\n\n <OnboardingScreenInfo>\n <Text phrase='dontWorry' />\n </OnboardingScreenInfo>\n </OnboardingLayout.Right>\n </OnboardingLayout>\n );\n}"],"names":["LeftPanelItem","props","className","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","coverUrl","ImageHelper","size","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","subjects","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","id","cover","url","Array","fill","_","index","namespace","LeftNavItem","breakpoints","useBreakpoints","Text","phrase","IconCircle","imageUrl","name","svgSize","SvgContainer","S","textVariant","svgName","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","Option","heading","description","IconButton","onClick","OnboardingSubjectsSummaryView","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","completeStepAsync","onSaveError","logEvent","useOnboardingEventLogger","usePresentation","preferredPresentation","availablePresentations","useCurriculums","preferredCurriculum","availableCurriculums","appLinks","PreferenceRequests","OnboardingLayout","data","hasCustomButtons","onClickNext","Promise","reject","onClickComeBackLater","OnboardingScreenHeading","OnboardingScreenInfo","LanguageService","HardCoded","s","join"],"sourceRoot":""}

package/dist/scripts/{2446-c6b50a79cd-lite.chunk.js → 2446-acc94130ed-lite.chunk.js} RENAMED Viewed

@@ -1,3 +1,3 @@
-/*! For license information please see 2446-c6b50a79cd-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2446],{2381:(e,t,n)=>{n.d(t,{q:()=>c});var r=n(5173),a=n(23481),o="playlists.validation",c=r.Ry().shape({name:r.Z_().max(250,(function(){return a.T.getPhrase(o,"nameExceeds")})).required((function(){return a.T.getPhrase(o,"nameRequired")})),description:r.Z_().max(16e3,(function(){return a.T.getPhrase(o,"descriptionExceeds")})).nullable()})},75919:(e,t,n)=>{n.d(t,{N:()=>o});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function o(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}o.defaultProps={contentPosition:"center"}},2248:(e,t,n)=>{n.d(t,{L:()=>p});var r=n(32735),a=n(60376),o=n(83914),c=n(2786),i=n(83345),l=n(72639),s=n(79967),u=n(35223),m=n(10144);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 p(e){var t,n,p=(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(i.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:o.S.Large,textVariant:"secondary",svgName:u.vn.GraduationCap})),r.createElement(i.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")},p.xs?r.createElement(c.bc,null):r.createElement(c.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(o.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 l.p.Level_1:return"bg-indigo ".concat(d.presentationIcon);case l.p.Level_3:return"bg-blue ".concat(d.presentationIcon);default:case l.p.Level_2:return"bg-green ".concat(d.presentationIcon)}}()," text-white rounded")},r.createElement(o.x,{svgName:u.vn.School,size:o.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(i.x,{namespace:f,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},62007:(e,t,n)=>{n.d(t,{u:()=>u});var r=n(32735),a=n(5465),o=n(89118),c=n(54610),i=n(2248);const l={banner:"CQxNy",title:"NzV5V",description1:"kjCZi",description2:"cBeyJ",placeholder:"Ks_Tl",playlistName:"eFPqz",thumbnailCol:"dgCQ7",videoInfoCol:"pzfE2"};function s(e){return r.createElement("li",{className:"row mb-2"},r.createElement("div",{className:"col-lg-4 col-5 ".concat(l.thumbnailCol)},e.video?r.createElement(o.u,{video:e.video,type:"cosmetic",hideDuration:!0,imageOptions:{size:c.h2.Medium}}):r.createElement(a.oy,{type:a.mS.Video,extraClasses:"position-relative rounded-3 ".concat(l.placeholder)})),r.createElement("div",{className:"col-lg-8 col-7 ".concat(l.videoInfoCol)},r.createElement("div",{className:"".concat(l.title," rounded-pill bg-grey mb-1")}),r.createElement("div",{className:"".concat(l.description1," rounded-pill bg-grey mb-1")}),r.createElement("div",{className:"".concat(l.description2," rounded-pill bg-grey mb-1")})))}function u(e){var t,n,a,o=e.hidePlaceholders?0:Math.max(6-(null!==(n=null===(t=e.videos)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(i.L,{presentation:e.presentation,curriculum:e.curriculum},r.createElement("div",{className:"bg-teal ".concat(l.banner," position-relative")},e.name&&r.createElement("div",{className:"h5 text-white mb-0 ".concat(l.playlistName)},e.name)),r.createElement("ul",{className:"list-unstyled mb-0 w-100 p-2"},null===(a=e.videos)||void 0===a?void 0:a.map((function(e){return r.createElement(s,{key:e.id,video:e})})),new Array(o).fill(0).map((function(e,t){return r.createElement(s,{key:t})}))))}},82718:(e,t,n)=>{n.r(t),n.d(t,{OnboardingCreatePlaylistView:()=>T});var r=n(32735),a=n(23481),o=n(57900),c=n(2948),i=n(20354),l=n(65858),s=n(2381),u=n(83345),m=n(55171),d=n(54610),f=n(5112),h=n(31949),p=n(99742),v=n(86702),y=n(82817),g=n(86698),b=n(75359),E=n(12058),N=n(40695),x=n(75919),w=n(62007),L=n(73190),P=n(90815);const I={annotation:"EYKMF"};function k(e){return k="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},k(e)}function C(){C=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},c=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",l=o.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 o=t&&t.prototype instanceof y?t:y,c=Object.create(o.prototype),i=new j(r||[]);return a(c,"_invoke",{value:I(e,n,i)}),c}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",p="completed",v={};function y(){}function g(){}function b(){}var E={};s(E,c,(function(){return this}));var N=Object.getPrototypeOf,x=N&&N(N(T([])));x&&x!==n&&r.call(x,c)&&(E=x);var w=b.prototype=y.prototype=Object.create(E);function L(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function P(e,t){function n(a,o,c,i){var l=m(e[a],e,o);if("throw"!==l.type){var s=l.arg,u=s.value;return u&&"object"==k(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,c,i)}),(function(e){n("throw",e,c,i)})):t.resolve(u).then((function(e){s.value=e,c(s)}),(function(e){return n("throw",e,c,i)}))}i(l.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function I(t,n,r){var a=d;return function(o,c){if(a===h)throw Error("Generator is already running");if(a===p){if("throw"===o)throw c;return{value:e,done:!0}}for(r.method=o,r.arg=c;;){var i=r.delegate;if(i){var l=O(i,r);if(l){if(l===v)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=p,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?p:f,s.arg===v)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=p,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")),v;var o=m(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,v;var c=o.arg;return c?c.done?(n[t.resultName]=c.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,v):c:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function S(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 _(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(S,this),this.reset(!0)}function T(t){if(t||""===t){var n=t[c];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=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 o.next=o}}throw new TypeError(k(t)+" is not iterable")}return g.prototype=b,a(w,"constructor",{value:b,configurable:!0}),a(b,"constructor",{value:g,configurable:!0}),g.displayName=s(b,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,l,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},L(P.prototype),s(P.prototype,i,(function(){return this})),t.AsyncIterator=P,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var c=new P(u(e,n,r,a),o);return t.isGeneratorFunction(n)?c:c.next().then((function(e){return e.done?e.value:c.next()}))},L(w),s(w,l,"Generator"),s(w,c,(function(){return this})),s(w,"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,j.prototype={constructor:j,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(_),!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 i.type="throw",i.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var c=this.tryEntries[o],i=c.completion;if("root"===c.tryLoc)return a("end");if(c.tryLoc<=this.prev){var l=r.call(c,"catchLoc"),s=r.call(c,"finallyLoc");if(l&&s){if(this.prev<c.catchLoc)return a(c.catchLoc,!0);if(this.prev<c.finallyLoc)return a(c.finallyLoc)}else if(l){if(this.prev<c.catchLoc)return a(c.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<c.finallyLoc)return a(c.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 o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var c=o?o.completion:{};return c.type=e,c.arg=t,o?(this.method="next",this.next=o.finallyLoc,v):this.complete(c)},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),v},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),_(n),v}},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;_(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:T(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),v}},t}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,c,i=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw a}}return i}}(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 _=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function c(e){try{l(r.next(e))}catch(e){o(e)}}function i(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(c,i)}l((r=r.apply(e,t||[])).next())}))},j="onboarding.createPlaylist";function T(e){var t=O((0,c.D)(v.y.ONBOARDING_VIDEOS_V2,[],{storage:o.Z1.LocalStorage}),1)[0],n=O((0,c.D)(v.y.ONBOARDING_LOADER,{}),2)[1],k=i.a.useBasicFetch(h.N.currentUser()),S=(0,L.Q)(e.redirectUrl),T=S.onClickBack,A=S.exitOnboarding,V=S.onSaveError,F=S.completeStepAsync,B=(0,P.H)().logEvent,z=(0,g.y)().preferredPresentation,G=(0,y.M)().preferredCurriculum,D=i.a.useGetFetchAsync(),R=r.useState(function(){var e=a.T.getPhrase(j,"firstPlaylist"),t=k.data.givenName;return t.endsWith("s")?"".concat(t,"' ").concat(e):"".concat(t,"'s ").concat(e)}()),U=O(R,2),q=U[0],M=U[1],Z={name:q,videos:t.map((function(e){var t;return{id:e.data.id,name:e.data.name,thumbnailUrl:null===(t=e.data.thumbnail)||void 0===t?void 0:t.url,videoSubjectId:e.classificationId,videoSubjectName:e.classificationName}})),presentationId:z.id,presentationName:z.name,presentationDescription:z.description};return r.createElement(N.z,{namespace:j},r.createElement(N.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},r.createElement(x.N,{annotationUrl:p.W.OnboardingV2.CreatePlaylist.ANNOTATION,annotationPosition:"top-left",annotationClassName:"ms-5 ".concat(I.annotation),contentPosition:"right"},r.createElement(w.u,{presentation:z,curriculum:G,videos:t.map((function(e){return e.data})),name:q}))),r.createElement(N.z.Right,{hasCustomButtons:!1,onClickBack:T,onClickComeBackLater:A,onClickNext:function(){return _(this,void 0,void 0,C().mark((function e(){return C().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(B(l.Vw.Click,l.Ix.Next,Z),s.q.isValidSync({name:q})){e.next=3;break}return e.abrupt("return");case 3:return e.prev=3,e.next=6,D(f.C.createPlaylist(k.data.id,{name:q,cover:{fileId:m.e.Onboarding.Playlist.COVER_FILE_ID,fileIdType:d.z9.ImageAPIv2},banner:{fileId:m.e.Onboarding.Playlist.BANNER_FILE_ID,fileIdType:d.z9.ImageAPIv2},videos:t.map((function(e){return{id:e.data.id}}))}));case 6:return n("playlistName",q),e.next=9,F();case 9:e.next=15;break;case 11:return e.prev=11,e.t0=e.catch(3),V(),e.abrupt("return",Promise.reject());case 15:case"end":return e.stop()}}),e,null,[[3,11]])})))},disableNext:!s.q.isValidSync({name:q})},r.createElement(b.W,null,r.createElement(u.x,{phrase:"heading"})),r.createElement(E.X,null,r.createElement(u.x,{phrase:"info"})),r.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"pb-3"},r.createElement("label",{htmlFor:"name",className:"form-label"},r.createElement(u.x,{phrase:"label"})),r.createElement("input",{id:"name",className:"form-control form-control-lg",placeholder:a.T.getPhrase(j,"placeholder"),name:"name",value:q,onChange:function(e){return M(e.target.value)},onFocus:function(){B(l.Vw.Focus,l.Ix.PlaylistName,Z)},onBlur:function(){B(l.Vw.Blur,l.Ix.PlaylistName,Z)}})),r.createElement(E.X,null,r.createElement(u.x,{phrase:"noWorries"}))))}}}]);
-//# sourceMappingURL=2446-c6b50a79cd-lite.chunk.js.map
+/*! For license information please see 2446-acc94130ed-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2446],{2381:(e,t,n)=>{n.d(t,{q:()=>c});var r=n(5173),a=n(23481),o="playlists.validation",c=r.Ry().shape({name:r.Z_().max(250,(function(){return a.T.getPhrase(o,"nameExceeds")})).required((function(){return a.T.getPhrase(o,"nameRequired")})),description:r.Z_().max(16e3,(function(){return a.T.getPhrase(o,"descriptionExceeds")})).nullable()})},75919:(e,t,n)=>{n.d(t,{N:()=>o});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function o(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}o.defaultProps={contentPosition:"center"}},2248:(e,t,n)=>{n.d(t,{L:()=>p});var r=n(32735),a=n(60376),o=n(83914),c=n(2786),i=n(83345),l=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 p(e){var t,n,p=(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(i.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:o.S.Large,textVariant:"secondary",svgName:u.vn.GraduationCap})),r.createElement(i.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")},p.xs?r.createElement(c.bc,null):r.createElement(c.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(o.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 l.p.Level_1:return"bg-indigo ".concat(d.presentationIcon);case l.p.Level_3:return"bg-blue ".concat(d.presentationIcon);default:case l.p.Level_2:return"bg-green ".concat(d.presentationIcon)}}()," text-white rounded")},r.createElement(o.x,{svgName:u.vn.School,size:o.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(i.x,{namespace:f,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},62007:(e,t,n)=>{n.d(t,{u:()=>u});var r=n(32735),a=n(5465),o=n(89118),c=n(54610),i=n(2248);const l={banner:"CQxNy",title:"NzV5V",description1:"kjCZi",description2:"cBeyJ",placeholder:"Ks_Tl",playlistName:"eFPqz",thumbnailCol:"dgCQ7",videoInfoCol:"pzfE2"};function s(e){return r.createElement("li",{className:"row mb-2"},r.createElement("div",{className:"col-lg-4 col-5 ".concat(l.thumbnailCol)},e.video?r.createElement(o.u,{video:e.video,type:"cosmetic",hideDuration:!0,imageOptions:{size:c.h2.Medium}}):r.createElement(a.oy,{type:a.mS.Video,extraClasses:"position-relative rounded-3 ".concat(l.placeholder)})),r.createElement("div",{className:"col-lg-8 col-7 ".concat(l.videoInfoCol)},r.createElement("div",{className:"".concat(l.title," rounded-pill bg-grey mb-1")}),r.createElement("div",{className:"".concat(l.description1," rounded-pill bg-grey mb-1")}),r.createElement("div",{className:"".concat(l.description2," rounded-pill bg-grey mb-1")})))}function u(e){var t,n,a,o=e.hidePlaceholders?0:Math.max(6-(null!==(n=null===(t=e.videos)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(i.L,{presentation:e.presentation,curriculum:e.curriculum},r.createElement("div",{className:"bg-teal ".concat(l.banner," position-relative")},e.name&&r.createElement("div",{className:"h5 text-white mb-0 ".concat(l.playlistName)},e.name)),r.createElement("ul",{className:"list-unstyled mb-0 w-100 p-2"},null===(a=e.videos)||void 0===a?void 0:a.map((function(e){return r.createElement(s,{key:e.id,video:e})})),new Array(o).fill(0).map((function(e,t){return r.createElement(s,{key:t})}))))}},82718:(e,t,n)=>{n.r(t),n.d(t,{OnboardingCreatePlaylistView:()=>T});var r=n(32735),a=n(23481),o=n(57900),c=n(2948),i=n(20354),l=n(65858),s=n(2381),u=n(83345),m=n(55171),d=n(54610),f=n(5112),h=n(31949),p=n(99742),v=n(86702),y=n(82817),g=n(86698),b=n(75359),E=n(12058),N=n(40695),x=n(75919),w=n(62007),L=n(73190),P=n(90815);const I={annotation:"EYKMF"};function k(e){return k="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},k(e)}function C(){C=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},c=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",l=o.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 o=t&&t.prototype instanceof y?t:y,c=Object.create(o.prototype),i=new j(r||[]);return a(c,"_invoke",{value:I(e,n,i)}),c}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",p="completed",v={};function y(){}function g(){}function b(){}var E={};s(E,c,(function(){return this}));var N=Object.getPrototypeOf,x=N&&N(N(T([])));x&&x!==n&&r.call(x,c)&&(E=x);var w=b.prototype=y.prototype=Object.create(E);function L(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function P(e,t){function n(a,o,c,i){var l=m(e[a],e,o);if("throw"!==l.type){var s=l.arg,u=s.value;return u&&"object"==k(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,c,i)}),(function(e){n("throw",e,c,i)})):t.resolve(u).then((function(e){s.value=e,c(s)}),(function(e){return n("throw",e,c,i)}))}i(l.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function I(t,n,r){var a=d;return function(o,c){if(a===h)throw Error("Generator is already running");if(a===p){if("throw"===o)throw c;return{value:e,done:!0}}for(r.method=o,r.arg=c;;){var i=r.delegate;if(i){var l=O(i,r);if(l){if(l===v)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=p,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?p:f,s.arg===v)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=p,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")),v;var o=m(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,v;var c=o.arg;return c?c.done?(n[t.resultName]=c.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,v):c:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function S(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 _(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(S,this),this.reset(!0)}function T(t){if(t||""===t){var n=t[c];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=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 o.next=o}}throw new TypeError(k(t)+" is not iterable")}return g.prototype=b,a(w,"constructor",{value:b,configurable:!0}),a(b,"constructor",{value:g,configurable:!0}),g.displayName=s(b,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,l,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},L(P.prototype),s(P.prototype,i,(function(){return this})),t.AsyncIterator=P,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var c=new P(u(e,n,r,a),o);return t.isGeneratorFunction(n)?c:c.next().then((function(e){return e.done?e.value:c.next()}))},L(w),s(w,l,"Generator"),s(w,c,(function(){return this})),s(w,"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,j.prototype={constructor:j,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(_),!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 i.type="throw",i.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var c=this.tryEntries[o],i=c.completion;if("root"===c.tryLoc)return a("end");if(c.tryLoc<=this.prev){var l=r.call(c,"catchLoc"),s=r.call(c,"finallyLoc");if(l&&s){if(this.prev<c.catchLoc)return a(c.catchLoc,!0);if(this.prev<c.finallyLoc)return a(c.finallyLoc)}else if(l){if(this.prev<c.catchLoc)return a(c.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<c.finallyLoc)return a(c.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 o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var c=o?o.completion:{};return c.type=e,c.arg=t,o?(this.method="next",this.next=o.finallyLoc,v):this.complete(c)},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),v},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),_(n),v}},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;_(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:T(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),v}},t}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,c,i=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw a}}return i}}(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 _=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function c(e){try{l(r.next(e))}catch(e){o(e)}}function i(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(c,i)}l((r=r.apply(e,t||[])).next())}))},j="onboarding.createPlaylist";function T(e){var t=O((0,c.D)(v.y.ONBOARDING_VIDEOS_V2,[],{storage:o.Z1.LocalStorage}),1)[0],n=O((0,c.D)(v.y.ONBOARDING_LOADER,{}),2)[1],k=i.a.useBasicFetch(h.N.currentUser()),S=(0,L.Q)(e.redirectUrl),T=S.onClickBack,A=S.exitOnboarding,V=S.onSaveError,F=S.completeStepAsync,B=(0,P.H)().logEvent,z=(0,g.y)().preferredPresentation,G=(0,y.M)().preferredCurriculum,D=i.a.useGetFetchAsync(),R=r.useState(function(){var e=a.T.getPhrase(j,"firstPlaylist"),t=k.data.givenName;return t.endsWith("s")?"".concat(t,"' ").concat(e):"".concat(t,"'s ").concat(e)}()),U=O(R,2),q=U[0],M=U[1],Z={name:q,videos:t.map((function(e){var t;return{id:e.data.id,name:e.data.name,thumbnailUrl:null===(t=e.data.thumbnail)||void 0===t?void 0:t.url,videoSubjectId:e.classificationId,videoSubjectName:e.classificationName}})),presentationId:z.id,presentationName:z.name,presentationDescription:z.description};return r.createElement(N.z,{namespace:j},r.createElement(N.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},r.createElement(x.N,{annotationUrl:p.W.OnboardingV2.CreatePlaylist.ANNOTATION,annotationPosition:"top-left",annotationClassName:"ms-5 ".concat(I.annotation),contentPosition:"right"},r.createElement(w.u,{presentation:z,curriculum:G,videos:t.map((function(e){return e.data})),name:q}))),r.createElement(N.z.Right,{hasCustomButtons:!1,onClickBack:T,onClickComeBackLater:A,onClickNext:function(){return _(this,void 0,void 0,C().mark((function e(){return C().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(B(l.Vw.Click,l.Ix.Next,Z),s.q.isValidSync({name:q})){e.next=3;break}return e.abrupt("return");case 3:return e.prev=3,e.next=6,D(f.C.createPlaylist(k.data.id,{name:q,cover:{fileId:m.e.Onboarding.Playlist.COVER_FILE_ID,fileIdType:d.z9.ImageAPIv2},banner:{fileId:m.e.Onboarding.Playlist.BANNER_FILE_ID,fileIdType:d.z9.ImageAPIv2},videos:t.map((function(e){return{id:e.data.id}}))}));case 6:return n("playlistName",q),e.next=9,F();case 9:e.next=15;break;case 11:return e.prev=11,e.t0=e.catch(3),V(),e.abrupt("return",Promise.reject());case 15:case"end":return e.stop()}}),e,null,[[3,11]])})))},disableNext:!s.q.isValidSync({name:q})},r.createElement(b.W,null,r.createElement(u.x,{phrase:"heading"})),r.createElement(E.X,null,r.createElement(u.x,{phrase:"info"})),r.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"pb-3"},r.createElement("label",{htmlFor:"name",className:"form-label"},r.createElement(u.x,{phrase:"label"})),r.createElement("input",{id:"name",className:"form-control form-control-lg",placeholder:a.T.getPhrase(j,"placeholder"),name:"name",value:q,onChange:function(e){return M(e.target.value)},onFocus:function(){B(l.Vw.Focus,l.Ix.PlaylistName,Z)},onBlur:function(){B(l.Vw.Blur,l.Ix.PlaylistName,Z)}})),r.createElement(E.X,null,r.createElement(u.x,{phrase:"noWorries"}))))}}}]);
+//# sourceMappingURL=2446-acc94130ed-lite.chunk.js.map

package/dist/scripts/{2446-c6b50a79cd-lite.chunk.js.map → 2446-acc94130ed-lite.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scripts/2446-c6b50a79cd-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts","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/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/components/mock-views/playlist/mock-playlist.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/playlist/MockPlaylist.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/create-playlist/create-playlist.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/create-playlist/OnboardingCreatePlaylistView.tsx"],"sourcesContent":["import * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'playlists.validation';\n\nexport const PlaylistValidationSchema = Yup.object().shape({\n name: Yup.string()\n .max(250, () => LanguageService.getPhrase(namespace, 'nameExceeds'))\n .required(() => LanguageService.getPhrase(namespace, 'nameRequired')),\n description: Yup.string()\n .max(16000, () => LanguageService.getPhrase(namespace, 'descriptionExceeds'))\n .nullable()\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 {\"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 {\"banner\":\"CQxNy\",\"title\":\"NzV5V\",\"description1\":\"kjCZi\",\"description2\":\"cBeyJ\",\"placeholder\":\"Ks_Tl\",\"playlistName\":\"eFPqz\",\"thumbnailCol\":\"dgCQ7\",\"videoInfoCol\":\"pzfE2\"};","import React from 'react';\n\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation, Video } from 'libs/shared/interfaces';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-playlist.scss';\n\ninterface VideoPlaceholderProps {\n video?: Video;\n}\n\nfunction VideoPlaceholder(props: VideoPlaceholderProps): JSX.Element {\n return (\n <li className='row mb-2'>\n <div className={`col-lg-4 col-5 ${styles.thumbnailCol}`}>\n {props.video ? (\n <VideoThumbnail video={props.video} type='cosmetic' hideDuration imageOptions={{ size: ImageSize.Medium }} />\n ) : (\n <ImageFallback type={ImageFallbackType.Video} extraClasses={`position-relative rounded-3 ${styles.placeholder}`} />\n )}\n </div>\n\n <div className={`col-lg-8 col-7 ${styles.videoInfoCol}`}>\n <div className={`${styles.title} rounded-pill bg-grey mb-1`} />\n <div className={`${styles.description1} rounded-pill bg-grey mb-1`} />\n <div className={`${styles.description2} rounded-pill bg-grey mb-1`} />\n </div>\n </li>\n );\n}\n\ninterface MockPlaylistProps {\n name?: string;\n presentation?: Presentation;\n curriculum?: Presentation;\n videos: Video[];\n hidePlaceholders?: boolean;\n}\n\nexport function MockPlaylist(props: MockPlaylistProps): JSX.Element {\n const placeholderVideos = props.hidePlaceholders ? 0 : Math.max(6 - (props.videos?.length ?? 0), 0);\n\n return (\n <MockLayout presentation={props.presentation} curriculum={props.curriculum}>\n {/ Banner /}\n <div className={`bg-teal ${styles.banner} position-relative`}>\n {props.name && (\n <div className={`h5 text-white mb-0 ${styles.playlistName}`}>{props.name}</div>\n )}\n </div>\n\n {/ Videos */}\n <ul className='list-unstyled mb-0 w-100 p-2'>\n {props.videos?.map(video => {\n return (\n <VideoPlaceholder key={video.id} video={video} />\n );\n })}\n {new Array(placeholderVideos).fill(0).map((_, index) => {\n return (\n <VideoPlaceholder key={index} />\n );\n })}\n </ul>\n </MockLayout>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"EYKMF\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { PlaylistValidationSchema } from 'libs/shared/apps/playlists/validation/PlaylistValidationSchema';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { FileIdType } from 'libs/shared/enums/Images';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\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 { MockPlaylist } from 'apps/onboarding/components/mock-views/playlist/MockPlaylist';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { OnboardingLoaderViewModel } from 'apps/onboarding/views/completed-loader/OnboardingCompletedLoaderView';\n\nimport { SavedOnboardingVideo } from '../select-videos/OnboardingSelectVideosView';\n\nimport styles from './create-playlist.scss';\n\nconst namespace = 'onboarding.createPlaylist';\n\nexport function OnboardingCreatePlaylistView(props: OnboardingViewProps): JSX.Element {\n const [videos] = useViewModel<SavedOnboardingVideo[]>(\n ViewModelKeys.ONBOARDING_VIDEOS_V2,\n [],\n { storage: StorageType.LocalStorage }\n );\n\n const [ , setLoaderViewModel ] = useViewModel<OnboardingLoaderViewModel>(ViewModelKeys.ONBOARDING_LOADER, {});\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const {\n onClickBack,\n exitOnboarding,\n onSaveError,\n completeStepAsync\n } = useOnboardingCallbacks(props.redirectUrl);\n const { logEvent } = useOnboardingEventLogger();\n const { preferredPresentation } = usePresentation();\n const { preferredCurriculum } = useCurriculums();\n const fetchAsync = Flight.useGetFetchAsync();\n\n function getInitialName(): string {\n const firstPlaylist = LanguageService.getPhrase(namespace, 'firstPlaylist');\n\n const name = currentUser.data.givenName;\n\n if (name.endsWith('s'))\n return `${name}' ${firstPlaylist}`;\n \n return `${name}'s ${firstPlaylist}`;\n }\n\n const [ name, setName ] = React.useState(getInitialName());\n\n const additionalEventData = {\n name,\n videos: videos.map(v => ({\n id: v.data.id,\n name: v.data.name,\n thumbnailUrl: v.data.thumbnail?.url,\n videoSubjectId: v.classificationId,\n videoSubjectName: v.classificationName\n })),\n presentationId: preferredPresentation.id,\n presentationName: preferredPresentation.name,\n presentationDescription: preferredPresentation.description\n };\n\n async function onClickNext(): Promise<void> {\n logEvent(UserAction.Click, OnboardingDescriptor.Next, additionalEventData);\n\n if (!PlaylistValidationSchema.isValidSync({ name }))\n return;\n\n try {\n await fetchAsync(PlaylistRequests.createPlaylist(currentUser.data.id, {\n name,\n cover: {\n fileId: HardCoded.Onboarding.Playlist.COVER_FILE_ID,\n fileIdType: FileIdType.ImageAPIv2\n },\n banner: {\n fileId: HardCoded.Onboarding.Playlist.BANNER_FILE_ID,\n fileIdType: FileIdType.ImageAPIv2\n },\n videos: videos.map(video => ({ id: video.data.id }))\n }));\n\n setLoaderViewModel('playlistName', name);\n\n await completeStepAsync();\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 annotationUrl={ImageUrls.OnboardingV2.CreatePlaylist.ANNOTATION}\n annotationPosition='top-left'\n annotationClassName={`ms-5 ${styles.annotation}`}\n contentPosition='right'\n >\n <MockPlaylist\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n videos={videos.map(v => v.data)}\n name={name}\n />\n </LeftPanelItem>\n </OnboardingLayout.Left>\n\n <OnboardingLayout.Right\n hasCustomButtons={false}\n onClickBack={onClickBack}\n onClickComeBackLater={exitOnboarding}\n onClickNext={onClickNext}\n disableNext={!PlaylistValidationSchema.isValidSync({ name })}\n >\n <OnboardingScreenHeading>\n <Text phrase='heading' />\n </OnboardingScreenHeading>\n\n <OnboardingScreenInfo>\n <Text phrase='info' />\n </OnboardingScreenInfo>\n\n <form onSubmit={e => e.preventDefault()} className='pb-3'>\n <label htmlFor='name' className='form-label'>\n <Text phrase='label' />\n </label>\n <input\n id='name'\n className='form-control form-control-lg'\n placeholder={LanguageService.getPhrase(namespace, 'placeholder')}\n name='name'\n value={name}\n onChange={e => setName(e.target.value)}\n onFocus={() => {\n logEvent(UserAction.Focus, OnboardingDescriptor.PlaylistName, additionalEventData);\n }}\n onBlur={() => {\n logEvent(UserAction.Blur, OnboardingDescriptor.PlaylistName, additionalEventData);\n }}\n />\n </form>\n\n <OnboardingScreenInfo>\n <Text phrase='noWorries' />\n </OnboardingScreenInfo>\n </OnboardingLayout.Right>\n </OnboardingLayout>\n );\n}"],"names":["namespace","PlaylistValidationSchema","shape","name","max","required","description","nullable","LeftPanelItem","props","className","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","LeftNavItem","MockLayout","breakpoints","useBreakpoints","editingCurriculum","Text","phrase","curriculum","IconCircle","imageUrl","cover","url","svgSize","SvgContainer","S","textVariant","svgName","xs","ClickViewLogo","presentation","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","size","VideoPlaceholder","video","VideoThumbnail","type","hideDuration","imageOptions","ImageFallback","extraClasses","MockPlaylist","placeholderVideos","hidePlaceholders","Math","videos","length","map","key","id","Array","fill","_","index","OnboardingCreatePlaylistView","storage","setLoaderViewModel","currentUser","UserRequests","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","onSaveError","completeStepAsync","logEvent","useOnboardingEventLogger","preferredPresentation","usePresentation","preferredCurriculum","useCurriculums","fetchAsync","firstPlaylist","LanguageService","data","givenName","endsWith","getInitialName","setName","additionalEventData","v","thumbnailUrl","thumbnail","videoSubjectId","classificationId","videoSubjectName","classificationName","presentationId","presentationName","presentationDescription","OnboardingLayout","ImageUrls","hasCustomButtons","onClickComeBackLater","onClickNext","PlaylistRequests","fileId","HardCoded","fileIdType","banner","Promise","reject","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","onSubmit","e","preventDefault","htmlFor","placeholder","value","onChange","target","onFocus","onBlur"],"sourceRoot":""}
1	+ {"version":3,"file":"scripts/2446-acc94130ed-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts","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/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/components/mock-views/playlist/mock-playlist.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/playlist/MockPlaylist.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/create-playlist/create-playlist.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/create-playlist/OnboardingCreatePlaylistView.tsx"],"sourcesContent":["import * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'playlists.validation';\n\nexport const PlaylistValidationSchema = Yup.object().shape({\n name: Yup.string()\n .max(250, () => LanguageService.getPhrase(namespace, 'nameExceeds'))\n .required(() => LanguageService.getPhrase(namespace, 'nameRequired')),\n description: Yup.string()\n .max(16000, () => LanguageService.getPhrase(namespace, 'descriptionExceeds'))\n .nullable()\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 {\"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 {\"banner\":\"CQxNy\",\"title\":\"NzV5V\",\"description1\":\"kjCZi\",\"description2\":\"cBeyJ\",\"placeholder\":\"Ks_Tl\",\"playlistName\":\"eFPqz\",\"thumbnailCol\":\"dgCQ7\",\"videoInfoCol\":\"pzfE2\"};","import React from 'react';\n\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation, Video } from 'libs/shared/interfaces';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-playlist.scss';\n\ninterface VideoPlaceholderProps {\n video?: Video;\n}\n\nfunction VideoPlaceholder(props: VideoPlaceholderProps): JSX.Element {\n return (\n <li className='row mb-2'>\n <div className={`col-lg-4 col-5 ${styles.thumbnailCol}`}>\n {props.video ? (\n <VideoThumbnail video={props.video} type='cosmetic' hideDuration imageOptions={{ size: ImageSize.Medium }} />\n ) : (\n <ImageFallback type={ImageFallbackType.Video} extraClasses={`position-relative rounded-3 ${styles.placeholder}`} />\n )}\n </div>\n\n <div className={`col-lg-8 col-7 ${styles.videoInfoCol}`}>\n <div className={`${styles.title} rounded-pill bg-grey mb-1`} />\n <div className={`${styles.description1} rounded-pill bg-grey mb-1`} />\n <div className={`${styles.description2} rounded-pill bg-grey mb-1`} />\n </div>\n </li>\n );\n}\n\ninterface MockPlaylistProps {\n name?: string;\n presentation?: Presentation;\n curriculum?: Presentation;\n videos: Video[];\n hidePlaceholders?: boolean;\n}\n\nexport function MockPlaylist(props: MockPlaylistProps): JSX.Element {\n const placeholderVideos = props.hidePlaceholders ? 0 : Math.max(6 - (props.videos?.length ?? 0), 0);\n\n return (\n <MockLayout presentation={props.presentation} curriculum={props.curriculum}>\n {/ Banner /}\n <div className={`bg-teal ${styles.banner} position-relative`}>\n {props.name && (\n <div className={`h5 text-white mb-0 ${styles.playlistName}`}>{props.name}</div>\n )}\n </div>\n\n {/ Videos */}\n <ul className='list-unstyled mb-0 w-100 p-2'>\n {props.videos?.map(video => {\n return (\n <VideoPlaceholder key={video.id} video={video} />\n );\n })}\n {new Array(placeholderVideos).fill(0).map((_, index) => {\n return (\n <VideoPlaceholder key={index} />\n );\n })}\n </ul>\n </MockLayout>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"EYKMF\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { PlaylistValidationSchema } from 'libs/shared/apps/playlists/validation/PlaylistValidationSchema';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { FileIdType } from 'libs/shared/enums/Images';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\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 { MockPlaylist } from 'apps/onboarding/components/mock-views/playlist/MockPlaylist';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { OnboardingLoaderViewModel } from 'apps/onboarding/views/completed-loader/OnboardingCompletedLoaderView';\n\nimport { SavedOnboardingVideo } from '../select-videos/OnboardingSelectVideosView';\n\nimport styles from './create-playlist.scss';\n\nconst namespace = 'onboarding.createPlaylist';\n\nexport function OnboardingCreatePlaylistView(props: OnboardingViewProps): JSX.Element {\n const [videos] = useViewModel<SavedOnboardingVideo[]>(\n ViewModelKeys.ONBOARDING_VIDEOS_V2,\n [],\n { storage: StorageType.LocalStorage }\n );\n\n const [ , setLoaderViewModel ] = useViewModel<OnboardingLoaderViewModel>(ViewModelKeys.ONBOARDING_LOADER, {});\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const {\n onClickBack,\n exitOnboarding,\n onSaveError,\n completeStepAsync\n } = useOnboardingCallbacks(props.redirectUrl);\n const { logEvent } = useOnboardingEventLogger();\n const { preferredPresentation } = usePresentation();\n const { preferredCurriculum } = useCurriculums();\n const fetchAsync = Flight.useGetFetchAsync();\n\n function getInitialName(): string {\n const firstPlaylist = LanguageService.getPhrase(namespace, 'firstPlaylist');\n\n const name = currentUser.data.givenName;\n\n if (name.endsWith('s'))\n return `${name}' ${firstPlaylist}`;\n \n return `${name}'s ${firstPlaylist}`;\n }\n\n const [ name, setName ] = React.useState(getInitialName());\n\n const additionalEventData = {\n name,\n videos: videos.map(v => ({\n id: v.data.id,\n name: v.data.name,\n thumbnailUrl: v.data.thumbnail?.url,\n videoSubjectId: v.classificationId,\n videoSubjectName: v.classificationName\n })),\n presentationId: preferredPresentation.id,\n presentationName: preferredPresentation.name,\n presentationDescription: preferredPresentation.description\n };\n\n async function onClickNext(): Promise<void> {\n logEvent(UserAction.Click, OnboardingDescriptor.Next, additionalEventData);\n\n if (!PlaylistValidationSchema.isValidSync({ name }))\n return;\n\n try {\n await fetchAsync(PlaylistRequests.createPlaylist(currentUser.data.id, {\n name,\n cover: {\n fileId: HardCoded.Onboarding.Playlist.COVER_FILE_ID,\n fileIdType: FileIdType.ImageAPIv2\n },\n banner: {\n fileId: HardCoded.Onboarding.Playlist.BANNER_FILE_ID,\n fileIdType: FileIdType.ImageAPIv2\n },\n videos: videos.map(video => ({ id: video.data.id }))\n }));\n\n setLoaderViewModel('playlistName', name);\n\n await completeStepAsync();\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 annotationUrl={ImageUrls.OnboardingV2.CreatePlaylist.ANNOTATION}\n annotationPosition='top-left'\n annotationClassName={`ms-5 ${styles.annotation}`}\n contentPosition='right'\n >\n <MockPlaylist\n presentation={preferredPresentation}\n curriculum={preferredCurriculum}\n videos={videos.map(v => v.data)}\n name={name}\n />\n </LeftPanelItem>\n </OnboardingLayout.Left>\n\n <OnboardingLayout.Right\n hasCustomButtons={false}\n onClickBack={onClickBack}\n onClickComeBackLater={exitOnboarding}\n onClickNext={onClickNext}\n disableNext={!PlaylistValidationSchema.isValidSync({ name })}\n >\n <OnboardingScreenHeading>\n <Text phrase='heading' />\n </OnboardingScreenHeading>\n\n <OnboardingScreenInfo>\n <Text phrase='info' />\n </OnboardingScreenInfo>\n\n <form onSubmit={e => e.preventDefault()} className='pb-3'>\n <label htmlFor='name' className='form-label'>\n <Text phrase='label' />\n </label>\n <input\n id='name'\n className='form-control form-control-lg'\n placeholder={LanguageService.getPhrase(namespace, 'placeholder')}\n name='name'\n value={name}\n onChange={e => setName(e.target.value)}\n onFocus={() => {\n logEvent(UserAction.Focus, OnboardingDescriptor.PlaylistName, additionalEventData);\n }}\n onBlur={() => {\n logEvent(UserAction.Blur, OnboardingDescriptor.PlaylistName, additionalEventData);\n }}\n />\n </form>\n\n <OnboardingScreenInfo>\n <Text phrase='noWorries' />\n </OnboardingScreenInfo>\n </OnboardingLayout.Right>\n </OnboardingLayout>\n );\n}"],"names":["namespace","PlaylistValidationSchema","shape","name","max","required","description","nullable","LeftPanelItem","props","className","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","LeftNavItem","MockLayout","breakpoints","useBreakpoints","editingCurriculum","Text","phrase","curriculum","IconCircle","imageUrl","cover","url","svgSize","SvgContainer","S","textVariant","svgName","xs","ClickViewLogo","presentation","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","size","VideoPlaceholder","video","VideoThumbnail","type","hideDuration","imageOptions","ImageFallback","extraClasses","MockPlaylist","placeholderVideos","hidePlaceholders","Math","videos","length","map","key","id","Array","fill","_","index","OnboardingCreatePlaylistView","storage","setLoaderViewModel","currentUser","UserRequests","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","onSaveError","completeStepAsync","logEvent","useOnboardingEventLogger","preferredPresentation","usePresentation","preferredCurriculum","useCurriculums","fetchAsync","firstPlaylist","LanguageService","data","givenName","endsWith","getInitialName","setName","additionalEventData","v","thumbnailUrl","thumbnail","videoSubjectId","classificationId","videoSubjectName","classificationName","presentationId","presentationName","presentationDescription","OnboardingLayout","ImageUrls","hasCustomButtons","onClickComeBackLater","onClickNext","PlaylistRequests","fileId","HardCoded","fileIdType","banner","Promise","reject","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","onSubmit","e","preventDefault","htmlFor","placeholder","value","onChange","target","onFocus","onBlur"],"sourceRoot":""}