@clickview/lite 0.0.22 → 0.0.23-rc.1

package/dist/scripts/{31-b251e1cc9f.chunk.js → 30-e946aed3aa.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[31],{1249:function(e,a,t){"use strict";t.r(a);var r=t(0),n=t.n(r),o=t(59),s=t(2),i=t(14),c=t(9),l=t(88),u=t(81),d=t(786),m=t(857),p=t(6),f=t(13),v=t(864),h=t(243),y=t(244),g=t(950),k=t(788),b=t(824),E=t(50),S=t(12),w=t(787);function C(e){var a=e.error?"p-2 text-danger font-weight-bold":"p-2",t=e.error||e.data;return n.a.createElement("td",{className:a},n.a.createElement("span",{className:""},t))}function O(e){var a,t=e.teacher,r=e.errors,o=e.onClickEdit,s=e.onClickDelete;return n.a.createElement("tr",null,n.a.createElement(C,{data:t.name,error:r.name}),n.a.createElement(C,{data:t.surname,error:r.surname}),n.a.createElement(C,{data:null===(a=t.userRole)||void 0===a?void 0:a.name,error:r.userRole}),n.a.createElement(C,{data:t.email,error:r.email}),n.a.createElement("td",{className:"p-2 d-flex justify-content-end"},n.a.createElement(w.a,{className:"mr-2 cursor-pointer",onClick:function(){return o(t)}},n.a.createElement(E.a,{svgName:S.b.Edit})),n.a.createElement(w.a,{className:"cursor-pointer",onClick:function(){return s(t)}},n.a.createElement(E.a,{svgName:S.b.Delete}))))}function U(e){var a=n.a.useContext(b.a).state;return n.a.createElement(u.a.Provider,{value:"userManager.teacherReviewTable"},n.a.createElement("table",{className:"w-100"},n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",{className:"p-2"},n.a.createElement(u.b,{phrase:"firstName"})),n.a.createElement("th",{className:"p-2"},n.a.createElement(u.b,{phrase:"lastName"})),n.a.createElement("th",{className:"p-2"},n.a.createElement(u.b,{phrase:"userRole"})),n.a.createElement("th",{className:"p-2"},n.a.createElement(u.b,{phrase:"email"})),n.a.createElement("th",{className:"p-2"}," "))),n.a.createElement("tbody",{className:"striped-list"},e.teachers.map((function(t,r){var o;return n.a.createElement(O,{key:t.lookupId,teacher:t,errors:(null===(o=a.invalidUsers[t.lookupId])||void 0===o?void 0:o.errors)||{},onClickEdit:e.onClickEdit,onClickDelete:e.onClickDelete})})))))}var A=t(225),R=t(232),N=t(47),P=t(3),T="userManager.deleteUploadedTeacherPopup",j=c.a.encloseNamespace(T);function x(e){var a,t=n.a.useContext(b.a).dispatch,r=Object(d.a)();var o=[{variant:"link",onClick:e.closePopup,buttonText:j("cancel")},{variant:"danger",onClick:function(){t({type:"delete",payload:e.teacher}),N.a.logUserAction({},N.a.mergeOptions(e.analyticsOptions,{workflowPhase:P.o.Discard,descriptor:P.k.Single})),r.success(j("success")),e.closePopup()},buttonText:j("delete")}];return n.a.createElement(u.a.Provider,{value:T},n.a.createElement(A.a,{title:j("title"),closePopup:e.closePopup},n.a.createElement("p",{className:"m-0 pb-1"},n.a.createElement(u.b,{phrase:"confirmation"})),n.a.createElement("ul",null,n.a.createElement("li",null,n.a.createElement(u.b,{phrase:"firstName",options:{firstName:e.teacher.name}})),n.a.createElement("li",null,n.a.createElement(u.b,{phrase:"lastName",options:{lastName:e.teacher.surname}})),n.a.createElement("li",null,n.a.createElement(u.b,{phrase:"userRole",options:{userRole:null===(a=e.teacher.userRole)||void 0===a?void 0:a.name}})),n.a.createElement("li",null,n.a.createElement(u.b,{phrase:"email",options:{email:e.teacher.email}}))),n.a.createElement(R.a,{buttons:o})))}var I=t(951),L=t(807);function M(e,a){var t;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(t=K(e))||a&&e&&"number"==typeof e.length){t&&(e=t);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,i=!1;return{s:function(){t=e[Symbol.iterator]()},n:function(){var e=t.next();return s=e.done,e},e:function(e){i=!0,o=e},f:function(){try{s||null==t.return||t.return()}finally{if(i)throw o}}}}function B(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=[],r=!0,n=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(t.push(s.value),!a||t.length!==a);r=!0);}catch(e){n=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(n)throw o}}return t}(e,a)||K(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 K(e,a){if(e){if("string"==typeof e)return H(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?H(e,a):void 0}}function H(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}t.d(a,"TeacherUploadReviewView",(function(){return F}));var D=function(e,a,t,r){return new(t||(t=Promise))((function(n,o){function s(e){try{c(r.next(e))}catch(e){o(e)}}function i(e){try{c(r.throw(e))}catch(e){o(e)}}function c(e){var a;e.done?n(e.value):(a=e.value,a instanceof t?a:new t((function(e){e(a)}))).then(s,i)}c((r=r.apply(e,a||[])).next())}))},Y=c.a.encloseNamespace("userManager.teacherUploadReview");function J(e){return Object.keys(e.invalidUsers).length}function F(e){var a=B(Object(l.a)("bulk:teacher:upload"),2),t=a[0],r=a[1],c=B(n.a.useState(!0),2),E=c[0],S=c[1],w=B(n.a.useState(),2),C=w[0],O=w[1],A=B(n.a.useState(),2),R=A[0],T=A[1],j=B(n.a.useState(1),2),K=j[0],H=j[1],F=B(n.a.useState([]),2),_=F[0],q=F[1],G=B(n.a.useReducer(b.b,null),2),V=G[0],z=G[1],W=Object(o.useDispatch)(),$=Object(d.a)(),Q=Object(h.a)(),X=i.a.useBasicFetch(k.a.getUserRoles());function Z(){return E?Math.ceil(J(V)/25):Math.ceil(V.users.length/25)}return n.a.useEffect((function(){if(X.data&&!V)if(t){var a=Object(g.b)(X.data);!function(){D(this,void 0,void 0,regeneratorRuntime.mark((function n(){var o,s,i,c;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:o={},s=M(t),n.prev=2,s.s();case 4:if((i=s.n()).done){n.next=16;break}return c=i.value,n.prev=6,n.next=9,a.validate(c,{abortEarly:!1});case 9:n.next=14;break;case 11:n.prev=11,n.t0=n.catch(6),o[c.lookupId]={user:c,errors:n.t0.inner.reduce((function(e,a){return e[a.path.split(".")[0]]=a.message,e}),{})};case 14:n.next=4;break;case 16:n.next=21;break;case 18:n.prev=18,n.t1=n.catch(2),s.e(n.t1);case 21:return n.prev=21,s.f(),n.finish(21);case 24:N.a.logUserAction({totalUploaded:t.length,totalInvalid:o.length},N.a.mergeOptions(e.analyticsOptions,{workflowPhase:P.o.Start,descriptor:P.k.Bulk})),z({type:"init",payload:{users:t,invalidUsers:o}}),r(null);case 27:case"end":return n.stop()}}),n,null,[[2,18,21,24],[6,11]])})))}(),Q.lock({id:"teacher-upload-review",title:Y("navLockTitle"),text:Y("navLockBody"),onConfirmUnlock:function(){N.a.logUserAction({},N.a.mergeOptions(e.analyticsOptions,{workflowPhase:P.o.Discard,descriptor:P.k.Bulk}))}})}else s.a.AppLinkHelper.trigger({application:p.a.USER_MANAGER,action:f.a.UserManager.TEACHERS},{replace:!0})}),[t,X.data]),n.a.useEffect((function(){var e;if(V&&(null===(e=V.users)||void 0===e?void 0:e.length)){var a=(E?Object.keys(V.invalidUsers).map((function(e){return V.invalidUsers[e].user})):V.users).slice(25*(K-1),25*K);q(a);var t=Z();t&&K>t&&H(t)}}),[E,K,V]),n.a.useEffect((function(){V&&!J(V)&&S(!1)}),[V]),n.a.useEffect((function(){var e;V&&!(null===(e=V.users)||void 0===e?void 0:e.length)&&(Q.unlock("teacher-upload-review"),s.a.AppLinkHelper.trigger({application:p.a.USER_MANAGER,action:f.a.UserManager.TEACHERS}))}),[V]),V?n.a.createElement(u.a.Provider,{value:"userManager.teacherUploadReview"},n.a.createElement(b.a.Provider,{value:{state:V,dispatch:z}},n.a.createElement("div",{className:"d-flex justify-content-between align-items-center"},n.a.createElement("h1",null,n.a.createElement(u.b,{phrase:"heading"})),n.a.createElement("button",{className:"btn btn-dark ".concat(J(V)?"disabled":""),onClick:function(){J(V)||y.a.render(n.a.createElement("p",null,n.a.createElement(u.b,{namespace:"userManager.teacherUploadReview",phrase:"saveConfirmationBody",options:{smartCount:V.users.length}})),{title:Y("saveConfirmationHeading"),buttons:[y.a.getCancelDefault(),{variant:"dark",success:!0,onClick:function(){return function(){if(J(V))return;i.a.fetch(W,k.a.bulkCreateTeachers(V.users,(function(){$.success(Y("success")),N.a.logUserAction({count:V.users.length},N.a.mergeOptions(e.analyticsOptions,{workflowPhase:P.o.Complete,descriptor:P.k.Bulk}))}),(function(){$.error(Y("error"))}),(function(){Q.unlock("teacher-upload-review"),s.a.AppLinkHelper.trigger({application:p.a.USER_MANAGER,action:f.a.UserManager.TEACHERS})})))}()},buttonText:Y("save")}]})}},n.a.createElement(u.b,{phrase:"save"}))),!!J(V)&&n.a.createElement("p",{className:"mb-1"},n.a.createElement(u.b,{phrase:"reviewCount",options:{smartCount:J(V)}})),n.a.createElement("div",{className:"d-flex align-items-center flex-wrap"},n.a.createElement("p",{className:"pr-3 mb-0"},n.a.createElement(u.b,{phrase:"switchLabel"})),n.a.createElement(v.a,{onClick:function(){S(!E),H(1),N.a.logUserAction({hideValidListings:!E},N.a.mergeOptions(e.analyticsOptions,{actionType:P.n.Click,workflowPhase:P.o.Complete,descriptor:P.b.ToggleHideValidListings}))},on:E,disabled:!J(V)})),n.a.createElement("main",{className:"pt-2 pb-3"},n.a.createElement(U,{teachers:_,onClickEdit:function(e){O(e)},onClickDelete:function(e){T(e)}}),n.a.createElement(m.a,{className:"py-2 float-right",onClickNext:function(){return H(K+1)},onClickBack:function(){return H(K-1)},currentPage:K,totalPages:Z()})),!!C&&n.a.createElement(I.a,{user:C,closePopup:function(){O(null),e.closePopup()},title:Y("editTeacher"),userType:L.a.Teacher,analyticsOptions:N.a.mergeOptions(e.analyticsOptions,{actionType:P.n.Edit})}),!!R&&n.a.createElement(x,{teacher:R,closePopup:function(){e.closePopup(),T(null)},analyticsOptions:e.analyticsOptions}))):n.a.createElement(n.a.Fragment,null)}},788:function(e,a,t){"use strict";t.d(a,"a",(function(){return u}));var r=t(14),n=t(82),o=t(21),s=t(796),i=t(790),c=t(791),l=t(792),u={getSchoolStudents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.filter,t=void 0===a?"":a,o=e.q,c=void 0===o?"":o,l=e.query,u=void 0===l?"":l,d=e.cursor,m=void 0===d?"1":d;return{url:n.a.urlBuilder("api/domain/v1/school/:id/students",e),key:"school:students:".concat(c,":").concat(u,":").concat(t,":").concat(m),successResponse:function(){var e=s.a.revertFilterString(t),a=r.a.Simulator.getAll("school:students",i).filter((function(a){var r,n;return!(c&&!a.name.toLowerCase().includes(c.toLowerCase()))&&(!t||(!e.yearLevel||e.yearLevel===a.yearLevel.id)&&!((null===(r=e.classroom)||void 0===r?void 0:r.length)&&!e.classroom.includes(null===(n=a.classroom)||void 0===n?void 0:n.id)))})),n=s.a.convertWithStatementToObject(u),o=n.sortValue||"name",l=a.sort((function(e,a){return e[o].toLowerCase()<a[o].toLowerCase()?-1:e[o].toLowerCase()>a[o].toLowerCase()?1:0}));n.sortKey&&"orderbydesc"===n.sortKey&&(l=l.reverse());var d=l.slice(25*(+m-1),25*+m),p=l.slice(25*+m).length?+m+1:void 0,f="1"===m?void 0:+m-1;return d.length||(d=l.slice(0,25),p=l.slice(25).length?2:void 0,f=void 0),{data:d,pagination:{cursors:{next:p,previous:f}},count:l.length}},timeout:500}},tempGetAllStudents:function(){return{url:"",key:"get:all:dem:students",successResponse:function(){return r.a.Simulator.getAll("school:students")}}},removeStudentsFromSchool:function(e,a){return{url:"",key:"remove:school:students",invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.delete("school:students",e),{}},always:a}},getStudent:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"students:".concat(e),successResponse:function(){return r.a.Simulator.get("school:students",e)}}},createStudent:function(e,a,t){return{url:"/api/domain/v1/users",key:"create:student",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.create("school:students",e)},success:a,error:t}},bulkCreateStudents:function(e,a,t,n){return{url:"/api/domain/v1/users",key:"create:students",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:students",e)})),e},success:a,error:t,always:n}},updateStudent:function(e,a,t){return{url:"/api/domain/v1/users",key:"edit:student",type:o.a.PUT,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.update("school:students",e)},success:a,error:t}},getSchoolTeachers:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.filter,t=void 0===a?"":a,o=e.q,s=void 0===o?"":o,i=e.query,l=void 0===i?"":i,u=e.cursor,d=void 0===u?"":u;return{url:n.a.urlBuilder("api/domain/v1/school/:id/teachers",e),key:"school:teachers:".concat(s,":").concat(l,":").concat(t,":").concat(d),successResponse:function(){var e=r.a.Simulator.getAll("school:teachers",c);return{data:e,pagination:{cursors:{}},count:e.length}},timeout:2e3}},removeTeachersFromSchool:function(e,a){return{url:"",key:"remove:school:teachers",invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.delete("school:teachers",e),{}},always:a}},getTeacher:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"teachers:".concat(e),successResponse:function(){return r.a.Simulator.get("school:teachers",e)}}},createTeacher:function(e,a,t){return{url:"/api/domain/v1/users",key:"create:teacher",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.create("school:teachers",e)},success:a,error:t}},bulkCreateTeachers:function(e,a,t,n){return{url:"/api/domain/v1/users",key:"create:teachers",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:teachers",e)})),e},success:a,error:t,always:n}},updateTeacher:function(e,a,t){return{url:"/api/domain/v1/users",key:"edit:teacher",type:o.a.PUT,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.update("school:teachers",e)},success:a,error:t}},getUserRoles:function(){return{url:"/api/domain/v1/users/roles",key:"user:roles",successResponse:function(){return r.a.Simulator.getAll("user:roles",l)}}},getStudentsGroups:function(e){return{url:"/api/domain/v1/users/".concat(e,"/groups"),key:"user:".concat(e,":groups"),successResponse:function(){return r.a.Simulator.getAll("groups").filter((function(a){return!!a.students.find((function(a){return a.id===e}))}))}}}}},790:function(e){e.exports=JSON.parse('[{"username":"Joosh","name":"Joshua","surname":"Taylor","email":"joshua.taylor@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-c","name":"Classroom 2-C"}},{"username":"Shale","name":"Shale","surname":"Kuzmanovski","email":"shale.kuzmanovski@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Mike","name":"Michael","surname":"O\'McDonald","email":"michael.mcdonnell@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Met","name":"Matt","surname":"Trengrove","email":"matt@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-b","name":"Classroom 2-B"}},{"username":"Big Kev","name":"Don Kevin","surname":"Wellalagodage","email":"kevin.wellalagoladegelagodage@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 1"},"classroom":{"id":"classroom-1-a","name":"Classroom 1-A"}}]')},791:function(e){e.exports=JSON.parse('[{"username":"beb","name":"Beverly","surname":"Li","email":"beverly.li@clickview.com.au","userRole":{"id":"assistant-principal","name":"Assistant Principal"}},{"username":"Bort","name":"Cameron","surname":"Hill","email":"cameron.hill@clickview.com.au","userRole":{"id":"principal","name":"Principal"}},{"username":"jaynice","name":"Janice","surname":"Quach","email":"janice.quach@clickview.com.au","userRole":{"id":"head-of-science","name":"Head of Science"}},{"username":"bread","name":"Prad","surname":"Nepal","email":"prad.nepal@clickview.com.au","userRole":{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}}]')},792:function(e){e.exports=JSON.parse('[{"id":"teacher","name":"Teacher"},{"id":"assistant-principal","name":"Assistant Principal"},{"id":"principal","name":"Principal"},{"id":"head-of-science","name":"Head of Science"},{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}]')},818:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var r=t(14),n=t(823),o={getAll:function(){return{url:"/api/domain/v1/yearlevels",key:"yearlevels",successResponse:function(){return r.a.Simulator.getAll("year:levels",n)}}}}},823:function(e){e.exports=JSON.parse('[{"id":"kindergarten","name":"Kindergarten"},{"id":"year-1","name":"Year 1"},{"id":"year-2","name":"Year 2"},{"id":"year-3","name":"Year 3"},{"id":"year-4","name":"Year 4"},{"id":"year-5","name":"Year 5"},{"id":"year-6","name":"Year 6"}]')},824:function(e,a,t){"use strict";t.d(a,"a",(function(){return n})),t.d(a,"b",(function(){return o}));var r=t(0),n=Object(r.createContext)(null);function o(e,a){switch(a.type){case"init":return a.payload;case"save":var t=a.payload;return{users:e.users.map((function(e){return e.lookupId!==t.lookupId?e:t})),invalidUsers:Object.keys(e.invalidUsers).reduce((function(a,r){return r!==t.lookupId&&(a[r]=e.invalidUsers[r]),a}),{})};case"delete":var r=a.payload;return{users:e.users.filter((function(e){return e.lookupId!==r.lookupId})),invalidUsers:Object.keys(e.invalidUsers).reduce((function(a,t){return t!==r.lookupId&&(a[t]=e.invalidUsers[t]),a}),{})};default:return e}}},950:function(e,a,t){"use strict";var r=t(848);t.d(a,"a",(function(){return r.a})),t.d(a,"b",(function(){return r.b}))},951:function(e,a,t){"use strict";t.d(a,"a",(function(){return k}));var r=t(0),n=t.n(r),o=t(9),s=t(14),i=t(47),c=t(3),l=t(225),u=t(786),d=t(912),m=t(818),p=t(824),f=t(807),v=t(856),h=t(788);function y(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=[],r=!0,n=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(t.push(s.value),!a||t.length!==a);r=!0);}catch(e){n=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(n)throw o}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return g(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 g(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 g(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}function k(e){var a=n.a.useContext(p.a),t=a.state,r=a.dispatch,g=y(n.a.useState(!!t.invalidUsers[e.user.lookupId]),2),k=g[0],b=g[1],E=y(n.a.useState(e.user.lookupId),2),S=E[0],w=E[1],C=s.a.useBasicFetch(m.a.getAll()),O=s.a.useBasicFetch(h.a.getUserRoles()),U=Object(u.a)();n.a.useEffect((function(){b(!!t.invalidUsers[e.user.lookupId]),i.a.logUserAction({isInvalid:!!t.invalidUsers[e.user.lookupId],data:e.user},i.a.mergeOptions(e.analyticsOptions,{workflowPhase:c.o.Start}))}),[e.user]);var A=t.invalidUsers[S];if(k&&!A)return n.a.createElement(n.a.Fragment,null);var R={user:k?A.user:e.user,initialErrors:k?A.errors:{},saveUser:function(a){if(k){var n=Object.keys(t.invalidUsers),s=n.indexOf(S),l=n[s+1]||n[0];w(l)}var u=k?A.user.lookupId:e.user.lookupId;r({type:"save",payload:Object.assign(Object.assign({},a),{lookupId:u})}),i.a.logUserAction({isInvalid:!1,data:a},i.a.mergeOptions(e.analyticsOptions,{workflowPhase:c.o.Complete})),U.success(o.a.getPhrase("userManager.editUploadedUserPopup","success")),k&&Object.keys(t.invalidUsers).length||e.closePopup()},onClickCancel:e.closePopup,hasNext:k&&Object.keys(t.invalidUsers).length>1};return e.userType===f.a.Student?R.yearLevels=C.data:R.userRoles=O.data,n.a.createElement(l.a,{closePopup:e.closePopup,title:e.title},e.userType===f.a.Student?n.a.createElement(d.a,Object.assign({},R)):n.a.createElement(v.a,Object.assign({},R)))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[30],{1256:function(e,a,t){"use strict";t.r(a);var r=t(0),n=t.n(r),o=t(59),s=t(2),i=t(14),c=t(9),l=t(88),u=t(81),d=t(791),m=t(864),p=t(6),f=t(13),v=t(871),h=t(244),y=t(245),g=t(956),k=t(793),b=t(831),E=t(50),S=t(12),w=t(792);function C(e){var a=e.error?"p-2 text-danger font-weight-bold":"p-2",t=e.error||e.data;return n.a.createElement("td",{className:a},n.a.createElement("span",{className:""},t))}function O(e){var a,t=e.teacher,r=e.errors,o=e.onClickEdit,s=e.onClickDelete;return n.a.createElement("tr",null,n.a.createElement(C,{data:t.name,error:r.name}),n.a.createElement(C,{data:t.surname,error:r.surname}),n.a.createElement(C,{data:null===(a=t.userRole)||void 0===a?void 0:a.name,error:r.userRole}),n.a.createElement(C,{data:t.email,error:r.email}),n.a.createElement("td",{className:"p-2 d-flex justify-content-end"},n.a.createElement(w.a,{className:"mr-2 cursor-pointer",onClick:function(){return o(t)}},n.a.createElement(E.a,{svgName:S.b.Edit})),n.a.createElement(w.a,{className:"cursor-pointer",onClick:function(){return s(t)}},n.a.createElement(E.a,{svgName:S.b.Delete}))))}function U(e){var a=n.a.useContext(b.a).state;return n.a.createElement(u.a.Provider,{value:"userManager.teacherReviewTable"},n.a.createElement("table",{className:"w-100"},n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",{className:"p-2"},n.a.createElement(u.b,{phrase:"firstName"})),n.a.createElement("th",{className:"p-2"},n.a.createElement(u.b,{phrase:"lastName"})),n.a.createElement("th",{className:"p-2"},n.a.createElement(u.b,{phrase:"userRole"})),n.a.createElement("th",{className:"p-2"},n.a.createElement(u.b,{phrase:"email"})),n.a.createElement("th",{className:"p-2"}," "))),n.a.createElement("tbody",{className:"striped-list"},e.teachers.map((function(t,r){var o;return n.a.createElement(O,{key:t.lookupId,teacher:t,errors:(null===(o=a.invalidUsers[t.lookupId])||void 0===o?void 0:o.errors)||{},onClickEdit:e.onClickEdit,onClickDelete:e.onClickDelete})})))))}var A=t(227),R=t(232),N=t(37),P=t(3),T="userManager.deleteUploadedTeacherPopup",j=c.a.encloseNamespace(T);function x(e){var a,t=n.a.useContext(b.a).dispatch,r=Object(d.a)();var o=[{variant:"link",onClick:e.closePopup,buttonText:j("cancel")},{variant:"danger",onClick:function(){t({type:"delete",payload:e.teacher}),N.a.logUserAction({},N.a.mergeOptions(e.analyticsOptions,{workflowPhase:P.o.Discard,descriptor:P.k.Single})),r.success(j("success")),e.closePopup()},buttonText:j("delete")}];return n.a.createElement(u.a.Provider,{value:T},n.a.createElement(A.a,{title:j("title"),closePopup:e.closePopup},n.a.createElement("p",{className:"m-0 pb-1"},n.a.createElement(u.b,{phrase:"confirmation"})),n.a.createElement("ul",null,n.a.createElement("li",null,n.a.createElement(u.b,{phrase:"firstName",options:{firstName:e.teacher.name}})),n.a.createElement("li",null,n.a.createElement(u.b,{phrase:"lastName",options:{lastName:e.teacher.surname}})),n.a.createElement("li",null,n.a.createElement(u.b,{phrase:"userRole",options:{userRole:null===(a=e.teacher.userRole)||void 0===a?void 0:a.name}})),n.a.createElement("li",null,n.a.createElement(u.b,{phrase:"email",options:{email:e.teacher.email}}))),n.a.createElement(R.a,{buttons:o})))}var I=t(957),L=t(814);function M(e,a){var t;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(t=K(e))||a&&e&&"number"==typeof e.length){t&&(e=t);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,i=!1;return{s:function(){t=e[Symbol.iterator]()},n:function(){var e=t.next();return s=e.done,e},e:function(e){i=!0,o=e},f:function(){try{s||null==t.return||t.return()}finally{if(i)throw o}}}}function B(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=[],r=!0,n=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(t.push(s.value),!a||t.length!==a);r=!0);}catch(e){n=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(n)throw o}}return t}(e,a)||K(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 K(e,a){if(e){if("string"==typeof e)return H(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?H(e,a):void 0}}function H(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}t.d(a,"TeacherUploadReviewView",(function(){return F}));var D=function(e,a,t,r){return new(t||(t=Promise))((function(n,o){function s(e){try{c(r.next(e))}catch(e){o(e)}}function i(e){try{c(r.throw(e))}catch(e){o(e)}}function c(e){var a;e.done?n(e.value):(a=e.value,a instanceof t?a:new t((function(e){e(a)}))).then(s,i)}c((r=r.apply(e,a||[])).next())}))},Y=c.a.encloseNamespace("userManager.teacherUploadReview");function J(e){return Object.keys(e.invalidUsers).length}function F(e){var a=B(Object(l.a)("bulk:teacher:upload"),2),t=a[0],r=a[1],c=B(n.a.useState(!0),2),E=c[0],S=c[1],w=B(n.a.useState(),2),C=w[0],O=w[1],A=B(n.a.useState(),2),R=A[0],T=A[1],j=B(n.a.useState(1),2),K=j[0],H=j[1],F=B(n.a.useState([]),2),_=F[0],q=F[1],G=B(n.a.useReducer(b.b,null),2),V=G[0],z=G[1],W=Object(o.useDispatch)(),$=Object(d.a)(),Q=Object(h.a)(),X=i.a.useBasicFetch(k.a.getUserRoles());function Z(){return E?Math.ceil(J(V)/25):Math.ceil(V.users.length/25)}return n.a.useEffect((function(){if(X.data&&!V)if(t){var a=Object(g.b)(X.data);!function(){D(this,void 0,void 0,regeneratorRuntime.mark((function n(){var o,s,i,c;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:o={},s=M(t),n.prev=2,s.s();case 4:if((i=s.n()).done){n.next=16;break}return c=i.value,n.prev=6,n.next=9,a.validate(c,{abortEarly:!1});case 9:n.next=14;break;case 11:n.prev=11,n.t0=n.catch(6),o[c.lookupId]={user:c,errors:n.t0.inner.reduce((function(e,a){return e[a.path.split(".")[0]]=a.message,e}),{})};case 14:n.next=4;break;case 16:n.next=21;break;case 18:n.prev=18,n.t1=n.catch(2),s.e(n.t1);case 21:return n.prev=21,s.f(),n.finish(21);case 24:N.a.logUserAction({totalUploaded:t.length,totalInvalid:o.length},N.a.mergeOptions(e.analyticsOptions,{workflowPhase:P.o.Start,descriptor:P.k.Bulk})),z({type:"init",payload:{users:t,invalidUsers:o}}),r(null);case 27:case"end":return n.stop()}}),n,null,[[2,18,21,24],[6,11]])})))}(),Q.lock({id:"teacher-upload-review",title:Y("navLockTitle"),text:Y("navLockBody"),onConfirmUnlock:function(){N.a.logUserAction({},N.a.mergeOptions(e.analyticsOptions,{workflowPhase:P.o.Discard,descriptor:P.k.Bulk}))}})}else s.a.AppLinkHelper.trigger({application:p.a.USER_MANAGER,action:f.a.UserManager.TEACHERS},{replace:!0})}),[t,X.data]),n.a.useEffect((function(){var e;if(V&&(null===(e=V.users)||void 0===e?void 0:e.length)){var a=(E?Object.keys(V.invalidUsers).map((function(e){return V.invalidUsers[e].user})):V.users).slice(25*(K-1),25*K);q(a);var t=Z();t&&K>t&&H(t)}}),[E,K,V]),n.a.useEffect((function(){V&&!J(V)&&S(!1)}),[V]),n.a.useEffect((function(){var e;V&&!(null===(e=V.users)||void 0===e?void 0:e.length)&&(Q.unlock("teacher-upload-review"),s.a.AppLinkHelper.trigger({application:p.a.USER_MANAGER,action:f.a.UserManager.TEACHERS}))}),[V]),V?n.a.createElement(u.a.Provider,{value:"userManager.teacherUploadReview"},n.a.createElement(b.a.Provider,{value:{state:V,dispatch:z}},n.a.createElement("div",{className:"d-flex justify-content-between align-items-center"},n.a.createElement("h1",null,n.a.createElement(u.b,{phrase:"heading"})),n.a.createElement("button",{className:"btn btn-dark ".concat(J(V)?"disabled":""),onClick:function(){J(V)||y.a.render(n.a.createElement("p",null,n.a.createElement(u.b,{namespace:"userManager.teacherUploadReview",phrase:"saveConfirmationBody",options:{smartCount:V.users.length}})),{title:Y("saveConfirmationHeading"),buttons:[y.a.getCancelDefault(),{variant:"dark",success:!0,onClick:function(){return function(){if(J(V))return;i.a.fetch(W,k.a.bulkCreateTeachers(V.users,(function(){$.success(Y("success")),N.a.logUserAction({count:V.users.length},N.a.mergeOptions(e.analyticsOptions,{workflowPhase:P.o.Complete,descriptor:P.k.Bulk}))}),(function(){$.error(Y("error"))}),(function(){Q.unlock("teacher-upload-review"),s.a.AppLinkHelper.trigger({application:p.a.USER_MANAGER,action:f.a.UserManager.TEACHERS})})))}()},buttonText:Y("save")}]})}},n.a.createElement(u.b,{phrase:"save"}))),!!J(V)&&n.a.createElement("p",{className:"mb-1"},n.a.createElement(u.b,{phrase:"reviewCount",options:{smartCount:J(V)}})),n.a.createElement("div",{className:"d-flex align-items-center flex-wrap"},n.a.createElement("p",{className:"pr-3 mb-0"},n.a.createElement(u.b,{phrase:"switchLabel"})),n.a.createElement(v.a,{onClick:function(){S(!E),H(1),N.a.logUserAction({hideValidListings:!E},N.a.mergeOptions(e.analyticsOptions,{actionType:P.n.Click,workflowPhase:P.o.Complete,descriptor:P.b.ToggleHideValidListings}))},on:E,disabled:!J(V)})),n.a.createElement("main",{className:"pt-2 pb-3"},n.a.createElement(U,{teachers:_,onClickEdit:function(e){O(e)},onClickDelete:function(e){T(e)}}),n.a.createElement(m.a,{className:"py-2 float-right",onClickNext:function(){return H(K+1)},onClickBack:function(){return H(K-1)},currentPage:K,totalPages:Z()})),!!C&&n.a.createElement(I.a,{user:C,closePopup:function(){O(null),e.closePopup()},title:Y("editTeacher"),userType:L.a.Teacher,analyticsOptions:N.a.mergeOptions(e.analyticsOptions,{actionType:P.n.Edit})}),!!R&&n.a.createElement(x,{teacher:R,closePopup:function(){e.closePopup(),T(null)},analyticsOptions:e.analyticsOptions}))):n.a.createElement(n.a.Fragment,null)}},793:function(e,a,t){"use strict";t.d(a,"a",(function(){return u}));var r=t(14),n=t(76),o=t(21),s=t(802),i=t(795),c=t(796),l=t(797),u={getSchoolStudents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.filter,t=void 0===a?"":a,o=e.q,c=void 0===o?"":o,l=e.query,u=void 0===l?"":l,d=e.cursor,m=void 0===d?"1":d;return{url:n.a.urlBuilder("api/domain/v1/school/:id/students",e),key:"school:students:".concat(c,":").concat(u,":").concat(t,":").concat(m),successResponse:function(){var e=s.a.revertFilterString(t),a=r.a.Simulator.getAll("school:students",i).filter((function(a){var r,n;return!(c&&!a.name.toLowerCase().includes(c.toLowerCase()))&&(!t||(!e.yearLevel||e.yearLevel===a.yearLevel.id)&&!((null===(r=e.classroom)||void 0===r?void 0:r.length)&&!e.classroom.includes(null===(n=a.classroom)||void 0===n?void 0:n.id)))})),n=s.a.convertWithStatementToObject(u),o=n.sortValue||"name",l=a.sort((function(e,a){return e[o].toLowerCase()<a[o].toLowerCase()?-1:e[o].toLowerCase()>a[o].toLowerCase()?1:0}));n.sortKey&&"orderbydesc"===n.sortKey&&(l=l.reverse());var d=l.slice(25*(+m-1),25*+m),p=l.slice(25*+m).length?+m+1:void 0,f="1"===m?void 0:+m-1;return d.length||(d=l.slice(0,25),p=l.slice(25).length?2:void 0,f=void 0),{data:d,pagination:{cursors:{next:p,previous:f}},count:l.length}},timeout:500}},tempGetAllStudents:function(){return{url:"",key:"get:all:dem:students",successResponse:function(){return r.a.Simulator.getAll("school:students")}}},removeStudentsFromSchool:function(e,a){return{url:"",key:"remove:school:students",invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.delete("school:students",e),{}},always:a}},getStudent:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"students:".concat(e),successResponse:function(){return r.a.Simulator.get("school:students",e)}}},createStudent:function(e,a,t){return{url:"/api/domain/v1/users",key:"create:student",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.create("school:students",e)},success:a,error:t}},bulkCreateStudents:function(e,a,t,n){return{url:"/api/domain/v1/users",key:"create:students",type:o.a.POST,invalidationKeys:["school:students"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:students",e)})),e},success:a,error:t,always:n}},updateStudent:function(e,a,t){return{url:"/api/domain/v1/users",key:"edit:student",type:o.a.PUT,invalidationKeys:["school:students"],successResponse:function(){return r.a.Simulator.update("school:students",e)},success:a,error:t}},getSchoolTeachers:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.filter,t=void 0===a?"":a,o=e.q,s=void 0===o?"":o,i=e.query,l=void 0===i?"":i,u=e.cursor,d=void 0===u?"":u;return{url:n.a.urlBuilder("api/domain/v1/school/:id/teachers",e),key:"school:teachers:".concat(s,":").concat(l,":").concat(t,":").concat(d),successResponse:function(){var e=r.a.Simulator.getAll("school:teachers",c);return{data:e,pagination:{cursors:{}},count:e.length}},timeout:2e3}},removeTeachersFromSchool:function(e,a){return{url:"",key:"remove:school:teachers",invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.delete("school:teachers",e),{}},always:a}},getTeacher:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"teachers:".concat(e),successResponse:function(){return r.a.Simulator.get("school:teachers",e)}}},createTeacher:function(e,a,t){return{url:"/api/domain/v1/users",key:"create:teacher",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.create("school:teachers",e)},success:a,error:t}},bulkCreateTeachers:function(e,a,t,n){return{url:"/api/domain/v1/users",key:"create:teachers",type:o.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return e.forEach((function(e){return r.a.Simulator.create("school:teachers",e)})),e},success:a,error:t,always:n}},updateTeacher:function(e,a,t){return{url:"/api/domain/v1/users",key:"edit:teacher",type:o.a.PUT,invalidationKeys:["school:teachers"],successResponse:function(){return r.a.Simulator.update("school:teachers",e)},success:a,error:t}},getUserRoles:function(){return{url:"/api/domain/v1/users/roles",key:"user:roles",successResponse:function(){return r.a.Simulator.getAll("user:roles",l)}}},getStudentsGroups:function(e){return{url:"/api/domain/v1/users/".concat(e,"/groups"),key:"user:".concat(e,":groups"),successResponse:function(){return r.a.Simulator.getAll("groups").filter((function(a){return!!a.students.find((function(a){return a.id===e}))}))}}}}},795:function(e){e.exports=JSON.parse('[{"username":"Joosh","name":"Joshua","surname":"Taylor","email":"joshua.taylor@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-c","name":"Classroom 2-C"}},{"username":"Shale","name":"Shale","surname":"Kuzmanovski","email":"shale.kuzmanovski@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Mike","name":"Michael","surname":"O\'McDonald","email":"michael.mcdonnell@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Met","name":"Matt","surname":"Trengrove","email":"matt@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-b","name":"Classroom 2-B"}},{"username":"Big Kev","name":"Don Kevin","surname":"Wellalagodage","email":"kevin.wellalagoladegelagodage@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 1"},"classroom":{"id":"classroom-1-a","name":"Classroom 1-A"}}]')},796:function(e){e.exports=JSON.parse('[{"username":"beb","name":"Beverly","surname":"Li","email":"beverly.li@clickview.com.au","userRole":{"id":"assistant-principal","name":"Assistant Principal"}},{"username":"Bort","name":"Cameron","surname":"Hill","email":"cameron.hill@clickview.com.au","userRole":{"id":"principal","name":"Principal"}},{"username":"jaynice","name":"Janice","surname":"Quach","email":"janice.quach@clickview.com.au","userRole":{"id":"head-of-science","name":"Head of Science"}},{"username":"bread","name":"Prad","surname":"Nepal","email":"prad.nepal@clickview.com.au","userRole":{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}}]')},797:function(e){e.exports=JSON.parse('[{"id":"teacher","name":"Teacher"},{"id":"assistant-principal","name":"Assistant Principal"},{"id":"principal","name":"Principal"},{"id":"head-of-science","name":"Head of Science"},{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}]')},825:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var r=t(14),n=t(830),o={getAll:function(){return{url:"/api/domain/v1/yearlevels",key:"yearlevels",successResponse:function(){return r.a.Simulator.getAll("year:levels",n)}}}}},830:function(e){e.exports=JSON.parse('[{"id":"kindergarten","name":"Kindergarten"},{"id":"year-1","name":"Year 1"},{"id":"year-2","name":"Year 2"},{"id":"year-3","name":"Year 3"},{"id":"year-4","name":"Year 4"},{"id":"year-5","name":"Year 5"},{"id":"year-6","name":"Year 6"}]')},831:function(e,a,t){"use strict";t.d(a,"a",(function(){return n})),t.d(a,"b",(function(){return o}));var r=t(0),n=Object(r.createContext)(null);function o(e,a){switch(a.type){case"init":return a.payload;case"save":var t=a.payload;return{users:e.users.map((function(e){return e.lookupId!==t.lookupId?e:t})),invalidUsers:Object.keys(e.invalidUsers).reduce((function(a,r){return r!==t.lookupId&&(a[r]=e.invalidUsers[r]),a}),{})};case"delete":var r=a.payload;return{users:e.users.filter((function(e){return e.lookupId!==r.lookupId})),invalidUsers:Object.keys(e.invalidUsers).reduce((function(a,t){return t!==r.lookupId&&(a[t]=e.invalidUsers[t]),a}),{})};default:return e}}},956:function(e,a,t){"use strict";var r=t(855);t.d(a,"a",(function(){return r.a})),t.d(a,"b",(function(){return r.b}))},957:function(e,a,t){"use strict";t.d(a,"a",(function(){return k}));var r=t(0),n=t.n(r),o=t(9),s=t(14),i=t(37),c=t(3),l=t(227),u=t(791),d=t(920),m=t(825),p=t(831),f=t(814),v=t(863),h=t(793);function y(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=[],r=!0,n=!1,o=void 0;try{for(var s,i=e[Symbol.iterator]();!(r=(s=i.next()).done)&&(t.push(s.value),!a||t.length!==a);r=!0);}catch(e){n=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(n)throw o}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return g(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 g(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 g(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}function k(e){var a=n.a.useContext(p.a),t=a.state,r=a.dispatch,g=y(n.a.useState(!!t.invalidUsers[e.user.lookupId]),2),k=g[0],b=g[1],E=y(n.a.useState(e.user.lookupId),2),S=E[0],w=E[1],C=s.a.useBasicFetch(m.a.getAll()),O=s.a.useBasicFetch(h.a.getUserRoles()),U=Object(u.a)();n.a.useEffect((function(){b(!!t.invalidUsers[e.user.lookupId]),i.a.logUserAction({isInvalid:!!t.invalidUsers[e.user.lookupId],data:e.user},i.a.mergeOptions(e.analyticsOptions,{workflowPhase:c.o.Start}))}),[e.user]);var A=t.invalidUsers[S];if(k&&!A)return n.a.createElement(n.a.Fragment,null);var R={user:k?A.user:e.user,initialErrors:k?A.errors:{},saveUser:function(a){if(k){var n=Object.keys(t.invalidUsers),s=n.indexOf(S),l=n[s+1]||n[0];w(l)}var u=k?A.user.lookupId:e.user.lookupId;r({type:"save",payload:Object.assign(Object.assign({},a),{lookupId:u})}),i.a.logUserAction({isInvalid:!1,data:a},i.a.mergeOptions(e.analyticsOptions,{workflowPhase:c.o.Complete})),U.success(o.a.getPhrase("userManager.editUploadedUserPopup","success")),k&&Object.keys(t.invalidUsers).length||e.closePopup()},onClickCancel:e.closePopup,hasNext:k&&Object.keys(t.invalidUsers).length>1};return e.userType===f.a.Student?R.yearLevels=C.data:R.userRoles=O.data,n.a.createElement(l.a,{closePopup:e.closePopup,title:e.title},e.userType===f.a.Student?n.a.createElement(d.a,Object.assign({},R)):n.a.createElement(v.a,Object.assign({},R)))}}}]);

