@clickview/lite 0.0.26-rc.4 → 0.0.26

package/dist/scripts/{18-12643afff6.chunk.js → 18-a54ebb23f4.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1183:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(27);const i={createViewKey:e=>({url:"/api/player/create-view-key",key:"view:key:"+e,type:a.a.POST,data:{mediaId:e.toString()}})}},1221:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a=368},1235:function(e,t,n){"use strict";var a=n(1193);n.d(t,"a",(function(){return a.a}));n(1203);var i=n(1202);n.d(t,"b",(function(){return i.a}))},1237:function(e,t,n){"use strict";var a=n(1313);n.d(t,"InteractiveMode",(function(){return a.a}));n(1393),n(1394),n(1395),n(1396)},1265:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),i=n.n(a);function r(e){var t,n,a;if(!e.owner)return i.a.createElement(i.a.Fragment,null);let r=e.owner.name;e.owner.surname&&(r+=(" "+e.owner.surname.substr(0,1)).toUpperCase());const o=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],c=null!==(a=null==o?void 0:o.name)&&void 0!==a?a:"";return c&&(r+=", "),i.a.createElement("small",{className:"clamp-1"},r,c&&i.a.createElement("em",null,c),"ClickView"===c&&i.a.createElement(i.a.Fragment,null,"CV Icon"))}},1310:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),i=n.n(a),r=n(44),o=n(59),c=n(1160),s=n(1152),l=n(94),u=n(1265),d=n(163),m=n(1311),p=n.n(m),v=n(3);const f=i.a.memo((function(e){const t=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,r.a.slugify(e.data.name)]}),n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return i.a.createElement("div",{className:"flex-shrink-0 px-1 "+p.a.item},i.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement(c.a,{video:e.video,interactive:e.data,appLink:t,type:"static",videoType:"interactive",imageOptions:{size:d.a.Small},textPosition:s.a.Independent,preload:!0,analyticsOptions:{location:v.LocationContext.SlidingListItem}})),i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement("div",{className:"pl-3"},i.a.createElement(o.a,{appLink:t},i.a.createElement("h3",{className:"h6 mb-1 clamp-2"},e.data.name)),i.a.createElement(u.a,{owner:e.data.owner}),i.a.createElement(o.a,{className:"info-link",appLink:n},i.a.createElement(l.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1311:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1313:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e[e.View=0]="View",e[e.Create=1]="Create"}(a||(a={}))},1317:function(e,t,n){e.exports={time:"_30ibe",typeIcon:"UMnFt",type:"_3uwxz",question:"_1FwXi"}},1318:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={interactiveMetadata:function(e){return{url:"/api/domain/v2/objects/".concat(e,"?query=video"),key:"interactivemetadata:".concat(e)}},interactive:function(e){return{url:"/api/domain/v1/interactives/".concat(e),key:"interactive:".concat(e)}}}},1338:function(e,t,n){"use strict";var a=n(0),i=n.n(a),r=n(218),o=n(215),c=n(329),s=n(314),l=n(1221);var u=n(1317),d=n.n(u);function m(e){var t=e.interaction,n=e.visibleAt,a=e.goToTimepoint,r=e.selected;var l=a?"cursor-pointer":"cursor-default";return i.a.createElement(s.a,{className:"py-2 ".concat(l),onClick:function(){a&&a(n)}},i.a.createElement("span",{className:"".concat(d.a.time," ").concat(r?"font-weight-bold":"")},c.a.ToDisplayDuration(n)),i.a.createElement("span",{className:d.a.typeIcon,style:{backgroundImage:"url(".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),i.a.createElement("span",{className:d.a.type},i.a.createElement("strong",null,t.type.name)),i.a.createElement("span",{className:"".concat(d.a.question," ").concat(r?"font-weight-bold":"")},t.typeId===o.InteractionTypeId.Annotation?function(e){if(e)return(e=function(e){if(e)return e.replace(/<p>/g,"").replace(/<\/p>/g,"<br>")}(e=function(e,t){if(e&&t)return t.forEach((function(t){e=e.replace("<"+t+">","").replace("</"+t+">","")})),e}(e,["b","i","u","ul","li","old"]))).split("<br>")[0]||"Annotation"}(t.data.annotation):t.name))}function p(e){var t=e.timepoint,n=e.selectedTimepointId,a=e.goToTimepoint,r=e.scrollTo,o=i.a.useRef(),c=n&&n.toString()===t.id.toString();return i.a.useEffect((function(){if(c&&o.current){var e=o.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;r(n,t.height)}}),[c]),i.a.createElement("div",{ref:o},t.interactions.map((function(e,n){return i.a.createElement(m,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:a,selected:c,key:n})})))}function v(e){var t=e.interactive,n=e.goToTimepoint,a=e.selectedTimepointId,o=i.a.useRef();function c(e,t){if(o.current){var n=o.current.getClientHeight(),a=o.current.getScrollTop(),i=e+a;(i<a||i+t>a+n)&&o.current.scrollTop(i-n/2+t/2)}}var s=n?"border rounded":"";return i.a.createElement(r.Scrollbars,{autoHeight:!0,autoHeightMax:l.a,className:s,hideTracksWhenNotNeeded:!0,ref:o},i.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return i.a.createElement(p,{key:t,timepoint:e,goToTimepoint:n,selectedTimepointId:a,scrollTo:c})}))))}n.d(t,"a",(function(){return v}))},1393:function(e,t){},1394:function(e,t){},1395:function(e,t){},1396:function(e,t){},1567:function(e,t,n){},1568:function(e,t,n){},1569:function(e,t,n){},1570:function(e,t,n){},1571:function(e,t,n){},1572:function(e,t,n){},1573:function(e,t,n){},1574:function(e,t,n){},1575:function(e,t,n){},1663:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),r=n(19),o=n(9),c=n(315),s=n(1183),l=n(145),u=n(59),d=n(1310),m=n(1235),p=n(94),v=n(1220),f=n(340),h=n(1237),y=n(112),I=n(6),g=n(1624),b=n(249);var E=n(1313);function T(){return i.a.createElement("div",{className:"alert alert-info mt-3",role:"alert"},"Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.")}var C=n(215);n(1567);const w={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e){const{state:t,setState:n,interaction:a}=e;return i.a.createElement("div",{className:"cv-create-short-answer"},i.a.createElement("h2",{className:"font-body"},"Create Short Answer"),i.a.createElement("textarea",{className:"form-control",rows:3,onChange:function(e){n(Object.assign(Object.assign({},t),{text:e.target.value}))},value:t.text||a.data.text}))}};const k={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e){return!!e.text},[C.InteractionTypeId.TrueOrFalse]:null};const S={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e,t){return new Promise(n=>{window.setTimeout(()=>{t.data.text=e.text,n()},200)})},[C.InteractionTypeId.TrueOrFalse]:null};n(1568);function O(e){const{interaction:t}=e;return i.a.createElement("div",{className:"cv-interaction-heading mb-3"},i.a.createElement("span",{className:"cv-iteraction-icon",style:{backgroundImage:`url(https:${t.type.icon})`,backgroundColor:"#"+t.type.colour}}),i.a.createElement("h2",{className:"cv-interaction-title h5"},t.name))}n(1569);function N(e){const{correct:t,showFeedback:n}=e;return n?i.a.createElement(i.a.Fragment,null,t?i.a.createElement("div",{className:"alert alert-success"},"Correct"):i.a.createElement("div",{className:"alert alert-danger"},"Incorrect")):i.a.createElement(i.a.Fragment,null)}var j=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function A(e,t){return t.actionableItems.every(t=>t.name===e[t.id])}n(1570);var x=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function M(e,t){return t.actionableItems.filter(e=>e.isCorrect).every(t=>e[t.id])}function _(e){return!!Object.keys(e).length}function F(){return new Promise(e=>{e()})}function P(e){const{state:t,setState:n,interaction:a,showFeedback:r}=e,o=1===a.actionableItems.filter(e=>e.isCorrect).length;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(N,{correct:M(t,a),showFeedback:r}),i.a.createElement(O,{interaction:a}),i.a.createElement("form",{className:"cv-multiple-choice-form"},i.a.createElement("table",{className:"table-bordered w-100"},i.a.createElement("tbody",{className:"table-bordered w-100"},a.actionableItems.map((e,a)=>{const c=t[e.id];return i.a.createElement("tr",{key:a},i.a.createElement("td",{className:"cv-multiple-choice-input-container"},i.a.createElement("div",{className:"custom-control "+(o?"custom-radio":"custom-checkbox")},i.a.createElement("input",{id:e.id,type:o?"radio":"checkbox",className:"custom-control-input",name:"multiple-choice",checked:!!c,onChange:a=>function(e,a){if(o)n({[e.id]:!0});else if(a.target.checked)n(Object.assign(Object.assign({},t),{[e.id]:!0}));else{const a=t,i=e.id,r=(a[i],x(a,["symbol"==typeof i?i:i+""]));n(r)}}(e,a),disabled:r}),i.a.createElement("label",{htmlFor:e.id,className:"custom-control-label"}))),i.a.createElement("td",{className:"cv-multiple-choice-label-container w-100"},i.a.createElement("label",{htmlFor:e.id},e.name)))})))))}var L=n(1623);const V={[C.InteractionTypeId.Annotation]:function(e){const{interaction:t}=e;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(O,{interaction:t}),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}))},[C.InteractionTypeId.Image]:function(e){const{interaction:t,recalculateScroll:n}=e,a=i.a.useCallback(e=>{e&&(e.onload=()=>{n()})},[]);return i.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},i.a.createElement(O,{interaction:t}),i.a.createElement("div",{className:"cv-image-container"},i.a.createElement("img",{className:"img-fluid",src:t.data.url,ref:a})))},[C.InteractionTypeId.MissingWord]:function(e){const{state:t,setState:n,interaction:a,showFeedback:r}=e,o=a.data.sentence.replace(/{([^{}]*)}/g,(e,t)=>`{cv-missing-word-${t}}`).split(/{([^{}]*)}/g);return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(N,{correct:A(t,a),showFeedback:r}),i.a.createElement(O,{interaction:a}),i.a.createElement("form",null,o.map((e,r)=>{if(!e.startsWith("cv-missing-word-"))return e;const o=e.replace("cv-missing-word-",""),c=a.actionableItems.find(e=>e.order.toString()===o);if(!c)return;const s=function(e){const t=document.createElement("canvas").getContext("2d");return t.font="17pt arial",t.measureText(e).width}(c.name);return i.a.createElement("input",{key:r,style:{width:s+"px"},onChange:e=>function(e,a){if(a.target.value)n(Object.assign(Object.assign({},t),{[e.id]:a.target.value}));else{const a=t,i=e.id,r=(a[i],j(a,["symbol"==typeof i?i:i+""]));n(r)}}(c,e)})})))},[C.InteractionTypeId.MultipleChoice]:P,[C.InteractionTypeId.ShortAnswer]:function(e){const{interaction:t,state:n,setState:a}=e;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(O,{interaction:t}),i.a.createElement(L.a,{translate:!0,className:"form-control",minRows:3,value:n.text||"",onChange:function(e){a(Object.assign(Object.assign({},n),{text:e.target.value}))}}))},[C.InteractionTypeId.TrueOrFalse]:P};function R(){return!0}const D={[C.InteractionTypeId.Annotation]:R,[C.InteractionTypeId.Image]:R,[C.InteractionTypeId.MissingWord]:function(e,t){return Object.keys(e).length===t.actionableItems.length},[C.InteractionTypeId.MultipleChoice]:_,[C.InteractionTypeId.ShortAnswer]:function(e){return!!e.text},[C.InteractionTypeId.TrueOrFalse]:_};function W(){return Promise.resolve()}const q={[C.InteractionTypeId.Annotation]:W,[C.InteractionTypeId.Image]:W,[C.InteractionTypeId.MissingWord]:function(){return new Promise(e=>{e()})},[C.InteractionTypeId.MultipleChoice]:F,[C.InteractionTypeId.ShortAnswer]:function(){return new Promise(e=>{e()})},[C.InteractionTypeId.TrueOrFalse]:F};function B(e,t){if(t===h.InteractiveMode.Create)return function(e){return k[e]}(e);if(t===h.InteractiveMode.View)return function(e){return D[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function U(e,t){if(t===h.InteractiveMode.Create)return function(e){return S[e]}(e);if(t===h.InteractiveMode.View)return function(e){return q[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function z(e,t){if(t===h.InteractiveMode.Create)return function(e){return w[e]}(e);if(t===h.InteractiveMode.View)return function(e){return V[e]}(e);throw new Error("Cannot find components for the mode "+t)}function H(e){return"t"+e.id}function K(e){return"i"+e.id}n(1571);const Q={isValid:!0,submitted:!1,preview:!1};function X(e){const{timepoint:t,continueInteractive:n,mode:a,state:r,dispatch:o,recalculateScroll:c,timepointState:s,immediateFeedback:l}=e;return i.a.createElement("div",{className:"cv-timepoint"},i.a.createElement("div",null,t.interactions.map((e,t)=>{const n=z(e.type.id,a);return i.a.createElement(n,{interaction:e,state:r[K(e)]||{},setState:t=>o({key:K(e),value:t}),key:t,recalculateScroll:c,showFeedback:s.submitted})}),!s.isValid&&i.a.createElement(T,null)),i.a.createElement("div",{className:"cv-timpoint-button-container"},!s.isValid&&i.a.createElement("a",{className:"btn btn-secondary",onClick:n},"Come back later"),i.a.createElement("a",{className:"btn btn-info ml-2",onClick:function(){if(s.submitted)return void n();if(!!t.interactions.some(e=>!B(e.typeId,a)(r[K(e)]||{},e)))return void o({key:H(t),value:Object.assign(Object.assign({},s),{isValid:!1})});const e=t.interactions.map(e=>U(e.typeId,a)(r[K(e)]||{},e));Promise.all(e).then(()=>{o({key:H(t),value:Object.assign(Object.assign({},s),{submitted:!0,isValid:!0})}),l&&function(e){return e.interactions.some(e=>e.typeId===C.InteractionTypeId.MissingWord||e.typeId===C.InteractionTypeId.MultipleChoice||e.typeId===C.InteractionTypeId.TrueOrFalse)}(t)||n()})}},"Save & Continue")))}n(1572);const G=[{name:"Annotation",type:C.InteractionTypeId.Annotation},{name:"Image",type:C.InteractionTypeId.Image},{name:"MissingWord",type:C.InteractionTypeId.MissingWord},{name:"MultipleChoice",type:C.InteractionTypeId.MultipleChoice},{name:"ShortAnswer",type:C.InteractionTypeId.ShortAnswer},{name:"TrueOrFalse",type:C.InteractionTypeId.TrueOrFalse}];function $(e){const{onTypeSelected:t}=e;return i.a.createElement("div",{className:"cv-interactive-type-selector"},G.map((e,n)=>i.a.createElement("a",{key:n,className:"btn btn-info",onClick:()=>t(e.type)},e.name)))}n(1573);function J(e,t){return Object.assign(Object.assign({},e),{[t.key]:t.value})}function Y(e){const{player:t,track:n,mode:a,interactive:r}=e,[o,c]=i.a.useReducer(J,{}),{open:s,timepoint:l,continueInteractive:u}=function(e){const{player:t,track:n,interactive:a,mode:r}=e,[o,c]=i.a.useState(r===h.InteractiveMode.Create),[s,l]=i.a.useState(null);function u(){const e=n.activeCues;if(!e.length)return r!==h.InteractiveMode.Create&&c(!1),void l(null);const i=a.timepoints.find(t=>t.id.toString()===e[0].text.toString());i.shouldPause&&(t.seeking()?t.one("play",()=>t.pause()):t.pause()),c(!0),l(i)}return i.a.useEffect(()=>(n.addEventListener("cuechange",u),()=>n.removeEventListener("cuechange",u))),{open:o,timepoint:s,continueInteractive:function(){r!==h.InteractiveMode.Create&&c(!1),t.play()},lockPlayer:function(){},unlockPlayer:function(){}}}({player:t,track:n,interactive:r,mode:a}),d=i.a.useRef();return i.a.createElement("div",{className:"cv-interactive-container"},i.a.createElement("div",{className:"cv-interactive "+(s?"cv-open":"")},i.a.createElement(g.a,{style:{height:"100%"},ref:d},!l&&a===E.a.Create&&i.a.createElement($,{onTypeSelected:function(e){t.pause();const a=t.currentTime(),i=Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString();r.timepoints||(r.timepoints=[]),r.timepoints.push({id:i,visibleAt:1e3*a,interactiveId:r.id,shouldPause:1,interactions:[{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString(),typeId:e,type:{id:e,name:"",colour:"",icon:""},timepointId:i,order:0,interactiveId:r.id,data:{}}]}),n.addCue({startTime:a,endTime:a+1,text:i})}}),!!l&&i.a.createElement(X,{timepoint:l,continueInteractive:u,immediateFeedback:r.immediateFeedback,mode:a,state:o,dispatch:c,recalculateScroll:function(){d.current.recalculate()},timepointState:o[H(l)]||Q}))))}I.a.registerComponent("Interactive",Object(b.a)((e,t)=>i.a.createElement(Y,Object.assign({player:e},t))));n(1574);const Z=I.a.getComponent("Button");class ee extends Z{constructor(e,t){super(e,t),this.timepoint_=t.timepoint,this.time_=t.timepoint.visibleAt/1e3;const n=t.timepoint.interactions[0];n||this.hide(),this.setColour(n.type.colour),this.controlText(n.name),this.update()}buildCSSClass(){return"cv-interactive-bar-item "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){const e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}handleClick(e){e.stopPropagation(),this.player_.currentTime(this.time_)}setColour(e){this.el().querySelector(".vjs-icon-placeholder").style.backgroundColor="#"+e}}n(1575);const te=I.a.getComponent("Component");class ne extends te{constructor(e,t){super(e,t),this.track_=t.track,this.interactive_=t.interactive,this.onDurationChange=this.onDurationChange.bind(this),this.createInteractionItems=this.createInteractionItems.bind(this),this.createInteractionItems(),this.player_.on("durationchange",this.onDurationChange),this.player_.on("dispose",()=>{this.player_.off("durationchange",this.onDurationChange)})}buildCSSClass(){return"cv-interactive-bar-items "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){this.children_.forEach(e=>{e.update()})}createInteractionItems(){if(this.track_){this.children_.forEach(e=>{this.removeChild(e)});for(let e=0;e<this.track_.cues.length;e++){const t=this.track_.cues[e],n=this.getTimepointById(t.text);n&&this.addChild(new ee(this.player_,{timepoint:n}))}}}onDurationChange(){this.update()}getTimepointById(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find(t=>t.id===e)}}const ae=I.a.getPlugin("plugin");I.a.registerPlugin("viewInteractivePlugin",class extends ae{constructor(e,t){super(e),this.options=t,e.ready(()=>this.initialize())}initialize(){y.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this))}onTrackLoaded(e){this.player.addChild("Interactive",{track:e,interactive:this.options.interactive,mode:this.options.mode});this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new ne(this.player,{interactive:this.options.interactive,track:e}))}});var ie=function(e,t,n,a){return new(n||(n=Promise))((function(i,r){function o(e){try{s(a.next(e))}catch(e){r(e)}}function c(e){try{s(a.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((a=a.apply(e,t||[])).next())}))};class re extends f.a{constructor(e,t){super(e,t),this.onCueChange=this.onCueChange.bind(this)}additionalSetup(e){const t=Object.create(null,{additionalSetup:{get:()=>super.additionalSetup}});return ie(this,void 0,void 0,(function*(){if(t.additionalSetup.call(this,e),this.track=this.player.addTextTrack("metadata","interactive"),this.options.mode===h.InteractiveMode.Create)return void this.player.viewInteractivePlugin({interactive:{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString()},mode:h.InteractiveMode.Create,track:this.track});const n=e.additionalData;n.timepoints.forEach(e=>{const t=e.visibleAt/1e3,n=e.visibleFor?t+e.visibleFor/1e3:t+1;this.track.addCue({startTime:t,endTime:n,text:e.id})}),this.player.viewInteractivePlugin({interactive:n,mode:h.InteractiveMode.View}),this.options.onTimepointChange&&this.bindCueChange()}))}bindCueChange(){this.track.addEventListener("cuechange",this.onCueChange),this.player.on("dispose",()=>{this.track.removeEventListener("cuechange",this.onCueChange)})}onCueChange(){const e=this.track.activeCues;e&&e.length?this.options.onTimepointChange(e[0].text):this.options.onTimepointChange(null)}}var oe=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function ce(e){const{onReady:t}=e,n=oe(e,["onReady"]),a=i.a.useRef();return i.a.useEffect(()=>{const e=new re(a.current,n);t&&e.ready(()=>{t(e)})},[]),i.a.createElement("div",{ref:a})}var se=n(13),le=n(1338),ue=n(7),de=n(1318),me=n(322),pe=n(44);function ve(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==c.return||c.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return fe(e,t)}(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 fe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"PreviewInteractiveView",(function(){return ye}));var he=o.a.encloseNamespace("shared.previewInteractive");function ye(e){var t,n,i,o=ve(a.useState(null),2),f=o[0],h=o[1],y=a.useRef(),I=r.a.useBasicFetch(l.a.config()),g=r.a.useBasicFetch(de.a.interactiveMetadata(e.id)),b=r.a.useBasicFetch(g.data?me.a.video(g.data.video.id):null),E=r.a.useBasicFetch(g.data?s.a.createViewKey(g.data.id):null),T=r.a.useBasicFetch(g.data?de.a.interactive(g.data.interactiveId):null);if(Object(c.a)(null===(t=g.data)||void 0===t?void 0:t.name),!(E.data&&I.data&&g.data&&T.data&&b.data))return a.createElement(a.Fragment,null);var C=null===(i=null===(n=b.data.interactives)||void 0===n?void 0:n.data)||void 0===i?void 0:i.filter((function(t){return t.id.toString()!==e.id.toString()})),w={application:ue.a.DEFAULT,action:se.a.Default.PLAY_VIDEO,args:[b.data.id,pe.a.slugify(b.data.name)]};return a.createElement(p.a.Provider,{value:"shared.previewInteractive"},a.createElement("div",{className:"mb-3"},a.createElement(ce,{viewKey:E.data.viewKey,playerApi:new URL(I.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onTimepointChange:function(e){h(e)},onReady:function(e){y.current=e}})),a.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},a.createElement("div",null,a.createElement("h1",{className:"h3 d-inline-block m-0"},g.data.name),a.createElement("div",null,a.createElement(p.b,{phrase:"backTo"}),": ",a.createElement(u.a,{appLink:w,className:"text-info"},g.data.video.name)))),g.data.description&&a.createElement("p",null,g.data.description),a.createElement("h2",{className:"h4"},a.createElement(p.b,{phrase:"interactiveQuestions"})),a.createElement(le.a,{interactive:T.data,selectedTimepointId:f,goToTimepoint:function(e){y.current&&y.current.currentTime(e/1e3)}}),!!(null==C?void 0:C.length)&&a.createElement("div",{className:"my-3"},a.createElement(m.a,{name:he("otherInteractives",{count:C.length}),contents:v.a.Interactives,collection:C,prefetched:!0,childAppLink:{application:ue.a.DEFAULT,action:se.a.Default.PREVIEW_INTERACTIVE},childComponent:function(e){return a.createElement(d.a,Object.assign({video:b.data,questionsAppLink:{application:ue.a.DEFAULT,action:se.a.Default.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1184:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(27);const i={createViewKey:e=>({url:"/api/player/create-view-key",key:"view:key:"+e,type:a.a.POST,data:{mediaId:e.toString()}})}},1221:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a=368},1235:function(e,t,n){"use strict";var a=n(1193);n.d(t,"a",(function(){return a.a}));n(1203);var i=n(1202);n.d(t,"b",(function(){return i.a}))},1237:function(e,t,n){"use strict";var a=n(1313);n.d(t,"InteractiveMode",(function(){return a.a}));n(1394),n(1395),n(1396),n(1397)},1265:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),i=n.n(a);function r(e){var t,n,a;if(!e.owner)return i.a.createElement(i.a.Fragment,null);let r=e.owner.name;e.owner.surname&&(r+=(" "+e.owner.surname.substr(0,1)).toUpperCase());const o=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],c=null!==(a=null==o?void 0:o.name)&&void 0!==a?a:"";return c&&(r+=", "),i.a.createElement("small",{className:"clamp-1"},r,c&&i.a.createElement("em",null,c),"ClickView"===c&&i.a.createElement(i.a.Fragment,null,"CV Icon"))}},1310:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),i=n.n(a),r=n(44),o=n(59),c=n(1160),s=n(1152),l=n(94),u=n(1265),d=n(163),m=n(1311),p=n.n(m),v=n(3);const f=i.a.memo((function(e){const t=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,r.a.slugify(e.data.name)]}),n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return i.a.createElement("div",{className:"flex-shrink-0 px-1 "+p.a.item},i.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement(c.a,{video:e.video,interactive:e.data,appLink:t,type:"static",videoType:"interactive",imageOptions:{size:d.a.Small},textPosition:s.a.Independent,preload:!0,analyticsOptions:{location:v.LocationContext.SlidingListItem}})),i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement("div",{className:"pl-3"},i.a.createElement(o.a,{appLink:t},i.a.createElement("h3",{className:"h6 mb-1 clamp-2"},e.data.name)),i.a.createElement(u.a,{owner:e.data.owner}),i.a.createElement(o.a,{className:"info-link",appLink:n},i.a.createElement(l.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1311:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1313:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e[e.View=0]="View",e[e.Create=1]="Create"}(a||(a={}))},1317:function(e,t,n){e.exports={time:"_30ibe",typeIcon:"UMnFt",type:"_3uwxz",question:"_1FwXi"}},1318:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={interactiveMetadata:function(e){return{url:"/api/domain/v2/objects/".concat(e,"?query=video"),key:"interactivemetadata:".concat(e)}},interactive:function(e){return{url:"/api/domain/v1/interactives/".concat(e),key:"interactive:".concat(e)}}}},1339:function(e,t,n){"use strict";var a=n(0),i=n.n(a),r=n(218),o=n(215),c=n(329),s=n(314),l=n(1221);var u=n(1317),d=n.n(u);function m(e){var t=e.interaction,n=e.visibleAt,a=e.goToTimepoint,r=e.selected;var l=a?"cursor-pointer":"cursor-default";return i.a.createElement(s.a,{className:"py-2 ".concat(l),onClick:function(){a&&a(n)}},i.a.createElement("span",{className:"".concat(d.a.time," ").concat(r?"font-weight-bold":"")},c.a.ToDisplayDuration(n)),i.a.createElement("span",{className:d.a.typeIcon,style:{backgroundImage:"url(".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),i.a.createElement("span",{className:d.a.type},i.a.createElement("strong",null,t.type.name)),i.a.createElement("span",{className:"".concat(d.a.question," ").concat(r?"font-weight-bold":"")},t.typeId===o.InteractionTypeId.Annotation?function(e){if(e)return(e=function(e){if(e)return e.replace(/<p>/g,"").replace(/<\/p>/g,"<br>")}(e=function(e,t){if(e&&t)return t.forEach((function(t){e=e.replace("<"+t+">","").replace("</"+t+">","")})),e}(e,["b","i","u","ul","li","old"]))).split("<br>")[0]||"Annotation"}(t.data.annotation):t.name))}function p(e){var t=e.timepoint,n=e.selectedTimepointId,a=e.goToTimepoint,r=e.scrollTo,o=i.a.useRef(),c=n&&n.toString()===t.id.toString();return i.a.useEffect((function(){if(c&&o.current){var e=o.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;r(n,t.height)}}),[c]),i.a.createElement("div",{ref:o},t.interactions.map((function(e,n){return i.a.createElement(m,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:a,selected:c,key:n})})))}function v(e){var t=e.interactive,n=e.goToTimepoint,a=e.selectedTimepointId,o=i.a.useRef();function c(e,t){if(o.current){var n=o.current.getClientHeight(),a=o.current.getScrollTop(),i=e+a;(i<a||i+t>a+n)&&o.current.scrollTop(i-n/2+t/2)}}var s=n?"border rounded":"";return i.a.createElement(r.Scrollbars,{autoHeight:!0,autoHeightMax:l.a,className:s,hideTracksWhenNotNeeded:!0,ref:o},i.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return i.a.createElement(p,{key:t,timepoint:e,goToTimepoint:n,selectedTimepointId:a,scrollTo:c})}))))}n.d(t,"a",(function(){return v}))},1394:function(e,t){},1395:function(e,t){},1396:function(e,t){},1397:function(e,t){},1568:function(e,t,n){},1569:function(e,t,n){},1570:function(e,t,n){},1571:function(e,t,n){},1572:function(e,t,n){},1573:function(e,t,n){},1574:function(e,t,n){},1575:function(e,t,n){},1576:function(e,t,n){},1664:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),r=n(19),o=n(9),c=n(315),s=n(1184),l=n(145),u=n(59),d=n(1310),m=n(1235),p=n(94),v=n(1220),f=n(340),h=n(1237),y=n(112),I=n(6),g=n(1625),b=n(249);var E=n(1313);function T(){return i.a.createElement("div",{className:"alert alert-info mt-3",role:"alert"},"Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.")}var C=n(215);n(1568);const w={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e){const{state:t,setState:n,interaction:a}=e;return i.a.createElement("div",{className:"cv-create-short-answer"},i.a.createElement("h2",{className:"font-body"},"Create Short Answer"),i.a.createElement("textarea",{className:"form-control",rows:3,onChange:function(e){n(Object.assign(Object.assign({},t),{text:e.target.value}))},value:t.text||a.data.text}))}};const k={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e){return!!e.text},[C.InteractionTypeId.TrueOrFalse]:null};const S={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e,t){return new Promise(n=>{window.setTimeout(()=>{t.data.text=e.text,n()},200)})},[C.InteractionTypeId.TrueOrFalse]:null};n(1569);function O(e){const{interaction:t}=e;return i.a.createElement("div",{className:"cv-interaction-heading mb-3"},i.a.createElement("span",{className:"cv-iteraction-icon",style:{backgroundImage:`url(https:${t.type.icon})`,backgroundColor:"#"+t.type.colour}}),i.a.createElement("h2",{className:"cv-interaction-title h5"},t.name))}n(1570);function N(e){const{correct:t,showFeedback:n}=e;return n?i.a.createElement(i.a.Fragment,null,t?i.a.createElement("div",{className:"alert alert-success"},"Correct"):i.a.createElement("div",{className:"alert alert-danger"},"Incorrect")):i.a.createElement(i.a.Fragment,null)}var j=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function A(e,t){return t.actionableItems.every(t=>t.name===e[t.id])}n(1571);var x=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function M(e,t){return t.actionableItems.filter(e=>e.isCorrect).every(t=>e[t.id])}function _(e){return!!Object.keys(e).length}function F(){return new Promise(e=>{e()})}function P(e){const{state:t,setState:n,interaction:a,showFeedback:r}=e,o=1===a.actionableItems.filter(e=>e.isCorrect).length;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(N,{correct:M(t,a),showFeedback:r}),i.a.createElement(O,{interaction:a}),i.a.createElement("form",{className:"cv-multiple-choice-form"},i.a.createElement("table",{className:"table-bordered w-100"},i.a.createElement("tbody",{className:"table-bordered w-100"},a.actionableItems.map((e,a)=>{const c=t[e.id];return i.a.createElement("tr",{key:a},i.a.createElement("td",{className:"cv-multiple-choice-input-container"},i.a.createElement("div",{className:"custom-control "+(o?"custom-radio":"custom-checkbox")},i.a.createElement("input",{id:e.id,type:o?"radio":"checkbox",className:"custom-control-input",name:"multiple-choice",checked:!!c,onChange:a=>function(e,a){if(o)n({[e.id]:!0});else if(a.target.checked)n(Object.assign(Object.assign({},t),{[e.id]:!0}));else{const a=t,i=e.id,r=(a[i],x(a,["symbol"==typeof i?i:i+""]));n(r)}}(e,a),disabled:r}),i.a.createElement("label",{htmlFor:e.id,className:"custom-control-label"}))),i.a.createElement("td",{className:"cv-multiple-choice-label-container w-100"},i.a.createElement("label",{htmlFor:e.id},e.name)))})))))}var L=n(1624);const V={[C.InteractionTypeId.Annotation]:function(e){const{interaction:t}=e;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(O,{interaction:t}),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}))},[C.InteractionTypeId.Image]:function(e){const{interaction:t,recalculateScroll:n}=e,a=i.a.useCallback(e=>{e&&(e.onload=()=>{n()})},[]);return i.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},i.a.createElement(O,{interaction:t}),i.a.createElement("div",{className:"cv-image-container"},i.a.createElement("img",{className:"img-fluid",src:t.data.url,ref:a})))},[C.InteractionTypeId.MissingWord]:function(e){const{state:t,setState:n,interaction:a,showFeedback:r}=e,o=a.data.sentence.replace(/{([^{}]*)}/g,(e,t)=>`{cv-missing-word-${t}}`).split(/{([^{}]*)}/g);return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(N,{correct:A(t,a),showFeedback:r}),i.a.createElement(O,{interaction:a}),i.a.createElement("form",null,o.map((e,r)=>{if(!e.startsWith("cv-missing-word-"))return e;const o=e.replace("cv-missing-word-",""),c=a.actionableItems.find(e=>e.order.toString()===o);if(!c)return;const s=function(e){const t=document.createElement("canvas").getContext("2d");return t.font="17pt arial",t.measureText(e).width}(c.name);return i.a.createElement("input",{key:r,style:{width:s+"px"},onChange:e=>function(e,a){if(a.target.value)n(Object.assign(Object.assign({},t),{[e.id]:a.target.value}));else{const a=t,i=e.id,r=(a[i],j(a,["symbol"==typeof i?i:i+""]));n(r)}}(c,e)})})))},[C.InteractionTypeId.MultipleChoice]:P,[C.InteractionTypeId.ShortAnswer]:function(e){const{interaction:t,state:n,setState:a}=e;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(O,{interaction:t}),i.a.createElement(L.a,{translate:!0,className:"form-control",minRows:3,value:n.text||"",onChange:function(e){a(Object.assign(Object.assign({},n),{text:e.target.value}))}}))},[C.InteractionTypeId.TrueOrFalse]:P};function R(){return!0}const D={[C.InteractionTypeId.Annotation]:R,[C.InteractionTypeId.Image]:R,[C.InteractionTypeId.MissingWord]:function(e,t){return Object.keys(e).length===t.actionableItems.length},[C.InteractionTypeId.MultipleChoice]:_,[C.InteractionTypeId.ShortAnswer]:function(e){return!!e.text},[C.InteractionTypeId.TrueOrFalse]:_};function W(){return Promise.resolve()}const q={[C.InteractionTypeId.Annotation]:W,[C.InteractionTypeId.Image]:W,[C.InteractionTypeId.MissingWord]:function(){return new Promise(e=>{e()})},[C.InteractionTypeId.MultipleChoice]:F,[C.InteractionTypeId.ShortAnswer]:function(){return new Promise(e=>{e()})},[C.InteractionTypeId.TrueOrFalse]:F};function B(e,t){if(t===h.InteractiveMode.Create)return function(e){return k[e]}(e);if(t===h.InteractiveMode.View)return function(e){return D[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function U(e,t){if(t===h.InteractiveMode.Create)return function(e){return S[e]}(e);if(t===h.InteractiveMode.View)return function(e){return q[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function z(e,t){if(t===h.InteractiveMode.Create)return function(e){return w[e]}(e);if(t===h.InteractiveMode.View)return function(e){return V[e]}(e);throw new Error("Cannot find components for the mode "+t)}function H(e){return"t"+e.id}function K(e){return"i"+e.id}n(1572);const Q={isValid:!0,submitted:!1,preview:!1};function X(e){const{timepoint:t,continueInteractive:n,mode:a,state:r,dispatch:o,recalculateScroll:c,timepointState:s,immediateFeedback:l}=e;return i.a.createElement("div",{className:"cv-timepoint"},i.a.createElement("div",null,t.interactions.map((e,t)=>{const n=z(e.type.id,a);return i.a.createElement(n,{interaction:e,state:r[K(e)]||{},setState:t=>o({key:K(e),value:t}),key:t,recalculateScroll:c,showFeedback:s.submitted})}),!s.isValid&&i.a.createElement(T,null)),i.a.createElement("div",{className:"cv-timpoint-button-container"},!s.isValid&&i.a.createElement("a",{className:"btn btn-secondary",onClick:n},"Come back later"),i.a.createElement("a",{className:"btn btn-info ml-2",onClick:function(){if(s.submitted)return void n();if(!!t.interactions.some(e=>!B(e.typeId,a)(r[K(e)]||{},e)))return void o({key:H(t),value:Object.assign(Object.assign({},s),{isValid:!1})});const e=t.interactions.map(e=>U(e.typeId,a)(r[K(e)]||{},e));Promise.all(e).then(()=>{o({key:H(t),value:Object.assign(Object.assign({},s),{submitted:!0,isValid:!0})}),l&&function(e){return e.interactions.some(e=>e.typeId===C.InteractionTypeId.MissingWord||e.typeId===C.InteractionTypeId.MultipleChoice||e.typeId===C.InteractionTypeId.TrueOrFalse)}(t)||n()})}},"Save & Continue")))}n(1573);const G=[{name:"Annotation",type:C.InteractionTypeId.Annotation},{name:"Image",type:C.InteractionTypeId.Image},{name:"MissingWord",type:C.InteractionTypeId.MissingWord},{name:"MultipleChoice",type:C.InteractionTypeId.MultipleChoice},{name:"ShortAnswer",type:C.InteractionTypeId.ShortAnswer},{name:"TrueOrFalse",type:C.InteractionTypeId.TrueOrFalse}];function $(e){const{onTypeSelected:t}=e;return i.a.createElement("div",{className:"cv-interactive-type-selector"},G.map((e,n)=>i.a.createElement("a",{key:n,className:"btn btn-info",onClick:()=>t(e.type)},e.name)))}n(1574);function J(e,t){return Object.assign(Object.assign({},e),{[t.key]:t.value})}function Y(e){const{player:t,track:n,mode:a,interactive:r}=e,[o,c]=i.a.useReducer(J,{}),{open:s,timepoint:l,continueInteractive:u}=function(e){const{player:t,track:n,interactive:a,mode:r}=e,[o,c]=i.a.useState(r===h.InteractiveMode.Create),[s,l]=i.a.useState(null);function u(){const e=n.activeCues;if(!e.length)return r!==h.InteractiveMode.Create&&c(!1),void l(null);const i=a.timepoints.find(t=>t.id.toString()===e[0].text.toString());i.shouldPause&&(t.seeking()?t.one("play",()=>t.pause()):t.pause()),c(!0),l(i)}return i.a.useEffect(()=>(n.addEventListener("cuechange",u),()=>n.removeEventListener("cuechange",u))),{open:o,timepoint:s,continueInteractive:function(){r!==h.InteractiveMode.Create&&c(!1),t.play()},lockPlayer:function(){},unlockPlayer:function(){}}}({player:t,track:n,interactive:r,mode:a}),d=i.a.useRef();return i.a.createElement("div",{className:"cv-interactive-container"},i.a.createElement("div",{className:"cv-interactive "+(s?"cv-open":"")},i.a.createElement(g.a,{style:{height:"100%"},ref:d},!l&&a===E.a.Create&&i.a.createElement($,{onTypeSelected:function(e){t.pause();const a=t.currentTime(),i=Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString();r.timepoints||(r.timepoints=[]),r.timepoints.push({id:i,visibleAt:1e3*a,interactiveId:r.id,shouldPause:1,interactions:[{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString(),typeId:e,type:{id:e,name:"",colour:"",icon:""},timepointId:i,order:0,interactiveId:r.id,data:{}}]}),n.addCue({startTime:a,endTime:a+1,text:i})}}),!!l&&i.a.createElement(X,{timepoint:l,continueInteractive:u,immediateFeedback:r.immediateFeedback,mode:a,state:o,dispatch:c,recalculateScroll:function(){d.current.recalculate()},timepointState:o[H(l)]||Q}))))}I.a.registerComponent("Interactive",Object(b.a)((e,t)=>i.a.createElement(Y,Object.assign({player:e},t))));n(1575);const Z=I.a.getComponent("Button");class ee extends Z{constructor(e,t){super(e,t),this.timepoint_=t.timepoint,this.time_=t.timepoint.visibleAt/1e3;const n=t.timepoint.interactions[0];n||this.hide(),this.setColour(n.type.colour),this.controlText(n.name),this.update()}buildCSSClass(){return"cv-interactive-bar-item "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){const e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}handleClick(e){e.stopPropagation(),this.player_.currentTime(this.time_)}setColour(e){this.el().querySelector(".vjs-icon-placeholder").style.backgroundColor="#"+e}}n(1576);const te=I.a.getComponent("Component");class ne extends te{constructor(e,t){super(e,t),this.track_=t.track,this.interactive_=t.interactive,this.onDurationChange=this.onDurationChange.bind(this),this.createInteractionItems=this.createInteractionItems.bind(this),this.createInteractionItems(),this.player_.on("durationchange",this.onDurationChange),this.player_.on("dispose",()=>{this.player_.off("durationchange",this.onDurationChange)})}buildCSSClass(){return"cv-interactive-bar-items "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){this.children_.forEach(e=>{e.update()})}createInteractionItems(){if(this.track_){this.children_.forEach(e=>{this.removeChild(e)});for(let e=0;e<this.track_.cues.length;e++){const t=this.track_.cues[e],n=this.getTimepointById(t.text);n&&this.addChild(new ee(this.player_,{timepoint:n}))}}}onDurationChange(){this.update()}getTimepointById(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find(t=>t.id===e)}}const ae=I.a.getPlugin("plugin");I.a.registerPlugin("viewInteractivePlugin",class extends ae{constructor(e,t){super(e),this.options=t,e.ready(()=>this.initialize())}initialize(){y.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this))}onTrackLoaded(e){this.player.addChild("Interactive",{track:e,interactive:this.options.interactive,mode:this.options.mode});this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new ne(this.player,{interactive:this.options.interactive,track:e}))}});var ie=function(e,t,n,a){return new(n||(n=Promise))((function(i,r){function o(e){try{s(a.next(e))}catch(e){r(e)}}function c(e){try{s(a.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((a=a.apply(e,t||[])).next())}))};class re extends f.a{constructor(e,t){super(e,t),this.onCueChange=this.onCueChange.bind(this)}additionalSetup(e){const t=Object.create(null,{additionalSetup:{get:()=>super.additionalSetup}});return ie(this,void 0,void 0,(function*(){if(t.additionalSetup.call(this,e),this.track=this.player.addTextTrack("metadata","interactive"),this.options.mode===h.InteractiveMode.Create)return void this.player.viewInteractivePlugin({interactive:{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString()},mode:h.InteractiveMode.Create,track:this.track});const n=e.additionalData;n.timepoints.forEach(e=>{const t=e.visibleAt/1e3,n=e.visibleFor?t+e.visibleFor/1e3:t+1;this.track.addCue({startTime:t,endTime:n,text:e.id})}),this.player.viewInteractivePlugin({interactive:n,mode:h.InteractiveMode.View}),this.options.onTimepointChange&&this.bindCueChange()}))}bindCueChange(){this.track.addEventListener("cuechange",this.onCueChange),this.player.on("dispose",()=>{this.track.removeEventListener("cuechange",this.onCueChange)})}onCueChange(){const e=this.track.activeCues;e&&e.length?this.options.onTimepointChange(e[0].text):this.options.onTimepointChange(null)}}var oe=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function ce(e){const{onReady:t}=e,n=oe(e,["onReady"]),a=i.a.useRef();return i.a.useEffect(()=>{const e=new re(a.current,n);t&&e.ready(()=>{t(e)})},[]),i.a.createElement("div",{ref:a})}var se=n(13),le=n(1339),ue=n(7),de=n(1318),me=n(322),pe=n(44);function ve(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==c.return||c.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return fe(e,t)}(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 fe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"PreviewInteractiveView",(function(){return ye}));var he=o.a.encloseNamespace("shared.previewInteractive");function ye(e){var t,n,i,o=ve(a.useState(null),2),f=o[0],h=o[1],y=a.useRef(),I=r.a.useBasicFetch(l.a.config()),g=r.a.useBasicFetch(de.a.interactiveMetadata(e.id)),b=r.a.useBasicFetch(g.data?me.a.video(g.data.video.id):null),E=r.a.useBasicFetch(g.data?s.a.createViewKey(g.data.id):null),T=r.a.useBasicFetch(g.data?de.a.interactive(g.data.interactiveId):null);if(Object(c.a)(null===(t=g.data)||void 0===t?void 0:t.name),!(E.data&&I.data&&g.data&&T.data&&b.data))return a.createElement(a.Fragment,null);var C=null===(i=null===(n=b.data.interactives)||void 0===n?void 0:n.data)||void 0===i?void 0:i.filter((function(t){return t.id.toString()!==e.id.toString()})),w={application:ue.a.DEFAULT,action:se.a.Default.PLAY_VIDEO,args:[b.data.id,pe.a.slugify(b.data.name)]};return a.createElement(p.a.Provider,{value:"shared.previewInteractive"},a.createElement("div",{className:"mb-3"},a.createElement(ce,{viewKey:E.data.viewKey,playerApi:new URL(I.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onTimepointChange:function(e){h(e)},onReady:function(e){y.current=e}})),a.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},a.createElement("div",null,a.createElement("h1",{className:"h3 d-inline-block m-0"},g.data.name),a.createElement("div",null,a.createElement(p.b,{phrase:"backTo"}),": ",a.createElement(u.a,{appLink:w,className:"text-info"},g.data.video.name)))),g.data.description&&a.createElement("p",null,g.data.description),a.createElement("h2",{className:"h4"},a.createElement(p.b,{phrase:"interactiveQuestions"})),a.createElement(le.a,{interactive:T.data,selectedTimepointId:f,goToTimepoint:function(e){y.current&&y.current.currentTime(e/1e3)}}),!!(null==C?void 0:C.length)&&a.createElement("div",{className:"my-3"},a.createElement(m.a,{name:he("otherInteractives",{count:C.length}),contents:v.a.Interactives,collection:C,prefetched:!0,childAppLink:{application:ue.a.DEFAULT,action:se.a.Default.PREVIEW_INTERACTIVE},childComponent:function(e){return a.createElement(d.a,Object.assign({video:b.data,questionsAppLink:{application:ue.a.DEFAULT,action:se.a.Default.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})))}}}]);

package/dist/scripts/{19-a06e4b6a2e.chunk.js → 19-39fbb9099a.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1129:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));var n=t(212),o=t(62),r=t(73);function s(){const e=Object(n.a)(r.a.ALERT);return{success(a){e.success(a)()},error(a){e.error(a)()},warning(a){e.createAlert({type:o.a.Warning,heading:o.c.Warning,message:a})}}}},1131:function(e,a,t){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},1132:function(e,a,t){"use strict";var n=t(0),o=t(188),r=t(317),s=t(46),c=t(48),l=t(66),i=t(59),m=t(17),u=t(1131),d=t.n(u);function p(e){let a="dropdown-item";return e&&(a+=" "+e),a}function g(e){if(e.action.appLink)return n.createElement(i.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer "+p(e.action.className),onClick:function(a){e.action.analyticsData&&e.action.analyticsOptions&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),s.a.isFunction(e.action.onClick)&&e.action.onClick(a)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);let a="dropdown";e.className&&(a+=" "+e.className);const t="actions-dropdown-"+r.a.getRandomInt();let o="dropdown-toggle px-0 "+d.a.dropdownToggle;return e.dropdownToggleClassName&&(o+=" "+e.dropdownToggleClassName),n.createElement("div",{className:a},n.createElement("button",{className:o,type:"button",id:t,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(l.a,{svgName:m.b.More,size:l.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":t},e.actions.map((e,a)=>n.createElement(g,{key:a,action:e}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var E=t(319);function b(e){const a=[],t=[];e.actions.forEach(e=>{e.button?a.push(e):t.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!a.length&&n.createElement("span",{className:d.a.buttonList},a.map((e,a)=>n.createElement(n.Fragment,{key:a},e.label?n.createElement(E.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(o.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions})))),e.sortComponent?e.sortComponent:"",!!t.length&&n.createElement(f,{actions:t,className:!!a.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}t.d(a,"a",(function(){return b}))},1159:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(0);function o(e){return n.createElement("div",{className:"custom-control custom-checkbox "+e.className},n.createElement("input",{type:"checkbox",className:"custom-control-input",id:e.id,name:e.name,checked:e.checked,onChange:e.onChange}),n.createElement("label",{className:"custom-control-label cursor-pointer",htmlFor:e.id},e.label))}o.defaultProps={checked:!1,label:"",className:""}},1172:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(0),o=t.n(n),r=t(1186),s=t.n(r);function c(e){return o.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:e.className})}c.defaultProps={className:"".concat(s.a.image," pb-3")}},1173:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));const n=5,o=50,r=100,s={getPartialLoadingItems(e={}){const{numItems:a=n,minWidth:t=o,maxWidth:s=r}=e;return[...Array(a)].map(()=>({width:Math.max(Math.floor(Math.random()*s),t)+"px"}))}}},1176:function(e,a,t){"use strict";var n=t(0),o=t(46),r=t(72),s=t(143),c=t(1173),l=t(59);const i=({breadcrumb:{label:e,appLink:a,active:t}})=>n.createElement("li",{className:"breadcrumb-item"+(t?" active":"")},t?n.createElement("strong",null,e):n.createElement(l.a,{appLink:a},e)),m=({breadcrumbs:e})=>n.createElement("ol",{className:"breadcrumb m-0 p-0"},e.map((e,a)=>n.createElement(i,{key:a,breadcrumb:e})));var u;function d(e,a,t){return{label:e.name,appLink:a(e),active:t}}function p(e){const{type:a}=e,t=function(e,a){let{currentItem:t}=e;const{getItemAppLink:c,getParent:l,rootItem:i,data:m,subview:u}=e,[p,g]=Object(n.useState)([]),f=null==m?void 0:m.map(e=>null==e?void 0:e.name).join("-");n.useEffect(()=>{if(a||r.a.isEmpty(m))return;const e=m.map((e,a)=>d(e,c,a+1===m.length));i&&e.unshift(i),g(e)},[f,c]),n.useEffect(()=>{if(!a||!o.a.isFunction(l))return;const e=[d(t,c,!0)];for(t=l(t);t;)e.unshift(d(t,c)),t=l(t);return i&&e.unshift(i),g(e)},[t,l,c,i]);const{current:E}=n.useRef({label:u,appLink:null,active:!0});if(u){p.includes(E)||g([...p,E]);const e=p.filter(e=>e.active&&e!==E);e.length&&(s.a.first(e).active=!1)}return p}(e,a===u.Dynamic);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement(m,{breadcrumbs:t}))}t.d(a,"a",(function(){return u})),t.d(a,"b",(function(){return p})),t.d(a,"c",(function(){return g})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(u||(u={}));const g=({numItems:e=3})=>n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},c.a.getPartialLoadingItems({numItems:e}).map(({width:e},a)=>n.createElement("li",{key:a,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:e},dangerouslySetInnerHTML:{__html:"&nbsp"}})))))},1186:function(e,a,t){e.exports={image:"_23Yda"}},1212:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(215);function o(e){switch(e){case n.ClassroomGroupColour.Pink:return"bg-pink";case n.ClassroomGroupColour.Pizazz:return"bg-pizazz";case n.ClassroomGroupColour.Emerald:return"bg-emerald";case n.ClassroomGroupColour.PictonBlue:return"bg-picton-blue";case n.ClassroomGroupColour.EastSide:return"bg-east-side";case n.ClassroomGroupColour.Portage:return"bg-portage";default:return"bg-pink"}}},1227:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),o=t.n(n);function r(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function s(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,o=!1,r=void 0;try{for(var s,c=e[Symbol.iterator]();!(n=(s=c.next()).done)&&(t.push(s.value),!a||t.length!==a);n=!0);}catch(e){o=!0,r=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw r}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return c(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return c(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var l=function(e){var a,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=o.a.useState(!1),c=s(n,2),l=c[0],i=c[1],m=o.a.useState({}),u=s(m,2),d=u[0],p=u[1],g=t.idField,f=void 0===g?"id":g;function E(){var a=!l;i(a);var t=e.reduce((function(e,t){return e[t[f]]=a,e}),{});p(t)}function b(a){var t=!d[a.toString()],n=Object.assign(Object.assign({},d),r({},a.toString(),t));p(n),Object.keys(n).filter((function(e){return n[e]})).length!==e.length?!t&&l&&i(!1):i(!0)}function v(e){return!!l||("string"!=typeof e&&"number"!=typeof e&&(e=e[f]),d[e])}function N(){return l?Object.keys(d):Object.keys(d).filter((function(e){return d[e]}))}return o.a.useEffect((function(){if(null==e?void 0:e.length){var a=e.reduce((function(e,a){var n,o=!1;return(null===(n=null==t?void 0:t.preselectedIds)||void 0===n?void 0:n.includes(a[f]))&&(o=!0),e[a[f].toString()]=o,e}),{});p(a)}}),[e,null===(a=null==t?void 0:t.preselectedIds)||void 0===a?void 0:a.length]),{onToggleBulk:E,onToggleItem:b,getSelected:N,isChecked:v,bulkChecked:l}}},1344:function(e,a,t){e.exports={pillTabSelector:"_33p-_"}},1408:function(e,a,t){e.exports={pill:"_1k1_A"}},1409:function(e,a,t){e.exports={groupColour:"_1hs4t"}},1410:function(e,a,t){e.exports={partialSize:"_1HB_G"}},1411:function(e,a,t){e.exports={heading:"_3W4zl",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},1412:function(e,a,t){e.exports={heading:"_2TMwg",nameHeading:"_1TlYf",colourHeading:"_3_Tfc",newGroup:"_3oBoz",group:"_3aWN8",colourPicker:"_2NcjR",actionIcon:"_3bhju"}},1413:function(e,a,t){e.exports={actionsContainer:"_3wYTF"}},1664:function(e,a,t){"use strict";t.r(a);var n=t(0),o=t.n(n),r=t(19),s=t(9),c=t(2),l=t(315),i=t(94),m=t(104),u=t(164),d=t(1176),p=t(1132),g=t(17),f=t(75),E=t(43),b=t(7),v=t(13),N=t(314),C=t(1344),h=t.n(C);function k(e){return o.a.createElement("nav",null,o.a.createElement("ul",{className:"list-unstyled d-inline-block border border-dark m-0 ".concat(h.a.pillTabSelector)},e.tabs.map((function(e){return o.a.createElement("li",{className:"p-0 ".concat(e.active?"btn btn-primary":"btn btn-secondary"),key:e.name},o.a.createElement(N.a,{className:"cursor-pointer py-1",onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name))}))))}var y=t(165),S=t(321),w=t(80),A=t(48),O=t(3),L=t(1129),T=t(188),x=t(66),M=t(1159),P=t(1227),D=t(40),I=t(59),_=t(1212),U=t(1408),G=t.n(U);function R(e){var a;return e.group?o.a.createElement("div",{className:"".concat(G.a.pill," text-white ").concat(Object(_.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour))},e.group.name):o.a.createElement(o.a.Fragment,null)}var j="classrooms.classroomGroupDropdown";function W(e){var a,t=Object(P.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),n=t.onToggleItem,r=t.isChecked;var s,c,l={alignRight:!!e.alignRight};return e.disabled&&(l.show=!1),o.a.createElement(D.Dropdown,Object.assign({},l),o.a.createElement(D.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," no-caret")},o.a.createElement(x.a,{svgName:g.b.Tag})),o.a.createElement(D.Dropdown.Menu,null,!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&o.a.createElement("div",{className:"px-2 border-bottom pb-1 mb-1"},o.a.createElement("p",{className:"mb-0"},o.a.createElement(i.b,{namespace:j,phrase:"groupAs"})),o.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(a){return o.a.createElement("li",{key:a.id,className:"d-flex align-items-center bg-white my-1"},o.a.createElement(M.a,{id:"".concat(e.id,":").concat(a.id),checked:r(a.id),onChange:function(){return function(a){e.onToggle(a,!r(a.id)),n(a.id)}(a)}}),o.a.createElement(R,{group:a}))})))),o.a.createElement(I.a,{onClick:function(){A.a.logUserAction({},A.a.mergeOptions(e.analyticsOptions,{actionType:O.UserAction.Create,workflowPhase:O.WorkflowPhase.Start,entity:O.EntityType.ClassroomGroup}))},appLink:(s=e.classroom.id,c=e.studentIds,{application:b.a.CLASSROOMS,action:v.a.Classrooms.NEW_GROUP,args:[s],params:{addStudents:c}}),className:"text-nowrap d-flex align-items-center px-2"},o.a.createElement(x.a,{svgName:g.b.Plus}),o.a.createElement(i.b,{namespace:j,phrase:"createNew"}))))}W.defaultProps={preselections:[]};var F=t(144),H=s.a.encloseNamespace("classrooms.manageClassroomStudentItem");function B(e){var a,t,n,s=Object(w.useDispatch)(),c=Object(L.a)(),l=e.groups.filter((function(a){var t,n;if(null===(n=null===(t=a.users)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)return!!a.users.data.find((function(a){return a.id===e.student.id}))}));return o.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},o.a.createElement(M.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),o.a.createElement("p",{className:"mb-0 w-25 text-truncate text-nowrap"},e.student.name," ",e.student.surname),o.a.createElement("div",{className:"mr-auto d-flex flex-wrap mt-n1"},!!l.length&&l.map((function(e){return o.a.createElement("div",{key:e.id,className:"mr-1 mt-1"},o.a.createElement(R,{group:e}))}))),o.a.createElement(W,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.groups,studentIds:[e.student.id],preselections:l,onToggle:function(a,t){return function(a,t,n){n?r.a.fetch(s,S.a.addStudentsToGroup([a.id],t.id,e.classroom.id,(function(){A.a.logUserAction({id:t.id,studentCount:1},{actionType:O.UserAction.Associate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudentListItem}),c.success(H("addSuccess",{studentName:a.name,groupName:t.name}))}),(function(){c.error(H("addError",{studentName:a.name,groupName:t.name}))}))):r.a.fetch(s,S.a.removeStudentsFromGroup([a.id],t.id,e.classroom.id,(function(){A.a.logUserAction({id:t.id,studentCount:1},{actionType:O.UserAction.Dissociate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudentListItem}),c.success(H("removeSuccess",{studentName:a.name,groupName:t.name}))}),(function(){c.error(H("removeError",{studentName:a.name,groupName:t.name}))})))}(e.student,a,t)},analyticsOptions:{location:O.LocationContext.ManageClassroomStudentListItem},alignRight:!0}),o.a.createElement(p.a,{actions:[{label:H("editStudent"),appLink:(n=e.student.id,{application:b.a.USER_MANAGER,action:v.a.UserManager.EDIT_USER,args:[n],params:{userType:F.a.Learner}}),onClick:function(){A.a.logUserAction({id:e.student.id},{actionType:O.UserAction.Edit,entity:O.EntityType.User,workflowPhase:O.WorkflowPhase.Start,location:O.LocationContext.ManageClassroomStudentListItem})}},{label:H("removeStudent"),appLink:(a=e.student.id,t=e.classroom.id,{application:b.a.CLASSROOMS,action:v.a.Classrooms.REMOVE_STUDENTS,args:[t],params:{studentIds:[a]}}),className:"text-danger",onClick:function(){A.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:O.UserAction.Dissociate,entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,location:O.LocationContext.ManageClassroomStudentListItem})}}],actionsDropdownClassName:"btn"}))}var z=s.a.encloseNamespace("classrooms.manageClassroomStudents");function Y(e){var a=e.classroom,t=e.students,o=e.groups,s=Object(w.useDispatch)(),l=Object(L.a)(),m=Object(P.a)(t.data),u=m.onToggleBulk,d=m.onToggleItem,p=m.getSelected,C=m.isChecked,h=m.bulkChecked,k=p().length,y=o.filter((function(e){var a,t;if(!(null===(t=null===(a=e.users)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length))return!1;var n=!0,o=0,r=p();if(r.length){var s=function(){var a=r[o];e.users.data.find((function(e){return e.id.toString()===a.toString()}))||(n=!1),o++};do{s()}while(o<r.length);return n}}));var D=Object(f.a)(E.a.XLDown);return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(D?"pl-2":"pl-4")},n.createElement(M.a,{id:"manage-classroom-students-bulk",onChange:u,checked:h,className:"mr-2"}),n.createElement(W,{id:"bulk-add-group",classroom:a,studentIds:p(),groups:o,onToggle:function(e,t){var n=p();t?r.a.fetch(s,S.a.addStudentsToGroup(n,e.id,a.id,(function(){A.a.logUserAction({id:e.id,studentCount:n.length},{actionType:O.UserAction.Associate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudents}),l.success(z("addSuccess",{groupName:e.name}))}),(function(){l.error(z("addError",{groupName:e.name}))}))):r.a.fetch(s,S.a.removeStudentsFromGroup(n,e.id,a.id,(function(){A.a.logUserAction({id:e.id,studentCount:n.length},{actionType:O.UserAction.Dissociate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudents}),l.success(z("removeSuccess",{groupName:e.name}))}),(function(){l.error(z("removeError",{groupName:e.name}))})))},disabled:!k,preselections:y,analyticsOptions:{location:O.LocationContext.ManageClassroomStudents}}),n.createElement(N.a,{className:"mr-auto ".concat(k?"":"text-light cursor-default"),onClick:function(){k&&(A.a.logUserAction({id:a.id},{entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Dissociate,location:O.LocationContext.ManageClassroomStudents}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:p()}}))}},n.createElement(x.a,{svgName:g.b.Delete})),n.createElement(T.a,{onClick:function(){A.a.logUserAction({id:a.id},{entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Associate,location:O.LocationContext.ManageClassroomStudents}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.ADD_STUDENTS,args:[a.id]})},svgName:g.b.Plus,className:"btn btn-secondary"},n.createElement(i.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},t.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(B,{classroom:a,student:t,groups:e.groups,checked:C(t.id),onToggleCheckbox:function(){return d(t.id)}}))}))))}var V=t(1409),X=t.n(V);function J(e){var a;return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"d-flex align-items-center px-3 py-1"},o.a.createElement("p",{className:"w-33 m-0"},e.group.name),o.a.createElement("div",{className:"d-inline-block mr-auto ml-2 ".concat(Object(_.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour)," ").concat(X.a.groupColour)}),o.a.createElement(N.a,{className:"mr-2",onClick:function(){A.a.logUserAction({id:e.group.id},{entity:O.EntityType.ClassroomGroup,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Edit,location:O.LocationContext.ManageClassroomGroupListItem}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.EDIT_GROUP,args:[e.classroom.id,e.group.id]})}},o.a.createElement(x.a,{svgName:g.b.Edit})),o.a.createElement(N.a,{onClick:function(){A.a.logUserAction({id:e.group.id},{entity:O.EntityType.ClassroomGroup,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Delete,location:O.LocationContext.ManageClassroomGroupListItem}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.DELETE_GROUP,args:[e.classroom.id,e.group.id]})}},o.a.createElement(x.a,{svgName:g.b.Delete}))))}function q(e){var a;var t,o=Object(f.a)(E.a.XLDown);return n.createElement(i.a.Provider,{value:"classrooms.manageClassroomGroups"},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"d-flex align-items-center mb-2 ".concat(o?"":"pl-3")},n.createElement("h2",{className:"h6 w-33 mb-0"},n.createElement(i.b,{phrase:"groupName"})),n.createElement("h2",{className:"h6 w-25 mb-0 ml-n1"},n.createElement(i.b,{phrase:"colour"})),n.createElement(T.a,{appLink:(t=e.classroom.id,{application:b.a.CLASSROOMS,action:v.a.Classrooms.NEW_GROUP,args:[t]}),onClick:function(){A.a.logUserAction({classroomId:e.classroom.id},{workflowPhase:O.WorkflowPhase.Start,entity:O.EntityType.ClassroomGroup,actionType:O.UserAction.Create,location:O.LocationContext.ManageClassroomGroups})},className:"btn btn-secondary ml-auto",svgName:g.b.Plus},n.createElement(i.b,{phrase:"createNew"}))),n.createElement("ul",{className:"striped-list list-unstyled"},!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&e.groups.map((function(a){return n.createElement("li",{key:a.id},n.createElement(J,{classroom:e.classroom,group:a}))})))))}var K=t(216),Q=t(1172);function $(e){return o.a.createElement(i.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},o.a.createElement("div",{className:"text-center pt-5"},o.a.createElement(Q.a,{src:K.a.EmptyStates.CLASSROOMS}),o.a.createElement("h2",{className:"h6"},o.a.createElement(i.b,{phrase:"emptyStateHeading"})),o.a.createElement("p",{className:"mb-3"},o.a.createElement(i.b,{phrase:"emptyStateInfo"})),o.a.createElement(T.a,{className:"btn btn-primary",onClick:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.ADD_STUDENTS,args:[e.classroom.id]})},svgName:g.b.Plus},o.a.createElement(i.b,{phrase:"addStudents"}))))}var Z=t(1410),ee=t.n(Z);function ae(){return o.a.createElement("div",{className:"partial-loading-background ".concat(h.a.pillTabSelector," ").concat(ee.a.partialSize)})}var te=t(1411),ne=t.n(te);function oe(){return o.a.createElement("div",{className:"px-3"},o.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(ne.a.heading)}),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.c,{numItems:2})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(ae,null)),o.a.createElement("div",{className:"d-flex align-items-center py-2"},o.a.createElement("div",{className:"mx-4 partial-loading-background ".concat(ne.a.checkbox)}),o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.addStudents)})),o.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,a){return o.a.createElement("li",{key:a},o.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.checkbox)}),o.a.createElement("div",{className:"w-25"},o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.studentName)})),o.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(ne.a.group," ").concat(ne.a.lg)}),o.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(ne.a.group," ").concat(ne.a.sm)})):o.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(ne.a.group," ").concat(ne.a.sm)})),o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.moreActions)})))}))))}var re=t(1412),se=t.n(re);function ce(){return o.a.createElement("div",{className:"px-3"},o.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(se.a.heading)}),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.c,{numItems:2})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(ae,null)),o.a.createElement("div",{className:"py-2"},o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-25 mb-2"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.nameHeading)})),o.a.createElement("div",{className:"w-25 mb-2"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.colourHeading)})),o.a.createElement("div",{className:"partial-loading-background ml-auto ".concat(se.a.newGroup)})),o.a.createElement("ul",{className:"list-unstyled"},Array(8).fill(null).map((function(e,a){return o.a.createElement("li",{key:a,className:"mb-2"},o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-25"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.group)})),o.a.createElement("div",{className:"d-inline-block mr-4"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.colourPicker)})),o.a.createElement("div",{className:"partial-loading-background mr-2 ".concat(se.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.actionIcon)})))})))))}var le=t(1413),ie=t.n(le);t.d(a,"ManageClassroomView",(function(){return ue}));var me=s.a.encloseNamespace("classrooms.manageClassroom");function ue(e){var a,t,n=r.a.useBasicFetch(S.a.getClassroom(e.id)),s=r.a.useBasicFetch(S.a.getClassroomStudents(e.id)),N=r.a.useBasicFetch(S.a.getClassroomGroups(e.id));Object(l.a)(me("students"===e.activeTab?"pageTitleStudents":"pageTitleGroups"));var C=Object(u.a)().hasPermissions,h=Object(f.a)(E.a.SMDown),w=[{label:me(h?"editClassroom":"edit"),appLink:{application:b.a.CLASSROOMS,action:v.a.Classrooms.EDIT_CLASSROOM,args:[e.id]},className:"btn btn-secondary",svgName:g.b.Edit,button:!h},{label:me("delete"),className:"text-danger",appLink:{application:b.a.CLASSROOMS,action:v.a.Classrooms.DELETE_CLASSROOM,args:[e.id]}}];var A=[{name:me("students"),onSelect:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"students"}})},active:"students"===e.activeTab},{name:me("groups"),onSelect:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"groups"}})},active:"groups"===e.activeTab}];return C(m.a.CreateClassrooms)?n.data&&(null===(a=s.data)||void 0===a?void 0:a.data)&&(null===(t=N.data)||void 0===t?void 0:t.data)?o.a.createElement(i.a.Provider,{value:"classrooms.manageClassroom"},o.a.createElement("div",{className:"px-3 position-relative"},o.a.createElement("h1",{className:"mb-1"},n.data.name),o.a.createElement("div",{className:ie.a.actionsContainer},o.a.createElement(p.a,{actions:w,actionsDropdownClassName:"btn btn-secondary"})),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.b,{type:d.a.Static,data:[{name:me("classroomsBreadcrumb")},n.data,{name:me("manageBreadcrumb")}],currentItem:{name:me("manageBreadcrumb")},getItemAppLink:function(e){var a,t;return"id"in e?(null===(t=null===(a=s.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?{application:b.a.CLASSROOMS,action:v.a.Classrooms.CLASSROOM,args:[e.id]}:null:{application:b.a.CLASSROOMS,action:v.a.Classrooms.HOME}}})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(k,{tabs:A})),function(){var a,t;return"students"===e.activeTab?(null===(t=null===(a=s.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?o.a.createElement(Y,{classroom:n.data,students:s.data,groups:N.data.data}):o.a.createElement($,{classroom:n.data}):o.a.createElement(q,{classroom:n.data,groups:N.data.data})}())):"students"===e.activeTab?o.a.createElement(oe,null):o.a.createElement(ce,null):(c.a.ErrorHelper.throw(new y.a),o.a.createElement(o.a.Fragment,null))}ue.defaultProps={activeTab:"students"}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1129:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));var n=t(212),o=t(62),r=t(73);function s(){const e=Object(n.a)(r.a.ALERT);return{success(a){e.success(a)()},error(a){e.error(a)()},warning(a){e.createAlert({type:o.a.Warning,heading:o.c.Warning,message:a})}}}},1131:function(e,a,t){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},1132:function(e,a,t){"use strict";var n=t(0),o=t(188),r=t(317),s=t(46),c=t(48),l=t(66),i=t(59),m=t(17),u=t(1131),d=t.n(u);function p(e){let a="dropdown-item";return e&&(a+=" "+e),a}function g(e){if(e.action.appLink)return n.createElement(i.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer "+p(e.action.className),onClick:function(a){e.action.analyticsData&&e.action.analyticsOptions&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),s.a.isFunction(e.action.onClick)&&e.action.onClick(a)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);let a="dropdown";e.className&&(a+=" "+e.className);const t="actions-dropdown-"+r.a.getRandomInt();let o="dropdown-toggle px-0 "+d.a.dropdownToggle;return e.dropdownToggleClassName&&(o+=" "+e.dropdownToggleClassName),n.createElement("div",{className:a},n.createElement("button",{className:o,type:"button",id:t,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(l.a,{svgName:m.b.More,size:l.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":t},e.actions.map((e,a)=>n.createElement(g,{key:a,action:e}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var E=t(319);function b(e){const a=[],t=[];e.actions.forEach(e=>{e.button?a.push(e):t.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!a.length&&n.createElement("span",{className:d.a.buttonList},a.map((e,a)=>n.createElement(n.Fragment,{key:a},e.label?n.createElement(E.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(o.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions})))),e.sortComponent?e.sortComponent:"",!!t.length&&n.createElement(f,{actions:t,className:!!a.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}t.d(a,"a",(function(){return b}))},1159:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(0);function o(e){return n.createElement("div",{className:"custom-control custom-checkbox "+e.className},n.createElement("input",{type:"checkbox",className:"custom-control-input",id:e.id,name:e.name,checked:e.checked,onChange:e.onChange}),n.createElement("label",{className:"custom-control-label cursor-pointer",htmlFor:e.id},e.label))}o.defaultProps={checked:!1,label:"",className:""}},1172:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(0),o=t.n(n),r=t(1187),s=t.n(r);function c(e){return o.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:e.className})}c.defaultProps={className:"".concat(s.a.image," pb-3")}},1173:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));const n=5,o=50,r=100,s={getPartialLoadingItems(e={}){const{numItems:a=n,minWidth:t=o,maxWidth:s=r}=e;return[...Array(a)].map(()=>({width:Math.max(Math.floor(Math.random()*s),t)+"px"}))}}},1176:function(e,a,t){"use strict";var n=t(0),o=t(46),r=t(72),s=t(143),c=t(1173),l=t(59);const i=({breadcrumb:{label:e,appLink:a,active:t}})=>n.createElement("li",{className:"breadcrumb-item"+(t?" active":"")},t?n.createElement("strong",null,e):n.createElement(l.a,{appLink:a},e)),m=({breadcrumbs:e})=>n.createElement("ol",{className:"breadcrumb m-0 p-0"},e.map((e,a)=>n.createElement(i,{key:a,breadcrumb:e})));var u;function d(e,a,t){return{label:e.name,appLink:a(e),active:t}}function p(e){const{type:a}=e,t=function(e,a){let{currentItem:t}=e;const{getItemAppLink:c,getParent:l,rootItem:i,data:m,subview:u}=e,[p,g]=Object(n.useState)([]),f=null==m?void 0:m.map(e=>null==e?void 0:e.name).join("-");n.useEffect(()=>{if(a||r.a.isEmpty(m))return;const e=m.map((e,a)=>d(e,c,a+1===m.length));i&&e.unshift(i),g(e)},[f,c]),n.useEffect(()=>{if(!a||!o.a.isFunction(l))return;const e=[d(t,c,!0)];for(t=l(t);t;)e.unshift(d(t,c)),t=l(t);return i&&e.unshift(i),g(e)},[t,l,c,i]);const{current:E}=n.useRef({label:u,appLink:null,active:!0});if(u){p.includes(E)||g([...p,E]);const e=p.filter(e=>e.active&&e!==E);e.length&&(s.a.first(e).active=!1)}return p}(e,a===u.Dynamic);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement(m,{breadcrumbs:t}))}t.d(a,"a",(function(){return u})),t.d(a,"b",(function(){return p})),t.d(a,"c",(function(){return g})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(u||(u={}));const g=({numItems:e=3})=>n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},c.a.getPartialLoadingItems({numItems:e}).map(({width:e},a)=>n.createElement("li",{key:a,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:e},dangerouslySetInnerHTML:{__html:"&nbsp"}})))))},1187:function(e,a,t){e.exports={image:"_23Yda"}},1212:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(215);function o(e){switch(e){case n.ClassroomGroupColour.Pink:return"bg-pink";case n.ClassroomGroupColour.Pizazz:return"bg-pizazz";case n.ClassroomGroupColour.Emerald:return"bg-emerald";case n.ClassroomGroupColour.PictonBlue:return"bg-picton-blue";case n.ClassroomGroupColour.EastSide:return"bg-east-side";case n.ClassroomGroupColour.Portage:return"bg-portage";default:return"bg-pink"}}},1227:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),o=t.n(n);function r(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function s(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,o=!1,r=void 0;try{for(var s,c=e[Symbol.iterator]();!(n=(s=c.next()).done)&&(t.push(s.value),!a||t.length!==a);n=!0);}catch(e){o=!0,r=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw r}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return c(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return c(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var l=function(e){var a,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=o.a.useState(!1),c=s(n,2),l=c[0],i=c[1],m=o.a.useState({}),u=s(m,2),d=u[0],p=u[1],g=t.idField,f=void 0===g?"id":g;function E(){var a=!l;i(a);var t=e.reduce((function(e,t){return e[t[f]]=a,e}),{});p(t)}function b(a){var t=!d[a.toString()],n=Object.assign(Object.assign({},d),r({},a.toString(),t));p(n),Object.keys(n).filter((function(e){return n[e]})).length!==e.length?!t&&l&&i(!1):i(!0)}function v(e){return!!l||("string"!=typeof e&&"number"!=typeof e&&(e=e[f]),d[e])}function N(){return l?Object.keys(d):Object.keys(d).filter((function(e){return d[e]}))}return o.a.useEffect((function(){if(null==e?void 0:e.length){var a=e.reduce((function(e,a){var n,o=!1;return(null===(n=null==t?void 0:t.preselectedIds)||void 0===n?void 0:n.includes(a[f]))&&(o=!0),e[a[f].toString()]=o,e}),{});p(a)}}),[e,null===(a=null==t?void 0:t.preselectedIds)||void 0===a?void 0:a.length]),{onToggleBulk:E,onToggleItem:b,getSelected:N,isChecked:v,bulkChecked:l}}},1345:function(e,a,t){e.exports={pillTabSelector:"_33p-_"}},1409:function(e,a,t){e.exports={pill:"_1k1_A"}},1410:function(e,a,t){e.exports={groupColour:"_1hs4t"}},1411:function(e,a,t){e.exports={partialSize:"_1HB_G"}},1412:function(e,a,t){e.exports={heading:"_3W4zl",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},1413:function(e,a,t){e.exports={heading:"_2TMwg",nameHeading:"_1TlYf",colourHeading:"_3_Tfc",newGroup:"_3oBoz",group:"_3aWN8",colourPicker:"_2NcjR",actionIcon:"_3bhju"}},1414:function(e,a,t){e.exports={actionsContainer:"_3wYTF"}},1665:function(e,a,t){"use strict";t.r(a);var n=t(0),o=t.n(n),r=t(19),s=t(9),c=t(2),l=t(315),i=t(94),m=t(104),u=t(164),d=t(1176),p=t(1132),g=t(17),f=t(75),E=t(43),b=t(7),v=t(13),N=t(314),C=t(1345),h=t.n(C);function k(e){return o.a.createElement("nav",null,o.a.createElement("ul",{className:"list-unstyled d-inline-block border border-dark m-0 ".concat(h.a.pillTabSelector)},e.tabs.map((function(e){return o.a.createElement("li",{className:"p-0 ".concat(e.active?"btn btn-primary":"btn btn-secondary"),key:e.name},o.a.createElement(N.a,{className:"cursor-pointer py-1",onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name))}))))}var y=t(165),S=t(321),w=t(80),A=t(48),O=t(3),L=t(1129),T=t(188),x=t(66),M=t(1159),P=t(1227),D=t(40),I=t(59),_=t(1212),U=t(1409),G=t.n(U);function R(e){var a;return e.group?o.a.createElement("div",{className:"".concat(G.a.pill," text-white ").concat(Object(_.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour))},e.group.name):o.a.createElement(o.a.Fragment,null)}var j="classrooms.classroomGroupDropdown";function W(e){var a,t=Object(P.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),n=t.onToggleItem,r=t.isChecked;var s,c,l={alignRight:!!e.alignRight};return e.disabled&&(l.show=!1),o.a.createElement(D.Dropdown,Object.assign({},l),o.a.createElement(D.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," no-caret")},o.a.createElement(x.a,{svgName:g.b.Tag})),o.a.createElement(D.Dropdown.Menu,null,!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&o.a.createElement("div",{className:"px-2 border-bottom pb-1 mb-1"},o.a.createElement("p",{className:"mb-0"},o.a.createElement(i.b,{namespace:j,phrase:"groupAs"})),o.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(a){return o.a.createElement("li",{key:a.id,className:"d-flex align-items-center bg-white my-1"},o.a.createElement(M.a,{id:"".concat(e.id,":").concat(a.id),checked:r(a.id),onChange:function(){return function(a){e.onToggle(a,!r(a.id)),n(a.id)}(a)}}),o.a.createElement(R,{group:a}))})))),o.a.createElement(I.a,{onClick:function(){A.a.logUserAction({},A.a.mergeOptions(e.analyticsOptions,{actionType:O.UserAction.Create,workflowPhase:O.WorkflowPhase.Start,entity:O.EntityType.ClassroomGroup}))},appLink:(s=e.classroom.id,c=e.studentIds,{application:b.a.CLASSROOMS,action:v.a.Classrooms.NEW_GROUP,args:[s],params:{addStudents:c}}),className:"text-nowrap d-flex align-items-center px-2"},o.a.createElement(x.a,{svgName:g.b.Plus}),o.a.createElement(i.b,{namespace:j,phrase:"createNew"}))))}W.defaultProps={preselections:[]};var F=t(144),H=s.a.encloseNamespace("classrooms.manageClassroomStudentItem");function B(e){var a,t,n,s=Object(w.useDispatch)(),c=Object(L.a)(),l=e.groups.filter((function(a){var t,n;if(null===(n=null===(t=a.users)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)return!!a.users.data.find((function(a){return a.id===e.student.id}))}));return o.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},o.a.createElement(M.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),o.a.createElement("p",{className:"mb-0 w-25 text-truncate text-nowrap"},e.student.name," ",e.student.surname),o.a.createElement("div",{className:"mr-auto d-flex flex-wrap mt-n1"},!!l.length&&l.map((function(e){return o.a.createElement("div",{key:e.id,className:"mr-1 mt-1"},o.a.createElement(R,{group:e}))}))),o.a.createElement(W,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.groups,studentIds:[e.student.id],preselections:l,onToggle:function(a,t){return function(a,t,n){n?r.a.fetch(s,S.a.addStudentsToGroup([a.id],t.id,e.classroom.id,(function(){A.a.logUserAction({id:t.id,studentCount:1},{actionType:O.UserAction.Associate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudentListItem}),c.success(H("addSuccess",{studentName:a.name,groupName:t.name}))}),(function(){c.error(H("addError",{studentName:a.name,groupName:t.name}))}))):r.a.fetch(s,S.a.removeStudentsFromGroup([a.id],t.id,e.classroom.id,(function(){A.a.logUserAction({id:t.id,studentCount:1},{actionType:O.UserAction.Dissociate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudentListItem}),c.success(H("removeSuccess",{studentName:a.name,groupName:t.name}))}),(function(){c.error(H("removeError",{studentName:a.name,groupName:t.name}))})))}(e.student,a,t)},analyticsOptions:{location:O.LocationContext.ManageClassroomStudentListItem},alignRight:!0}),o.a.createElement(p.a,{actions:[{label:H("editStudent"),appLink:(n=e.student.id,{application:b.a.USER_MANAGER,action:v.a.UserManager.EDIT_USER,args:[n],params:{userType:F.a.Learner}}),onClick:function(){A.a.logUserAction({id:e.student.id},{actionType:O.UserAction.Edit,entity:O.EntityType.User,workflowPhase:O.WorkflowPhase.Start,location:O.LocationContext.ManageClassroomStudentListItem})}},{label:H("removeStudent"),appLink:(a=e.student.id,t=e.classroom.id,{application:b.a.CLASSROOMS,action:v.a.Classrooms.REMOVE_STUDENTS,args:[t],params:{studentIds:[a]}}),className:"text-danger",onClick:function(){A.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:O.UserAction.Dissociate,entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,location:O.LocationContext.ManageClassroomStudentListItem})}}],actionsDropdownClassName:"btn"}))}var z=s.a.encloseNamespace("classrooms.manageClassroomStudents");function Y(e){var a=e.classroom,t=e.students,o=e.groups,s=Object(w.useDispatch)(),l=Object(L.a)(),m=Object(P.a)(t.data),u=m.onToggleBulk,d=m.onToggleItem,p=m.getSelected,C=m.isChecked,h=m.bulkChecked,k=p().length,y=o.filter((function(e){var a,t;if(!(null===(t=null===(a=e.users)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length))return!1;var n=!0,o=0,r=p();if(r.length){var s=function(){var a=r[o];e.users.data.find((function(e){return e.id.toString()===a.toString()}))||(n=!1),o++};do{s()}while(o<r.length);return n}}));var D=Object(f.a)(E.a.XLDown);return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(D?"pl-2":"pl-4")},n.createElement(M.a,{id:"manage-classroom-students-bulk",onChange:u,checked:h,className:"mr-2"}),n.createElement(W,{id:"bulk-add-group",classroom:a,studentIds:p(),groups:o,onToggle:function(e,t){var n=p();t?r.a.fetch(s,S.a.addStudentsToGroup(n,e.id,a.id,(function(){A.a.logUserAction({id:e.id,studentCount:n.length},{actionType:O.UserAction.Associate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudents}),l.success(z("addSuccess",{groupName:e.name}))}),(function(){l.error(z("addError",{groupName:e.name}))}))):r.a.fetch(s,S.a.removeStudentsFromGroup(n,e.id,a.id,(function(){A.a.logUserAction({id:e.id,studentCount:n.length},{actionType:O.UserAction.Dissociate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudents}),l.success(z("removeSuccess",{groupName:e.name}))}),(function(){l.error(z("removeError",{groupName:e.name}))})))},disabled:!k,preselections:y,analyticsOptions:{location:O.LocationContext.ManageClassroomStudents}}),n.createElement(N.a,{className:"mr-auto ".concat(k?"":"text-light cursor-default"),onClick:function(){k&&(A.a.logUserAction({id:a.id},{entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Dissociate,location:O.LocationContext.ManageClassroomStudents}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:p()}}))}},n.createElement(x.a,{svgName:g.b.Delete})),n.createElement(T.a,{onClick:function(){A.a.logUserAction({id:a.id},{entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Associate,location:O.LocationContext.ManageClassroomStudents}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.ADD_STUDENTS,args:[a.id]})},svgName:g.b.Plus,className:"btn btn-secondary"},n.createElement(i.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},t.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(B,{classroom:a,student:t,groups:e.groups,checked:C(t.id),onToggleCheckbox:function(){return d(t.id)}}))}))))}var V=t(1410),X=t.n(V);function J(e){var a;return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"d-flex align-items-center px-3 py-1"},o.a.createElement("p",{className:"w-33 m-0"},e.group.name),o.a.createElement("div",{className:"d-inline-block mr-auto ml-2 ".concat(Object(_.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour)," ").concat(X.a.groupColour)}),o.a.createElement(N.a,{className:"mr-2",onClick:function(){A.a.logUserAction({id:e.group.id},{entity:O.EntityType.ClassroomGroup,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Edit,location:O.LocationContext.ManageClassroomGroupListItem}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.EDIT_GROUP,args:[e.classroom.id,e.group.id]})}},o.a.createElement(x.a,{svgName:g.b.Edit})),o.a.createElement(N.a,{onClick:function(){A.a.logUserAction({id:e.group.id},{entity:O.EntityType.ClassroomGroup,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Delete,location:O.LocationContext.ManageClassroomGroupListItem}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.DELETE_GROUP,args:[e.classroom.id,e.group.id]})}},o.a.createElement(x.a,{svgName:g.b.Delete}))))}function q(e){var a;var t,o=Object(f.a)(E.a.XLDown);return n.createElement(i.a.Provider,{value:"classrooms.manageClassroomGroups"},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"d-flex align-items-center mb-2 ".concat(o?"":"pl-3")},n.createElement("h2",{className:"h6 w-33 mb-0"},n.createElement(i.b,{phrase:"groupName"})),n.createElement("h2",{className:"h6 w-25 mb-0 ml-n1"},n.createElement(i.b,{phrase:"colour"})),n.createElement(T.a,{appLink:(t=e.classroom.id,{application:b.a.CLASSROOMS,action:v.a.Classrooms.NEW_GROUP,args:[t]}),onClick:function(){A.a.logUserAction({classroomId:e.classroom.id},{workflowPhase:O.WorkflowPhase.Start,entity:O.EntityType.ClassroomGroup,actionType:O.UserAction.Create,location:O.LocationContext.ManageClassroomGroups})},className:"btn btn-secondary ml-auto",svgName:g.b.Plus},n.createElement(i.b,{phrase:"createNew"}))),n.createElement("ul",{className:"striped-list list-unstyled"},!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&e.groups.map((function(a){return n.createElement("li",{key:a.id},n.createElement(J,{classroom:e.classroom,group:a}))})))))}var K=t(216),Q=t(1172);function $(e){return o.a.createElement(i.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},o.a.createElement("div",{className:"text-center pt-5"},o.a.createElement(Q.a,{src:K.a.EmptyStates.CLASSROOMS}),o.a.createElement("h2",{className:"h6"},o.a.createElement(i.b,{phrase:"emptyStateHeading"})),o.a.createElement("p",{className:"mb-3"},o.a.createElement(i.b,{phrase:"emptyStateInfo"})),o.a.createElement(T.a,{className:"btn btn-primary",onClick:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.ADD_STUDENTS,args:[e.classroom.id]})},svgName:g.b.Plus},o.a.createElement(i.b,{phrase:"addStudents"}))))}var Z=t(1411),ee=t.n(Z);function ae(){return o.a.createElement("div",{className:"partial-loading-background ".concat(h.a.pillTabSelector," ").concat(ee.a.partialSize)})}var te=t(1412),ne=t.n(te);function oe(){return o.a.createElement("div",{className:"px-3"},o.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(ne.a.heading)}),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.c,{numItems:2})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(ae,null)),o.a.createElement("div",{className:"d-flex align-items-center py-2"},o.a.createElement("div",{className:"mx-4 partial-loading-background ".concat(ne.a.checkbox)}),o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.addStudents)})),o.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,a){return o.a.createElement("li",{key:a},o.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.checkbox)}),o.a.createElement("div",{className:"w-25"},o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.studentName)})),o.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(ne.a.group," ").concat(ne.a.lg)}),o.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(ne.a.group," ").concat(ne.a.sm)})):o.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(ne.a.group," ").concat(ne.a.sm)})),o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.moreActions)})))}))))}var re=t(1413),se=t.n(re);function ce(){return o.a.createElement("div",{className:"px-3"},o.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(se.a.heading)}),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.c,{numItems:2})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(ae,null)),o.a.createElement("div",{className:"py-2"},o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-25 mb-2"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.nameHeading)})),o.a.createElement("div",{className:"w-25 mb-2"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.colourHeading)})),o.a.createElement("div",{className:"partial-loading-background ml-auto ".concat(se.a.newGroup)})),o.a.createElement("ul",{className:"list-unstyled"},Array(8).fill(null).map((function(e,a){return o.a.createElement("li",{key:a,className:"mb-2"},o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-25"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.group)})),o.a.createElement("div",{className:"d-inline-block mr-4"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.colourPicker)})),o.a.createElement("div",{className:"partial-loading-background mr-2 ".concat(se.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.actionIcon)})))})))))}var le=t(1414),ie=t.n(le);t.d(a,"ManageClassroomView",(function(){return ue}));var me=s.a.encloseNamespace("classrooms.manageClassroom");function ue(e){var a,t,n=r.a.useBasicFetch(S.a.getClassroom(e.id)),s=r.a.useBasicFetch(S.a.getClassroomStudents(e.id)),N=r.a.useBasicFetch(S.a.getClassroomGroups(e.id));Object(l.a)(me("students"===e.activeTab?"pageTitleStudents":"pageTitleGroups"));var C=Object(u.a)().hasPermissions,h=Object(f.a)(E.a.SMDown),w=[{label:me(h?"editClassroom":"edit"),appLink:{application:b.a.CLASSROOMS,action:v.a.Classrooms.EDIT_CLASSROOM,args:[e.id]},className:"btn btn-secondary",svgName:g.b.Edit,button:!h},{label:me("delete"),className:"text-danger",appLink:{application:b.a.CLASSROOMS,action:v.a.Classrooms.DELETE_CLASSROOM,args:[e.id]}}];var A=[{name:me("students"),onSelect:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"students"}})},active:"students"===e.activeTab},{name:me("groups"),onSelect:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"groups"}})},active:"groups"===e.activeTab}];return C(m.a.CreateClassrooms)?n.data&&(null===(a=s.data)||void 0===a?void 0:a.data)&&(null===(t=N.data)||void 0===t?void 0:t.data)?o.a.createElement(i.a.Provider,{value:"classrooms.manageClassroom"},o.a.createElement("div",{className:"px-3 position-relative"},o.a.createElement("h1",{className:"mb-1"},n.data.name),o.a.createElement("div",{className:ie.a.actionsContainer},o.a.createElement(p.a,{actions:w,actionsDropdownClassName:"btn btn-secondary"})),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.b,{type:d.a.Static,data:[{name:me("classroomsBreadcrumb")},n.data,{name:me("manageBreadcrumb")}],currentItem:{name:me("manageBreadcrumb")},getItemAppLink:function(e){var a,t;return"id"in e?(null===(t=null===(a=s.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?{application:b.a.CLASSROOMS,action:v.a.Classrooms.CLASSROOM,args:[e.id]}:null:{application:b.a.CLASSROOMS,action:v.a.Classrooms.HOME}}})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(k,{tabs:A})),function(){var a,t;return"students"===e.activeTab?(null===(t=null===(a=s.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?o.a.createElement(Y,{classroom:n.data,students:s.data,groups:N.data.data}):o.a.createElement($,{classroom:n.data}):o.a.createElement(q,{classroom:n.data,groups:N.data.data})}())):"students"===e.activeTab?o.a.createElement(oe,null):o.a.createElement(ce,null):(c.a.ErrorHelper.throw(new y.a),o.a.createElement(o.a.Fragment,null))}ue.defaultProps={activeTab:"students"}}}]);