@clickview/lite 0.0.24-rc.3 → 0.0.24-rc.4

package/dist/scripts/30-77202cb6be.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[30],{1005:function(e,a,t){"use strict";var n=t(0),r=t.n(n),s=t(2),c=t(40),l=t(3),o=t(850),i=t(52),u=t(13),m=t(76),d=t(234),p=t(816),h=t(905),g=t(6),v=t(10),f=t(856),y=t(7),E=t(819),N=t(992),b=t.n(N),k="userManager.manageStudents";function S(e){var a=e.user,t=e.isChecked,n=e.onToggleCheckbox,i=[{label:y.a.getPhrase(k,"edit"),onClick:function(){c.a.logUserAction({id:a.id},{actionType:l.n.Edit,entity:l.d.User,workflowPhase:l.o.Start,location:l.j.StudentManagerListItem}),s.a.AppLinkHelper.trigger({application:g.a.USER_MANAGER,action:v.a.UserManager.EDIT_STUDENT,args:[a.id]})}},{label:y.a.getPhrase(k,"enable"),onClick:function(){}},{label:y.a.getPhrase(k,"remove"),onClick:function(){c.a.logUserAction({id:a.id},{actionType:l.n.Delete,entity:l.d.User,workflowPhase:l.o.Start,location:l.j.StudentManagerListItem}),s.a.AppLinkHelper.trigger({application:g.a.USER_MANAGER,action:v.a.UserManager.REMOVE_USERS,params:{userIds:[a.id],userType:"student"}})},className:"text-danger"}];return r.a.createElement("li",{className:"d-flex align-items-center py-2"},r.a.createElement("div",{className:"px-4"},r.a.createElement(o.a,{id:a.id,name:a.id,checked:t,onChange:n})),r.a.createElement("div",{className:"d-flex flex-column justify-content-center w-100"},r.a.createElement("div",{className:"pb-1"},r.a.createElement("h2",{className:"h5 m-0 mr-1 d-inline-block align-middle"},a.name," ",a.surname||""),a.username&&r.a.createElement("p",{className:"m-0 d-inline-block align-middle"},"(",a.username,")")),r.a.createElement("div",{className:"d-flex"},r.a.createElement("p",{className:"m-0 w-50 text-truncate"},a.email),r.a.createElement("div",{className:"d-flex w-50 pl-1"},r.a.createElement("div",{className:"w-50"},r.a.createElement(m.b,{namespace:k,phrase:"level"}),r.a.createElement("span",{className:"rounded-pill px-2 ".concat(b.a.level)},a.yearLevel.name)),a.classroom&&r.a.createElement("p",{className:"mb-0 w-50"},a.classroom.name)))),r.a.createElement(E.a,{actions:i,className:"pr-4",actionsDropdownClassName:"btn"}))}function w(e){var a=e.user,t=e.isChecked,n=e.onToggleCheckbox,i=[{label:y.a.getPhrase("userManager.manageTeachers","edit"),onClick:function(){c.a.logUserAction({id:a.id},{actionType:l.n.Edit,entity:l.d.User,workflowPhase:l.o.Start,location:l.j.TeacherManagerListItem}),s.a.AppLinkHelper.trigger({application:g.a.USER_MANAGER,action:v.a.UserManager.EDIT_TEACHER,args:[a.id]})}},{label:y.a.getPhrase("userManager.manageTeachers","enable"),onClick:function(){}},{label:y.a.getPhrase("userManager.manageTeachers","remove"),onClick:function(){c.a.logUserAction({id:a.id},{actionType:l.n.Delete,entity:l.d.User,workflowPhase:l.o.Start,location:l.j.TeacherManagerListItem}),s.a.AppLinkHelper.trigger({application:g.a.USER_MANAGER,action:v.a.UserManager.REMOVE_USERS,params:{userIds:[a.id],userType:"teacher"}})},className:"text-danger"}];return r.a.createElement("li",{className:"d-flex align-items-center py-2"},r.a.createElement("div",{className:"px-4"},r.a.createElement(o.a,{id:a.id,name:a.id,checked:t,onChange:n})),r.a.createElement("div",{className:"d-flex flex-column justify-content-center w-100"},r.a.createElement("div",{className:"pb-1"},r.a.createElement("h2",{className:"h5 m-0 mr-1 d-inline-block align-middle"},a.name," ",a.surname||""),a.username&&r.a.createElement("p",{className:"m-0 d-inline-block align-middle"},"(",a.username,")")),r.a.createElement("div",{className:"d-flex"},r.a.createElement("p",{className:"m-0 w-50 text-truncate"},a.email),r.a.createElement("p",{className:"mb-0 w-50 pl-1 text-center"},a.userRole.name))),r.a.createElement(E.a,{actions:i,className:"pr-4",actionsDropdownClassName:"btn"}))}var T=t(938);t.d(a,"a",(function(){return A}));var x={application:g.a.USER_MANAGER,action:v.a.UserManager.NEW_STUDENT},R={application:g.a.USER_MANAGER,action:v.a.UserManager.NEW_TEACHER};function A(e){var a=Object(h.a)(e.users),t=a.onToggleBulk,r=a.onToggleItem,y=a.getSelected,E=a.isChecked,N=a.bulkChecked;var b=e.userType===f.a.Student,k=b?S:w,A=b?x:R,C=b?"userManager.manageStudents":"userManager.manageTeachers",M=b?v.a.UserManager.STUDENT_UPLOAD_REVIEW:v.a.UserManager.TEACHER_UPLOAD_REVIEW;return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center pb-3"},n.createElement("div",{className:"px-4"},n.createElement(o.a,{id:"user-manager",name:"user-manager",checked:N,onChange:t})),n.createElement("div",{className:"mr-auto"},!!y().length&&n.createElement(p.a,{onClick:function(){var a,t=y();(null===(a=t)||void 0===a?void 0:a.length)&&(c.a.logUserAction({count:t.length},c.a.mergeOptions(e.analyticsOptions,{actionType:l.n.Delete,entity:l.d.User,workflowPhase:l.o.Start,descriptor:1===t.length?l.k.Single:l.k.Bulk})),s.a.AppLinkHelper.trigger({application:g.a.USER_MANAGER,action:v.a.UserManager.REMOVE_USERS,params:{userIds:t,userType:e.userType}}))},className:"cursor-pointer"},n.createElement(i.a,{svgName:u.b.Delete}))),n.createElement(T.a,{action:M,userType:e.userType,yearLevels:e.yearLevels,userRoles:e.userRoles}),n.createElement(d.a,{className:"btn btn-outline-dark ml-2",svgName:u.b.Plus,onClick:function(){c.a.logUserAction({},c.a.mergeOptions(e.analyticsOptions,{workflowPhase:l.o.Start,actionType:l.n.Create,entity:l.d.User})),s.a.AppLinkHelper.trigger(A)}},n.createElement(m.b,{namespace:C,phrase:"addNew"}))),n.createElement("ul",{className:"m-0 list-unstyled striped-list"},e.users.map((function(e){return n.createElement(k,{key:e.id,user:e,onToggleCheckbox:function(){return r(e.id)},isChecked:E(e.id)})}))))}},1308:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),s=t(14),c=t(7),l=t(232),o=t(827),i=t(89),u=t(76),m=t(3),d=t(820),p=t(1005),h=t(993),g=t(831),v=t(888),f=t(994),y=t(856),E=t(13),N=t(234),b=t(915);function k(){return r.a.createElement(u.a.Provider,{value:"userManager.schoolTeacherManagerEmptyState"},r.a.createElement("div",{className:"text-center py-5"},r.a.createElement("p",null,"TODO: add an actual empty state image once bev has one"),r.a.createElement("img",{src:"/favicon.ico",className:"pb-3"}),r.a.createElement("h2",{className:"h6"},r.a.createElement(u.b,{phrase:"heading"})),r.a.createElement("p",{className:"w-33 mx-auto"},r.a.createElement(u.b,{phrase:"info"})),r.a.createElement(b.a,null,r.a.createElement(u.b,{phrase:"videoLink"})),r.a.createElement(N.a,{className:"btn btn-dark d-block mx-auto",svgName:E.b.Plus},r.a.createElement(u.b,{phrase:"addNew"}))))}t.d(a,"SchoolTeacherManagerView",(function(){return w}));var S=c.a.encloseNamespace("userManager.schoolTeacherManager");function w(e){var a,t;Object(l.a)(S("pageTitle"));var r=s.a.useBasicFetch(d.a.getUserRoles()),c=s.a.useBasicFetch(d.a.getSchoolTeachers(g.a.getBackendQueryParams(e.queryParams)));return n.createElement(n.Fragment,null,n.createElement("h1",{className:"pl-4"},n.createElement(u.b,{namespace:"userManager.schoolTeacherManager",phrase:"heading"})),n.createElement("div",{className:"pl-4 py-2 row"},n.createElement("div",{className:"col-9 p-0"},n.createElement(v.e,{queryParams:e.queryParams,mainFilters:[g.b.SortByName(g.a.getNameSortOptions())],analyticsOptions:{entity:m.d.User,location:m.j.TeacherManager},hideHeading:!0})),n.createElement("div",{className:"col-3"},n.createElement(f.a,{id:"school-teacher-search",name:"school-teacher-search",placeholder:S("searchBarPlaceholder")}))),n.createElement("p",{className:"pl-4 mb-0 font-weight-bold"},n.createElement(u.b,{namespace:"userManager.schoolTeacherManager",phrase:"entries",options:{smartCount:(null===(t=null===(a=c.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)||0}})),n.createElement("main",{className:"py-3"},function(){var e;return(null===(e=c.data)||void 0===e?void 0:e.data)&&r.data?c.data.data.length?n.createElement(n.Fragment,null,n.createElement(p.a,{users:c.data.data,userType:y.a.Teacher,userRoles:r.data,analyticsOptions:{location:m.j.StudentManager}}),n.createElement(o.b,{appLink:i.a.getCurrentRoute().appLink,cursors:{next:c.data.pagination.cursors.next,previous:c.data.pagination.cursors.previous},className:"pt-3 d-flex justify-content-end"})):n.createElement(k,null):n.createElement(h.a,null)}()))}},820:function(e,a,t){"use strict";t.d(a,"a",(function(){return u}));var n=t(14),r=t(77),s=t(21),c=t(831),l=t(823),o=t(824),i=t(825),u={getSchoolStudents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.filter,t=void 0===a?"":a,s=e.q,o=void 0===s?"":s,i=e.query,u=void 0===i?"":i,m=e.cursor,d=void 0===m?"1":m;return{url:r.a.urlBuilder("api/domain/v1/school/:id/students",e),key:"school:students:".concat(o,":").concat(u,":").concat(t,":").concat(d),successResponse:function(){var e=c.a.revertFilterString(t),a=n.a.Simulator.getAll("school:students",l).filter((function(a){var n,r;return!(o&&!a.name.toLowerCase().includes(o.toLowerCase()))&&(!t||(!e.yearLevel||e.yearLevel===a.yearLevel.id)&&!((null===(n=e.classroom)||void 0===n?void 0:n.length)&&!e.classroom.includes(null===(r=a.classroom)||void 0===r?void 0:r.id)))})),r=c.a.convertWithStatementToObject(u),s=r.sortValue||"name",i=a.sort((function(e,a){return e[s].toLowerCase()<a[s].toLowerCase()?-1:e[s].toLowerCase()>a[s].toLowerCase()?1:0}));r.sortKey&&"orderbydesc"===r.sortKey&&(i=i.reverse());var m=i.slice(25*(+d-1),25*+d),p=i.slice(25*+d).length?+d+1:void 0,h="1"===d?void 0:+d-1;return m.length||(m=i.slice(0,25),p=i.slice(25).length?2:void 0,h=void 0),{data:m,pagination:{cursors:{next:p,previous:h}},count:i.length}},timeout:500}},tempGetAllStudents:function(){return{url:"",key:"get:all:dem:students",successResponse:function(){return n.a.Simulator.getAll("school:students")}}},removeStudentsFromSchool:function(e,a){return{url:"",key:"remove:school:students",invalidationKeys:["school:students"],successResponse:function(){return n.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 n.a.Simulator.get("school:students",e)}}},createStudent:function(e,a,t){return{url:"/api/domain/v1/users",key:"create:student",type:s.a.POST,invalidationKeys:["school:students"],successResponse:function(){return n.a.Simulator.create("school:students",e)},success:a,error:t}},bulkCreateStudents:function(e,a,t,r){return{url:"/api/domain/v1/users",key:"create:students",type:s.a.POST,invalidationKeys:["school:students"],successResponse:function(){return e.forEach((function(e){return n.a.Simulator.create("school:students",e)})),e},success:a,error:t,always:r}},updateStudent:function(e,a,t){return{url:"/api/domain/v1/users",key:"edit:student",type:s.a.PUT,invalidationKeys:["school:students"],successResponse:function(){return n.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,s=e.q,c=void 0===s?"":s,l=e.query,i=void 0===l?"":l,u=e.cursor,m=void 0===u?"":u;return{url:r.a.urlBuilder("api/domain/v1/school/:id/teachers",e),key:"school:teachers:".concat(c,":").concat(i,":").concat(t,":").concat(m),successResponse:function(){var e=n.a.Simulator.getAll("school:teachers",o);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 n.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 n.a.Simulator.get("school:teachers",e)}}},createTeacher:function(e,a,t){return{url:"/api/domain/v1/users",key:"create:teacher",type:s.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return n.a.Simulator.create("school:teachers",e)},success:a,error:t}},bulkCreateTeachers:function(e,a,t,r){return{url:"/api/domain/v1/users",key:"create:teachers",type:s.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return e.forEach((function(e){return n.a.Simulator.create("school:teachers",e)})),e},success:a,error:t,always:r}},updateTeacher:function(e,a,t){return{url:"/api/domain/v1/users",key:"edit:teacher",type:s.a.PUT,invalidationKeys:["school:teachers"],successResponse:function(){return n.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 n.a.Simulator.getAll("user:roles",i)}}},getStudentsGroups:function(e){return{url:"/api/domain/v1/users/".concat(e,"/groups"),key:"user:".concat(e,":groups"),successResponse:function(){return n.a.Simulator.getAll("groups").filter((function(a){return!!a.students.find((function(a){return a.id===e}))}))}}}}},823: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"}}]')},824: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"}}]')},825: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"}]')},915:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),r=t.n(n),s=t(234),c=t(13);function l(e){return r.a.createElement(s.a,{className:"btn btn-outline-info d-block mx-auto mb-3",svgName:c.b.Video},e.children)}},992:function(e,a,t){e.exports={level:"Atgxo"}},993:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(0),r=t.n(n);function s(){return r.a.createElement("li",{className:"w-100 d-flex align-items-center py-2"},r.a.createElement("div",{className:"mx-4 partial-loading-background",style:{width:"21px",height:"21px"}}),r.a.createElement("div",{className:"d-flex flex-column justify-content-center w-100"},r.a.createElement("div",{className:"pb-1"},r.a.createElement("div",{className:"partial-loading-background mr-1 align-middle d-inline-block",style:{width:"180px",height:"28px"}})),r.a.createElement("div",{className:"d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement("div",{className:"partial-loading-background align-middle d-inline-block",style:{width:"250px",height:"21px"}})),r.a.createElement("div",{className:"d-flex w-50 pl-1"},r.a.createElement("div",{className:"w-50"},r.a.createElement("div",{className:"partial-loading-background",style:{width:"100px",height:"21px"}})),r.a.createElement("div",{className:"w-50"},r.a.createElement("div",{className:"partial-loading-background",style:{width:"100px",height:"21px"}}))))))}function c(){return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-3"},r.a.createElement("div",{className:"mx-4 partial-loading-background",style:{width:"21px",height:"21px"}}),r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"partial-loading-background",style:{width:"140px",height:"35px"}}),r.a.createElement("div",{className:"partial-loading-background ml-2",style:{width:"150px",height:"35px"}}))),r.a.createElement("ul",{className:"m-0 list-unstyled striped-list"},Array(20).fill(null).map((function(e,a){return r.a.createElement(s,{key:a})}))))}},994:function(e,a,t){"use strict";t.d(a,"a",(function(){return v}));var n=t(0),r=t.n(n),s=t(34),c=t(54),l=t(2),o=t(89),i=t(52),u=t(13),m=t(995),d=t.n(m);function p(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function h(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,r=!1,s=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,s=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw s}}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,n=new Array(a);t<a;t++)n[t]=e[t];return n}function v(e){var a=h(r.a.useState(""),2),t=a[0],n=a[1];r.a.useEffect((function(){var a=o.a.getCurrentRoute().appLink.params;a&&"string"!=typeof a&&a[e.queryParamName]&&n(a[e.queryParamName])}),[]);var m=r.a.useCallback(s.a.debounce((function(a){return function(){var a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=o.a.getCurrentRoute().appLink,n=c.a.omit(t.params,[e.queryParamName]),r=Object.assign(p({},e.queryParamName,a),n);r[e.queryParamName]||delete r[e.queryParamName];l.a.AppLinkHelper.trigger(Object.assign(Object.assign({},t),{params:r}))}(a)}),e.debounceTime),[]);return r.a.createElement("div",{className:"position-relative w-100"},r.a.createElement("input",{name:e.name,type:"text",className:"form-control p-1 w-100 ".concat(e.className||""),id:e.id,autoComplete:"off",placeholder:e.placeholder,"aria-label":"Search",onChange:function(e){n(e.currentTarget.value),m(e.currentTarget.value)},value:t}),r.a.createElement(i.a,{svgName:u.b.Search,className:"".concat(d.a.searchSvg," svg-container cursor-pointer text-secondary")}))}v.defaultProps={debounceTime:300,queryParamName:"query"}},995:function(e,a,t){e.exports={searchSvg:"Pt-8R"}}}]);

package/dist/scripts/30.chunk.js

@@ -0,0 +1,562 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[30],{
+
+/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView Projects/@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 Projects/@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-star/ClassroomStar.tsx":
+/*!*************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx ***!
+  \*************************************************************************/
+/*! exports provided: ClassroomStar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStar", function() { return ClassroomStar; });
+/* 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_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __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_2__ = __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_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
+
+
+
+function ClassroomStar(_ref) {
+  var isActive = _ref.isActive,
+      onToggle = _ref.onToggle,
+      invisible = _ref.invisible;
+  var className = "".concat(isActive ? 'text-yellow' : '', " ").concat(invisible ? 'invisible' : '');
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onToggle,
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: isActive ? _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Star : _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].StarOutline,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Large
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx":
+/*!*****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx ***!
+  \*****************************************************************************************/
+/*! exports provided: ClassroomStudentItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentItem", function() { return ClassroomStudentItem; });
+/* 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_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 _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __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_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var apps_classrooms_components_tile_actions_TileActions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/classrooms/components/tile-actions/TileActions */ "./src/apps/classrooms/components/tile-actions/TileActions.tsx");
+/* harmony import */ var _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./classroom-students-list.scss */ "./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss");
+/* harmony import */ var _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomStudentsList';
+
+var getEditStudentAppLink = function getEditStudentAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].USER_MANAGER,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].UserManager.EDIT_STUDENT,
+    args: [id]
+  };
+};
+
+var getRemoveFromClassroomAppLink = function getRemoveFromClassroomAppLink(classroomId, studentId) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.REMOVE_STUDENTS,
+    args: [classroomId],
+    params: {
+      studentIds: [studentId]
+    }
+  };
+};
+
+function ClassroomStudentItem(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showOptions = _React$useState2[0],
+      setShowOptions = _React$useState2[1];
+
+  var studentOptions = [{
+    text: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'editStudentDetails'),
+    appLink: getEditStudentAppLink(props.student.id),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+        id: props.student.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Edit,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassroomOverviewStudentListItem
+      });
+    }
+  }, {
+    text: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'removeFromClassroom'),
+    appLink: getRemoveFromClassroomAppLink(props.classroom.id, props.student.id),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+        id: props.student.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Dissociate,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Classroom,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["AssocDescriptor"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassroomOverviewStudentListItem
+      });
+    }
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+    className: "".concat(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.studentCard, " m-2 bg-white shadow position-relative rounded-lg")
+  }, !showOptions ? 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(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__["DivButton"], {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.toggleAction,
+    onClick: function onClick() {
+      return setShowOptions(true);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Edit,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainerSize"].Large
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.studentCardContent, " w-100 px-1")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
+    className: 'mb-1',
+    src: '/images/student-avatar-placeholder.png',
+    alt: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'avatarAlt', {
+      name: props.student.name
+    })
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: 'h6 text-center text-truncate pb-1 w-100'
+  }, props.student.name, " ", props.student.surname))) : 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(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__["DivButton"], {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.toggleAction,
+    onClick: function onClick() {
+      return setShowOptions(false);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Close,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainerSize"].Large
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.actionsContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_tile_actions_TileActions__WEBPACK_IMPORTED_MODULE_9__["TileActions"], {
+    actions: studentOptions
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx":
+/*!******************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx ***!
+  \******************************************************************************************/
+/*! exports provided: ClassroomStudentsList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentsList", function() { return ClassroomStudentsList; });
+/* 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 _ClassroomStudentItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClassroomStudentItem */ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx");
+
+
+function ClassroomStudentsList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'list-unstyled d-flex flex-wrap mx-n2'
+  }, props.students.map(function (student) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ClassroomStudentItem__WEBPACK_IMPORTED_MODULE_1__["ClassroomStudentItem"], {
+      key: student.id,
+      student: student,
+      classroom: props.classroom
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss":
+/*!*********************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss ***!
+  \*********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"studentCard":"cv--studentCard--wZAHT","studentCardContent":"cv--studentCardContent--G006q","actionsContainer":"cv--actionsContainer--3boP_","toggleAction":"cv--toggleAction--28bC8"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx":
+/*!****************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx ***!
+  \****************************************************************************************************************/
+/*! exports provided: ClassroomStudentsListEmptyState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentsListEmptyState", function() { return ClassroomStudentsListEmptyState; });
+/* 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__);
+
+function ClassroomStudentsListEmptyState(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "Students empty state");
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/tile-actions/TileActions.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/classrooms/components/tile-actions/TileActions.tsx ***!
+  \*********************************************************************/
+/*! exports provided: TileActions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TileActions", function() { return TileActions; });
+/* 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_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _tile_actions_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tile-actions.scss */ "./src/apps/classrooms/components/tile-actions/tile-actions.scss");
+/* harmony import */ var _tile_actions_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_tile_actions_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function TileActions(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-100 d-flex flex-column'
+  }, props.actions.map(function (action) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+      key: action.text,
+      className: "".concat(_tile_actions_scss__WEBPACK_IMPORTED_MODULE_2___default.a.option, " py-1"),
+      appLink: action.appLink,
+      onClick: action.onClick || function () {}
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+      className: 'pl-2'
+    }, action.text));
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/tile-actions/tile-actions.scss":
+/*!***********************************************************************!*\
+  !*** ./src/apps/classrooms/components/tile-actions/tile-actions.scss ***!
+  \***********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"option":"cv--option--2LGMe"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/classroom/ClassroomView.tsx":
+/*!***************************************************************!*\
+  !*** ./src/apps/classrooms/views/classroom/ClassroomView.tsx ***!
+  \***************************************************************/
+/*! exports provided: ClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomView", function() { return ClassroomView; });
+/* 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_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_classroom_students_list_ClassroomStudentsList__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! apps/classrooms/components/classroom-students-list/ClassroomStudentsList */ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_students_list_empty_state_ClassroomStudentsListEmptyState__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState */ "./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_star_ClassroomStar__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! apps/classrooms/components/classroom-star/ClassroomStar */ "./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx");
+/* harmony import */ var _partial_loading_PartialClassroomView__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./partial-loading/PartialClassroomView */ "./src/apps/classrooms/views/classroom/partial-loading/PartialClassroomView.tsx");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+
+var getManageClassroomAppLink = function getManageClassroomAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["Actions"].Classrooms.MANAGE_CLASSROOM,
+    args: [id]
+  };
+};
+
+function ClassroomView(props) {
+  var _a;
+
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_14__["ClassroomRequests"].getClassroom(props.id));
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__["useSetPageTitle"])((_a = classroom.data) === null || _a === void 0 ? void 0 : _a.name);
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_10__["useAlerts"])();
+
+  function onToggleStar() {
+    if (!classroom.data.isFavourited) {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_14__["ClassroomRequests"].starClassroom(classroom.data, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+          id: classroom.data.id
+        }, {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ClassroomOverview,
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Favourite,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].On,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classroom,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete
+        });
+        alerts.success(getPhrase('starSuccess', {
+          classroomName: classroom.data.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('starError', {
+          classroomName: classroom.data.name
+        }));
+      }));
+    } else {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_14__["ClassroomRequests"].unstarClassroom(classroom.data, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+          id: classroom.data.id
+        }, {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ClassroomOverview,
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Favourite,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].Off,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classroom,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete
+        });
+        alerts.success(getPhrase('unstarSuccess', {
+          classroomName: classroom.data.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('unstarError', {
+          classroomName: classroom.data.name
+        }));
+      }));
+    }
+  }
+
+  if (!classroom.data) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_partial_loading_PartialClassroomView__WEBPACK_IMPORTED_MODULE_18__["PartialClassroomView"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between p-3 pt-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mt-1 mr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_star_ClassroomStar__WEBPACK_IMPORTED_MODULE_17__["ClassroomStar"], {
+    isActive: classroom.data.isFavourited,
+    onToggle: onToggleStar
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", {
+    className: 'mb-1'
+  }, classroom.data.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    phrase: 'overview'
+  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__["AppLink"], {
+    className: 'd-flex align-items-center',
+    appLink: getManageClassroomAppLink(classroom.data.id)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_9__["SvgContainer"], {
+    className: 'mr-1 svg-container',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__["cvSvgLibrary"].Cog
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    phrase: 'manageClassroom'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h5'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    phrase: 'students'
+  })), classroom.data.students.length ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_students_list_ClassroomStudentsList__WEBPACK_IMPORTED_MODULE_15__["ClassroomStudentsList"], {
+    students: classroom.data.students,
+    classroom: classroom.data
+  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_students_list_empty_state_ClassroomStudentsListEmptyState__WEBPACK_IMPORTED_MODULE_16__["ClassroomStudentsListEmptyState"], null)));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/classroom/partial-loading/PartialClassroomView.tsx":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/classroom/partial-loading/PartialClassroomView.tsx ***!
+  \**************************************************************************************/
+/*! exports provided: PartialClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialClassroomView", function() { return PartialClassroomView; });
+/* 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 _partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./partial-classroom.scss */ "./src/apps/classrooms/views/classroom/partial-loading/partial-classroom.scss");
+/* harmony import */ var _partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function PartialClassroomView() {
+  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", {
+    className: 'd-flex justify-content-between mb-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'm-1 mb-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.star, " partial-loading-background")
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.heading, " mb-1 partial-loading-background")
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.overview, " partial-loading-background")
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.manageLink, " partial-loading-background")
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.studentsHeading, " partial-loading-background mb-2")
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex flex-wrap mx-n2'
+  }, Array(15).fill(null).map(function (_, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      key: i,
+      className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.studentItem, " partial-loading-background m-2 rounded-lg")
+    });
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/classroom/partial-loading/partial-classroom.scss":
+/*!************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/classroom/partial-loading/partial-classroom.scss ***!
+  \************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"star":"cv--star--3Lb-b","heading":"cv--heading--2_3Jc","overview":"cv--overview--mHSNP","manageLink":"cv--manageLink--2cJBD","studentsHeading":"cv--studentsHeading--1mKV4","studentItem":"cv--studentItem--K6dTd"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=30.chunk.js.map