package/dist/scripts/30.chunk.js

@@ -0,0 +1,468 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[30],{
+
+/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/div-button/DivButton.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: DivButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DivButton", function() { return DivButton; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+/**
+ * This element lets us use `div` elements as buttons without losing the accessibility of
+ * a regular HTML button element
+ */
+
+function DivButton(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    tabIndex: 0,
+    className: "".concat(props.className ? props.className : '', " cursor-pointer"),
+    onKeyDown: function onKeyDown(e) {
+      return e.key === 'Enter' && props.onClick(e);
+    },
+    onClick: props.onClick,
+    style: props.style ? props.style : {}
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx ***!
+  \***************************************************************************************************/
+/*! exports provided: ClassroomGroupDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupDetailsForm", function() { return ClassroomGroupDetailsForm; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/colour-picker/ColourPicker */ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx");
+/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./classroom-group-details-form.scss */ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss");
+/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomGroupDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function ClassroomGroupDetailsForm(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'w-50 d-inline-block h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'nameLabel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'd-inline-block h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'colourLabel'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-3 d-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    className: "".concat(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default.a.groupNameInput),
+    placeholder: getPhrase('groupNamePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'form-group'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__["ColourPicker"], {
+    onSelect: function onSelect(c) {
+      return formikProps.setFieldValue('colour', c);
+    },
+    selection: formikProps.values.colour,
+    id: "".concat(props.isNew ? 'create' : 'edit', "-classroom-group")
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
+    isNew: props.isNew
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss":
+/*!*******************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss ***!
+  \*******************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"groupNameInput":"cv--groupNameInput--3hGvq"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/apps/classrooms/components/colour-picker/ColourPicker.tsx ***!
+  \***********************************************************************/
+/*! exports provided: ColourPicker */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColourPicker", function() { return ColourPicker; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/classrooms/enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
+/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/utils/GroupHelper */ "./src/apps/classrooms/utils/GroupHelper.ts");
+/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./colour-picker.scss */ "./src/apps/classrooms/components/colour-picker/colour-picker.scss");
+/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+ColourPicker.defaultProps = {
+  selection: apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White,
+  onSelect: function onSelect() {}
+};
+function ColourPicker(props) {
+  function getToggleButtonClass() {
+    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle, " outline-none p-0 d-flex align-items-center text-decoration-none");
+    var disabledClass = props.disabled ? 'cursor-default' : '';
+    return "".concat(baseClass, " ").concat(disabledClass);
+  }
+
+  function getOptionClass(colour) {
+    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourOption, " position-relative");
+    var borderClass = colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? 'border border-dark' : '';
+    var disabledClass = props.disabled ? 'cursor-default' : '';
+    var colorClass = Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(colour);
+    return "".concat(baseClass, " ").concat(borderClass, " ").concat(disabledClass, " ").concat(colorClass);
+  }
+
+  var dropdownProps = {};
+  if (props.disabled) dropdownProps.show = false;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], Object.assign({}, dropdownProps), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
+    id: props.id,
+    variant: 'link',
+    className: getToggleButtonClass()
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "border border-secondary rounded bg-white ".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourButton)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "px-0 py-1 rounded ".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(props.selection))
+  }, "\xA0")), !props.disabled && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Caret
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourList, " list-unstyled d-flex flex-wrap px-2 m-0")
+  }, Object.keys(apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"]).map(function (colourKey) {
+    var colour = apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"][colourKey];
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: "".concat(props.id, ":").concat(colour),
+      className: 'm-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
+      onClick: function onClick() {
+        return props.onSelect(colour);
+      },
+      className: getOptionClass(colour)
+    }, colour === apps_classrooms_enums_GroupColour__WEBPACK_IMPORTED_MODULE_5__["GroupColour"].White ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.lineThrough
+    }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "\xA0")));
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/colour-picker/colour-picker.scss":
+/*!*************************************************************************!*\
+  !*** ./src/apps/classrooms/components/colour-picker/colour-picker.scss ***!
+  \*************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"dropdownToggle":"cv--dropdownToggle--347DY","colourButton":"cv--colourButton--1rKvE","colourList":"cv--colourList--328-w","colourOption":"cv--colourOption--1Tw7u","lineThrough":"cv--lineThrough--18oZq"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx ***!
+  \***************************************************************************************************/
+/*! exports provided: EditClassroomGroupDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomGroupDetails", function() { return EditClassroomGroupDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomGroupValidationSchema */ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts");
+/* harmony import */ var apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm */ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx");
+
+
+
+
+function EditClassroomGroupDetails(props) {
+  var _a, _b, _c;
+
+  var group = props.group,
+      saveGroup = props.saveGroup,
+      onClickCancel = props.onClickCancel;
+  var initialValues = {
+    id: (_a = group) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = group) === null || _b === void 0 ? void 0 : _b.name,
+    colour: (_c = group) === null || _c === void 0 ? void 0 : _c.colour,
+    students: []
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    validationSchema: apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomGroupValidationSchema"],
+    onSubmit: saveGroup
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomGroupDetailsForm"], {
+    isNew: !group,
+    onClickCancel: onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/enums/GroupColour.ts":
+/*!**************************************************!*\
+  !*** ./src/apps/classrooms/enums/GroupColour.ts ***!
+  \**************************************************/
+/*! exports provided: GroupColour */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GroupColour", function() { return GroupColour; });
+var GroupColour;
+
+(function (GroupColour) {
+  GroupColour["White"] = "white";
+  GroupColour["Pink"] = "pink";
+  GroupColour["YellowOrange"] = "yellow-orange";
+  GroupColour["Emerald"] = "emerald";
+  GroupColour["PuertoRico"] = "puerto-rico";
+  GroupColour["PictonBlue"] = "picton-blue";
+  GroupColour["EastSide"] = "east-side";
+  GroupColour["Portage"] = "portage";
+})(GroupColour || (GroupColour = {}));
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/utils/GroupHelper.ts":
+/*!**************************************************!*\
+  !*** ./src/apps/classrooms/utils/GroupHelper.ts ***!
+  \**************************************************/
+/*! exports provided: mapColourToClassName */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mapColourToClassName", function() { return mapColourToClassName; });
+function mapColourToClassName(groupName) {
+  return "bg-".concat(groupName);
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts":
+/*!**************************************************************************!*\
+  !*** ./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts ***!
+  \**************************************************************************/
+/*! exports provided: ClassroomGroupValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupValidationSchema", function() { return ClassroomGroupValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _enums_GroupColour__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../enums/GroupColour */ "./src/apps/classrooms/enums/GroupColour.ts");
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
+var ClassroomGroupValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"](''),
+  colour: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().required(function () {
+    return getPhrase('colourRequired');
+  })["default"](_enums_GroupColour__WEBPACK_IMPORTED_MODULE_2__["GroupColour"].White)
+});
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/create-classroom-group/CreateClassroomGroupView.tsx":
+/*!***************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/create-classroom-group/CreateClassroomGroupView.tsx ***!
+  \***************************************************************************************/
+/*! exports provided: CreateClassroomGroupView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateClassroomGroupView", function() { return CreateClassroomGroupView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails */ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.createClassroomGroup';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function CreateClassroomGroupView(props) {
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].getClassroom(props.classroomId));
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var successCallback = function successCallback(group) {
+    alerts.success(getPhrase('success', {
+      groupName: group.name,
+      classroomName: classroom.data.name
+    }));
+    props.closePopup();
+  };
+
+  var addStudentsToGroup = function addStudentsToGroup(group) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].addStudentsToGroup(props.studentIds, group.id, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
+        id: group.id,
+        studentCount: props.studentIds.length
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Associate,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["AssocDescriptor"].User
+      }));
+      successCallback(group);
+    }));
+  };
+
+  var saveGroupToClassroom = function saveGroupToClassroom(group) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].addGroupToClassroom(group, props.classroomId, function (newGroup) {
+      var _a;
+
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction({
+        id: newGroup.id,
+        classroomId: props.classroomId
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Create
+      }));
+
+      if ((_a = props.studentIds) === null || _a === void 0 ? void 0 : _a.length) {
+        addStudentsToGroup(newGroup);
+        return;
+      }
+
+      successCallback(newGroup);
+    }, function () {
+      // TODO: Handle possible errors once we have a server side
+      alerts.error(getPhrase('error'));
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    title: getPhrase('title'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !classroom.data
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_7__["EditClassroomGroupDetails"], {
+    saveGroup: saveGroupToClassroom,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=30.chunk.js.map