@clickview/lite 0.0.28-rc.2 → 0.0.28-rc.4

package/dist/scripts/52.chunk.js

@@ -1,89 +1,64 @@
 (window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[52],{
 
-/***/ "../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx":
+/***/ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BreadcrumbItem\", function() { return BreadcrumbItem; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BreadcrumbList\", function() { return BreadcrumbList; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_shared_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/shared/src/components/app-link/AppLink.tsx\");\n\n\nvar BreadcrumbItem = function BreadcrumbItem(_ref) {\n  var _ref$breadcrumb = _ref.breadcrumb,\n      label = _ref$breadcrumb.label,\n      appLink = _ref$breadcrumb.appLink,\n      active = _ref$breadcrumb.active;\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"li\", {\n    className: \"breadcrumb-item\".concat(active ? ' active' : '')\n  }, active ? react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"strong\", null, label) : react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__[\"AppLink\"], {\n    appLink: appLink\n  }, label));\n};\nvar BreadcrumbList = function BreadcrumbList(_ref2) {\n  var breadcrumbs = _ref2.breadcrumbs;\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"ol\", {\n    className: 'breadcrumb m-0 p-0'\n  }, breadcrumbs.map(function (b, idx) {\n    return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](BreadcrumbItem, {\n      key: idx,\n      breadcrumb: b\n    });\n  }));\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvQnJlYWRjcnVtYkxpc3QudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvQnJlYWRjcnVtYkxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgQ29yZSB9IGZyb20gJ2xpYnMvY29tbW9uL2NvcmUnO1xyXG5pbXBvcnQgeyBBcHBMaW5rIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9hcHAtbGluay9BcHBMaW5rJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYiB7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICBhcHBMaW5rOiBDb3JlLkFwcExpbms7XHJcbiAgYWN0aXZlPzogYm9vbGVhbjtcclxufVxyXG5cclxuaW50ZXJmYWNlIEJyZWFkY3J1bWJJdGVtUHJvcHMge1xyXG4gIGJyZWFkY3J1bWI6IEJyZWFkY3J1bWI7XHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBCcmVhZGNydW1iSXRlbSA9ICh7IGJyZWFkY3J1bWI6IHsgbGFiZWwsIGFwcExpbmssIGFjdGl2ZSB9IH06IEJyZWFkY3J1bWJJdGVtUHJvcHMpID0+IChcclxuICA8bGkgY2xhc3NOYW1lPXtgYnJlYWRjcnVtYi1pdGVtJHthY3RpdmUgPyAnIGFjdGl2ZScgOiAnJ31gfT5cclxuICAgIHthY3RpdmVcclxuICAgICAgPyA8c3Ryb25nPntsYWJlbH08L3N0cm9uZz5cclxuICAgICAgOiA8QXBwTGluayBhcHBMaW5rPXthcHBMaW5rfT57bGFiZWx9PC9BcHBMaW5rPlxyXG4gICAgfVxyXG4gIDwvbGk+XHJcbik7XHJcblxyXG5pbnRlcmZhY2UgQnJlYWRjcnVtYkxpc3RQcm9wcyB7XHJcbiAgYnJlYWRjcnVtYnM6IEJyZWFkY3J1bWJbXTtcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IEJyZWFkY3J1bWJMaXN0ID0gKHsgYnJlYWRjcnVtYnMgfTogQnJlYWRjcnVtYkxpc3RQcm9wcykgPT4gKFxyXG4gIDxvbCBjbGFzc05hbWU9J2JyZWFkY3J1bWIgbS0wIHAtMCc+XHJcbiAgICB7YnJlYWRjcnVtYnMubWFwKChiLCBpZHgpID0+IDxCcmVhZGNydW1iSXRlbSBrZXk9e2lkeH0gYnJlYWRjcnVtYj17Yn0gLz4pfVxyXG4gIDwvb2w+XHJcbik7Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBWUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUdBO0FBQUE7QUFKQTtBQWFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRkEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ClassroomGroupDetailsForm\", function() { return ClassroomGroupDetailsForm; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/formik/dist/formik.esm.js\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-field/FormField.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx\");\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"./src/apps/classrooms/components/colour-picker/ColourPicker.tsx\");\n/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss\");\n/* 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__);\n\n\n\n\n\n\n\n\n\nvar namespace = 'classrooms.classroomGroupDetailsForm';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].encloseNamespace(namespace);\nfunction ClassroomGroupDetailsForm(props) {\n  var formikProps = Object(libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__[\"useFormikContextWrapper\"])();\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__[\"Form\"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'pb-3 d-flex'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'form-group mr-2'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n    htmlFor: \"\".concat(props.isNew ? 'create' : 'edit', \"-classroom-group\")\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_6__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'colourLabel'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default.a.colourPickerContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__[\"ColourPicker\"], {\n    onSelect: function onSelect(c) {\n      return formikProps.setFieldValue('colour', c);\n    },\n    selection: formikProps.values.colour,\n    id: \"\".concat(props.isNew ? 'create' : 'edit', \"-classroom-group\")\n  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'form-group w-75'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n    htmlFor: 'name'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_6__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'nameLabel'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__[\"FormField\"], {\n    type: 'text',\n    name: 'name',\n    id: 'name',\n    className: \"\".concat(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default.a.groupNameInput),\n    placeholder: getPhrase('groupNamePlaceholder'),\n    autoFocus: true,\n    value: formikProps.values.name,\n    formSize: 'lg'\n  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'btn-container d-flex justify-content-end'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    type: 'button',\n    className: 'btn btn-link mr-2',\n    onClick: props.onClickCancel\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_6__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'cancel'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__[\"FormButtons\"], {\n    isNew: props.isNew,\n    variant: 'dark'\n  })));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9jbGFzc3Jvb21zL2NvbXBvbmVudHMvY2xhc3Nyb29tLWdyb3VwLWRldGFpbHMtZm9ybS9DbGFzc3Jvb21Hcm91cERldGFpbHNGb3JtLnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvc3JjL2FwcHMvY2xhc3Nyb29tcy9jb21wb25lbnRzL2NsYXNzcm9vbS1ncm91cC1kZXRhaWxzLWZvcm0vQ2xhc3Nyb29tR3JvdXBEZXRhaWxzRm9ybS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgRm9ybSB9IGZyb20gJ2Zvcm1payc7XHJcblxyXG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9zZXJ2aWNlcy9MYW5ndWFnZVNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGb3JtRmllbGQgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL2Zvcm1zL2Zvcm0tZmllbGQvRm9ybUZpZWxkJztcclxuaW1wb3J0IHsgdXNlRm9ybWlrQ29udGV4dFdyYXBwZXIgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL2Zvcm1zL2Zvcm0td3JhcHBlci9Gb3JtV3JhcHBlcic7XHJcbmltcG9ydCB7IEZvcm1CdXR0b25zIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9mb3Jtcy9mb3JtLWJ1dHRvbnMvRm9ybUJ1dHRvbnMnO1xyXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy90ZXh0L1RleHQnO1xyXG5cclxuaW1wb3J0IHsgQ29sb3VyUGlja2VyIH0gZnJvbSAnYXBwcy9jbGFzc3Jvb21zL2NvbXBvbmVudHMvY29sb3VyLXBpY2tlci9Db2xvdXJQaWNrZXInO1xyXG5pbXBvcnQgeyBFZGl0Q2xhc3Nyb29tR3JvdXBSZXF1ZXN0IH0gZnJvbSAnYXBwcy9jbGFzc3Jvb21zL2ludGVyZmFjZXMvRWRpdENsYXNzcm9vbUdyb3VwUmVxdWVzdCc7XHJcblxyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vY2xhc3Nyb29tLWdyb3VwLWRldGFpbHMtZm9ybS5zY3NzJztcclxuXHJcbmNvbnN0IG5hbWVzcGFjZSA9ICdjbGFzc3Jvb21zLmNsYXNzcm9vbUdyb3VwRGV0YWlsc0Zvcm0nO1xyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZShuYW1lc3BhY2UpO1xyXG5cclxuaW50ZXJmYWNlIENsYXNzcm9vbUdyb3VwRGV0YWlsc0Zvcm1Qcm9wcyB7XHJcbiAgaXNOZXc6IGJvb2xlYW47XHJcbiAgb25DbGlja0NhbmNlbDogKCkgPT4gdm9pZDtcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIENsYXNzcm9vbUdyb3VwRGV0YWlsc0Zvcm0ocHJvcHM6IENsYXNzcm9vbUdyb3VwRGV0YWlsc0Zvcm1Qcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBmb3JtaWtQcm9wcyA9IHVzZUZvcm1pa0NvbnRleHRXcmFwcGVyPEVkaXRDbGFzc3Jvb21Hcm91cFJlcXVlc3Q+KCk7XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8Rm9ybT5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9J3BiLTMgZC1mbGV4Jz5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0nZm9ybS1ncm91cCBtci0yJz5cclxuICAgICAgICAgIDxsYWJlbCBodG1sRm9yPXtgJHtwcm9wcy5pc05ldyA/ICdjcmVhdGUnIDogJ2VkaXQnfS1jbGFzc3Jvb20tZ3JvdXBgfT48VGV4dCBuYW1lc3BhY2U9e25hbWVzcGFjZX0gcGhyYXNlPSdjb2xvdXJMYWJlbCcgLz48L2xhYmVsPlxyXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5jb2xvdXJQaWNrZXJDb250YWluZXJ9PlxyXG4gICAgICAgICAgICA8Q29sb3VyUGlja2VyXHJcbiAgICAgICAgICAgICAgb25TZWxlY3Q9e2MgPT4gZm9ybWlrUHJvcHMuc2V0RmllbGRWYWx1ZSgnY29sb3VyJywgYyl9XHJcbiAgICAgICAgICAgICAgc2VsZWN0aW9uPXtmb3JtaWtQcm9wcy52YWx1ZXMuY29sb3VyfVxyXG4gICAgICAgICAgICAgIGlkPXtgJHtwcm9wcy5pc05ldyA/ICdjcmVhdGUnIDogJ2VkaXQnfS1jbGFzc3Jvb20tZ3JvdXBgfVxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9J2Zvcm0tZ3JvdXAgdy03NSc+XHJcbiAgICAgICAgICA8bGFiZWwgaHRtbEZvcj0nbmFtZSc+PFRleHQgbmFtZXNwYWNlPXtuYW1lc3BhY2V9IHBocmFzZT0nbmFtZUxhYmVsJyAvPjwvbGFiZWw+XHJcbiAgICAgICAgICA8Rm9ybUZpZWxkXHJcbiAgICAgICAgICAgIHR5cGU9J3RleHQnXHJcbiAgICAgICAgICAgIG5hbWU9J25hbWUnXHJcbiAgICAgICAgICAgIGlkPSduYW1lJ1xyXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake3N0eWxlcy5ncm91cE5hbWVJbnB1dH1gfVxyXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17Z2V0UGhyYXNlKCdncm91cE5hbWVQbGFjZWhvbGRlcicpfVxyXG4gICAgICAgICAgICBhdXRvRm9jdXNcclxuICAgICAgICAgICAgdmFsdWU9e2Zvcm1pa1Byb3BzLnZhbHVlcy5uYW1lfVxyXG4gICAgICAgICAgICBmb3JtU2l6ZT0nbGcnXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdidG4tY29udGFpbmVyIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtZW5kJz5cclxuICAgICAgICA8YnV0dG9uIHR5cGU9J2J1dHRvbicgY2xhc3NOYW1lPSdidG4gYnRuLWxpbmsgbXItMicgb25DbGljaz17cHJvcHMub25DbGlja0NhbmNlbH0+XHJcbiAgICAgICAgICA8VGV4dCBuYW1lc3BhY2U9e25hbWVzcGFjZX0gcGhyYXNlPSdjYW5jZWwnIC8+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPEZvcm1CdXR0b25zIGlzTmV3PXtwcm9wcy5pc05ld30gdmFyaWFudD0nZGFyaycgLz5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L0Zvcm0+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBR0E7QUFFQTtBQUNBO0FBT0E7QUFDQTtBQUVBO0FBRUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUVBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFIQTtBQU9BO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVJBO0FBYUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBRUE7QUFBQTtBQUFBO0FBSUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx\n");
 
 /***/ }),
 
-/***/ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BreadcrumbType\", function() { return BreadcrumbType; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Breadcrumbs\", function() { return Breadcrumbs; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PartialBreadcrumbs\", function() { return PartialBreadcrumbs; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/utils/FunctionHelper.ts\");\n/* harmony import */ var libs_common_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/react/utils/ObjectHelper.ts\");\n/* harmony import */ var libs_common_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/react/utils/ArrayHelper.ts\");\n/* harmony import */ var libs_shared_utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/utils/PartialLoadingHelper.ts\");\n/* harmony import */ var _BreadcrumbList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx\");\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _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.\"); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar BreadcrumbType;\n\n(function (BreadcrumbType) {\n  BreadcrumbType[BreadcrumbType[\"Static\"] = 0] = \"Static\";\n  BreadcrumbType[BreadcrumbType[\"Dynamic\"] = 1] = \"Dynamic\";\n})(BreadcrumbType || (BreadcrumbType = {}));\n\nfunction buildBreadcrumb(item, getItemAppLink, active) {\n  return {\n    label: item.name,\n    appLink: getItemAppLink(item),\n    active: active\n  };\n}\n\nfunction useGetBreadcrumbs(props, isDynamic) {\n  var currentItem = props.currentItem;\n  var getItemAppLink = props.getItemAppLink,\n      getParent = props.getParent,\n      rootItem = props.rootItem,\n      data = props.data,\n      subview = props.subview;\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])([]),\n      _useState2 = _slicedToArray(_useState, 2),\n      breadcrumbs = _useState2[0],\n      setBreadcrumbs = _useState2[1];\n\n  var key = data === null || data === void 0 ? void 0 : data.map(function (o) {\n    return o === null || o === void 0 ? void 0 : o.name;\n  }).join('-'); // Uss static/pre-defined array of data to build the breadcrumb structure\n\n  react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"](function () {\n    if (isDynamic || libs_common_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__[\"ObjectHelper\"].isEmpty(data)) return;\n\n    var _breadcrumbs = data.map(function (d, index) {\n      return buildBreadcrumb(d, getItemAppLink, index + 1 === data.length);\n    });\n\n    if (rootItem) _breadcrumbs.unshift(rootItem);\n    setBreadcrumbs(_breadcrumbs);\n  }, [key, getItemAppLink]); // Dynamically build the breadcrumb structure\n\n  react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"](function () {\n    if (!isDynamic || !libs_common_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__[\"FunctionHelper\"].isFunction(getParent)) return;\n    var _breadcrumbs = [buildBreadcrumb(currentItem, getItemAppLink, true)];\n    currentItem = getParent(currentItem);\n\n    while (currentItem) {\n      _breadcrumbs.unshift(buildBreadcrumb(currentItem, getItemAppLink));\n\n      currentItem = getParent(currentItem);\n    }\n\n    if (rootItem) _breadcrumbs.unshift(rootItem);\n    return setBreadcrumbs(_breadcrumbs);\n  }, [currentItem, getParent, getItemAppLink, rootItem]);\n\n  var _React$useRef = react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"]({\n    label: subview,\n    appLink: null,\n    active: true\n  }),\n      subviewBreadcrumb = _React$useRef.current; // Replace \"active\" item with the subview\n\n\n  if (subview) {\n    if (!breadcrumbs.includes(subviewBreadcrumb)) setBreadcrumbs([].concat(_toConsumableArray(breadcrumbs), [subviewBreadcrumb]));\n    var selectedBreadcrumb = breadcrumbs.filter(function (crumb) {\n      return crumb.active && crumb !== subviewBreadcrumb;\n    });\n    if (selectedBreadcrumb.length) libs_common_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__[\"ArrayHelper\"].first(selectedBreadcrumb).active = false;\n  }\n\n  return breadcrumbs;\n}\n\nfunction Breadcrumbs(props) {\n  var type = props.type;\n  var isDynamic = type === BreadcrumbType.Dynamic;\n  var breadcrumbs = useGetBreadcrumbs(props, isDynamic);\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"nav\", {\n    \"aria-label\": 'breadcrumb'\n  }, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](_BreadcrumbList__WEBPACK_IMPORTED_MODULE_5__[\"BreadcrumbList\"], {\n    breadcrumbs: breadcrumbs\n  }));\n}\nvar PartialBreadcrumbs = react__WEBPACK_IMPORTED_MODULE_0__[\"memo\"](function (_ref) {\n  var _ref$numItems = _ref.numItems,\n      numItems = _ref$numItems === void 0 ? 3 : _ref$numItems;\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"nav\", {\n    \"aria-label\": 'breadcrumb'\n  }, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"ol\", {\n    className: 'breadcrumb m-0 p-0'\n  }, libs_shared_utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_4__[\"PartialLoadingHelper\"].getPartialLoadingItems({\n    numItems: numItems\n  }).map(function (_ref2, idx) {\n    var width = _ref2.width;\n    return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"li\", {\n      key: idx,\n      className: 'breadcrumb-item'\n    }, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"span\", {\n      className: 'd-inline-block partial-loading-background',\n      style: {\n        width: width\n      },\n      dangerouslySetInnerHTML: {\n        __html: '&nbsp'\n      }\n    }));\n  })));\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcblxyXG5pbXBvcnQgeyBDb3JlIH0gZnJvbSAnbGlicy9jb21tb24vY29yZSc7XHJcbmltcG9ydCB7IEZ1bmN0aW9uSGVscGVyIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvdXRpbHMvRnVuY3Rpb25IZWxwZXInO1xyXG5pbXBvcnQgeyBPYmplY3RIZWxwZXIgfSBmcm9tICdsaWJzL2NvbW1vbi9yZWFjdC91dGlscy9PYmplY3RIZWxwZXInO1xyXG5pbXBvcnQgeyBBcnJheUhlbHBlciB9IGZyb20gJ2xpYnMvY29tbW9uL3JlYWN0L3V0aWxzL0FycmF5SGVscGVyJztcclxuXHJcbmltcG9ydCB7IEJhc2VPYmplY3QgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgUGFydGlhbExvYWRpbmdIZWxwZXIgfSBmcm9tICdsaWJzL3NoYXJlZC91dGlscy9QYXJ0aWFsTG9hZGluZ0hlbHBlcic7XHJcblxyXG5pbXBvcnQgeyBCcmVhZGNydW1iLCBCcmVhZGNydW1iTGlzdCB9IGZyb20gJy4vQnJlYWRjcnVtYkxpc3QnO1xyXG5cclxuZXhwb3J0IGVudW0gQnJlYWRjcnVtYlR5cGUge1xyXG4gIFN0YXRpYyxcclxuICBEeW5hbWljXHJcbn1cclxuXHJcbmZ1bmN0aW9uIGJ1aWxkQnJlYWRjcnVtYjxUIGV4dGVuZHMgQmFzZU9iamVjdD4oXHJcbiAgaXRlbTogVCwgZ2V0SXRlbUFwcExpbms6IChpdGVtOiBUKSA9PiBDb3JlLkFwcExpbmssIGFjdGl2ZT86IGJvb2xlYW5cclxuKTogQnJlYWRjcnVtYiB7XHJcbiAgcmV0dXJuICh7XHJcbiAgICBsYWJlbDogaXRlbS5uYW1lLFxyXG4gICAgYXBwTGluazogZ2V0SXRlbUFwcExpbmsoaXRlbSksXHJcbiAgICBhY3RpdmVcclxuICB9KTtcclxufVxyXG5cclxuZnVuY3Rpb24gdXNlR2V0QnJlYWRjcnVtYnM8VCBleHRlbmRzIEJhc2VPYmplY3Q+KHByb3BzOiBCcmVhZGNydW1ic1Byb3BzPFQ+LCBpc0R5bmFtaWM6IGJvb2xlYW4pOiBCcmVhZGNydW1iW10ge1xyXG4gIGxldCB7IGN1cnJlbnRJdGVtIH0gPSBwcm9wcztcclxuICBjb25zdCB7IGdldEl0ZW1BcHBMaW5rLCBnZXRQYXJlbnQsIHJvb3RJdGVtLCBkYXRhLCBzdWJ2aWV3IH0gPSBwcm9wcztcclxuXHJcbiAgY29uc3QgWyBicmVhZGNydW1icywgc2V0QnJlYWRjcnVtYnMgXSA9IHVzZVN0YXRlPEJyZWFkY3J1bWJbXT4oW10pO1xyXG5cclxuICBjb25zdCBrZXkgPSBkYXRhPy5tYXAobyA9PiBvPy5uYW1lKS5qb2luKCctJyk7XHJcblxyXG4gIC8vIFVzcyBzdGF0aWMvcHJlLWRlZmluZWQgYXJyYXkgb2YgZGF0YSB0byBidWlsZCB0aGUgYnJlYWRjcnVtYiBzdHJ1Y3R1cmVcclxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgaWYgKGlzRHluYW1pYyB8fCBPYmplY3RIZWxwZXIuaXNFbXB0eShkYXRhKSlcclxuICAgICAgcmV0dXJuO1xyXG5cclxuICAgIGNvbnN0IF9icmVhZGNydW1icyA9IGRhdGEubWFwKChkLCBpbmRleDogbnVtYmVyKSA9PiBidWlsZEJyZWFkY3J1bWIoZCwgZ2V0SXRlbUFwcExpbmssIGluZGV4ICsgMSA9PT0gZGF0YS5sZW5ndGgpKTtcclxuXHJcbiAgICBpZiAocm9vdEl0ZW0pXHJcbiAgICAgIF9icmVhZGNydW1icy51bnNoaWZ0KHJvb3RJdGVtKTtcclxuXHJcbiAgICBzZXRCcmVhZGNydW1icyhfYnJlYWRjcnVtYnMpO1xyXG5cclxuICB9LCBbIGtleSwgZ2V0SXRlbUFwcExpbmsgXSk7XHJcblxyXG5cclxuICAvLyBEeW5hbWljYWxseSBidWlsZCB0aGUgYnJlYWRjcnVtYiBzdHJ1Y3R1cmVcclxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgaWYgKCFpc0R5bmFtaWMgfHwgIUZ1bmN0aW9uSGVscGVyLmlzRnVuY3Rpb24oZ2V0UGFyZW50KSlcclxuICAgICAgcmV0dXJuO1xyXG5cclxuICAgIGNvbnN0IF9icmVhZGNydW1icyA9IFtidWlsZEJyZWFkY3J1bWI8VD4oY3VycmVudEl0ZW0sIGdldEl0ZW1BcHBMaW5rLCB0cnVlKV07XHJcblxyXG4gICAgY3VycmVudEl0ZW0gPSBnZXRQYXJlbnQoY3VycmVudEl0ZW0pO1xyXG5cclxuICAgIHdoaWxlIChjdXJyZW50SXRlbSkge1xyXG4gICAgICBfYnJlYWRjcnVtYnMudW5zaGlmdChidWlsZEJyZWFkY3J1bWI8VD4oY3VycmVudEl0ZW0sIGdldEl0ZW1BcHBMaW5rKSk7XHJcbiAgICAgIGN1cnJlbnRJdGVtID0gZ2V0UGFyZW50KGN1cnJlbnRJdGVtKTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAocm9vdEl0ZW0pXHJcbiAgICAgIF9icmVhZGNydW1icy51bnNoaWZ0KHJvb3RJdGVtKTtcclxuXHJcbiAgICByZXR1cm4gc2V0QnJlYWRjcnVtYnMoX2JyZWFkY3J1bWJzKTtcclxuXHJcbiAgfSwgWyBjdXJyZW50SXRlbSwgZ2V0UGFyZW50LCBnZXRJdGVtQXBwTGluaywgcm9vdEl0ZW0gXSk7XHJcblxyXG4gIGNvbnN0IHsgY3VycmVudDogc3Vidmlld0JyZWFkY3J1bWIgfSA9IFJlYWN0LnVzZVJlZjxCcmVhZGNydW1iPih7XHJcbiAgICBsYWJlbDogc3VidmlldyxcclxuICAgIGFwcExpbms6IG51bGwsXHJcbiAgICBhY3RpdmU6IHRydWVcclxuICB9KTtcclxuXHJcbiAgLy8gUmVwbGFjZSBcImFjdGl2ZVwiIGl0ZW0gd2l0aCB0aGUgc3Vidmlld1xyXG4gIGlmIChzdWJ2aWV3KSB7XHJcbiAgICBpZiAoIWJyZWFkY3J1bWJzLmluY2x1ZGVzKHN1YnZpZXdCcmVhZGNydW1iKSlcclxuICAgICAgc2V0QnJlYWRjcnVtYnMoWyAuLi5icmVhZGNydW1icywgc3Vidmlld0JyZWFkY3J1bWIgXSk7XHJcblxyXG4gICAgY29uc3Qgc2VsZWN0ZWRCcmVhZGNydW1iID0gYnJlYWRjcnVtYnMuZmlsdGVyKChjcnVtYiA9PiBjcnVtYi5hY3RpdmUgJiYgY3J1bWIgIT09IHN1YnZpZXdCcmVhZGNydW1iKSk7XHJcbiAgICBpZiAoc2VsZWN0ZWRCcmVhZGNydW1iLmxlbmd0aClcclxuICAgICAgQXJyYXlIZWxwZXIuZmlyc3Qoc2VsZWN0ZWRCcmVhZGNydW1iKS5hY3RpdmUgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHJldHVybiBicmVhZGNydW1icztcclxufVxyXG5cclxuaW50ZXJmYWNlIEJyZWFkY3J1bWJzUHJvcHM8VD4ge1xyXG4gIHR5cGU6IEJyZWFkY3J1bWJUeXBlO1xyXG4gIGN1cnJlbnRJdGVtOiBUO1xyXG4gIGdldEl0ZW1BcHBMaW5rOiAoaXRlbTogVCkgPT4gQ29yZS5BcHBMaW5rO1xyXG4gIGdldFBhcmVudD86IChpdGVtOiBUKSA9PiBUO1xyXG4gIHJvb3RJdGVtPzogQnJlYWRjcnVtYjtcclxuICBkYXRhPzogVFtdO1xyXG4gIHN1YnZpZXc/OiBzdHJpbmc7IC8vIEUuZy4gXCJTZXJpZXNcIiwgXCJQbGF5bGlzdHNcIlxyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gQnJlYWRjcnVtYnM8VCBleHRlbmRzIEJhc2VPYmplY3Q+KHByb3BzOiBCcmVhZGNydW1ic1Byb3BzPFQ+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcclxuICBjb25zdCB7IHR5cGUgfSA9IHByb3BzO1xyXG5cclxuICBjb25zdCBpc0R5bmFtaWMgPSB0eXBlID09PSBCcmVhZGNydW1iVHlwZS5EeW5hbWljO1xyXG4gIGNvbnN0IGJyZWFkY3J1bWJzID0gdXNlR2V0QnJlYWRjcnVtYnMocHJvcHMsIGlzRHluYW1pYyk7XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8bmF2IGFyaWEtbGFiZWw9J2JyZWFkY3J1bWInPlxyXG4gICAgICA8QnJlYWRjcnVtYkxpc3QgYnJlYWRjcnVtYnM9e2JyZWFkY3J1bWJzfSAvPlxyXG4gICAgPC9uYXY+XHJcbiAgKTtcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IFBhcnRpYWxCcmVhZGNydW1icyA9IFJlYWN0Lm1lbW8oZnVuY3Rpb24oeyBudW1JdGVtcyA9IDMgfTogeyBudW1JdGVtcz86IG51bWJlcjsgfSkge1xyXG4gIHJldHVybiAoXHJcbiAgICA8bmF2IGFyaWEtbGFiZWw9J2JyZWFkY3J1bWInPlxyXG4gICAgICA8b2wgY2xhc3NOYW1lPSdicmVhZGNydW1iIG0tMCBwLTAnPlxyXG4gICAgICAgIHtQYXJ0aWFsTG9hZGluZ0hlbHBlci5nZXRQYXJ0aWFsTG9hZGluZ0l0ZW1zKHsgbnVtSXRlbXMgfSkubWFwKCh7IHdpZHRoIH0sIGlkeCkgPT5cclxuICAgICAgICAgIDxsaSBrZXk9e2lkeH0gY2xhc3NOYW1lPSdicmVhZGNydW1iLWl0ZW0nPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9J2QtaW5saW5lLWJsb2NrIHBhcnRpYWwtbG9hZGluZy1iYWNrZ3JvdW5kJyBzdHlsZT17eyB3aWR0aCB9fSBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6ICcmbmJzcCcgfX0gLz5cclxuICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgKX1cclxuICAgICAgPC9vbD5cclxuICAgIDwvbmF2PlxyXG4gICk7XHJcbn0pOyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFHQTtBQUVBO0FBRUE7QUFDQTtBQURBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFLQTtBQUFBO0FBQUE7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFHQTtBQUVBO0FBQ0E7QUFHQTtBQUNBO0FBR0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUVBO0FBQ0E7QUEzQ0E7QUE2Q0E7QUFDQTtBQUNBO0FBSEE7QUE1Q0E7QUFDQTtBQUNBO0FBaURBO0FBQ0E7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFXQTtBQUFBO0FBR0E7QUFDQTtBQUVBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFHQTtBQUVBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFGQTtBQVFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx\n");
-
-/***/ }),
-
-/***/ "../../libs/shared/src/utils/PartialLoadingHelper.ts":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PartialLoadingHelper\", function() { return PartialLoadingHelper; });\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _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); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _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; }\n\nvar DEFAULT_NUM_ITEMS = 5;\nvar DEFAULT_MIN_WIDTH = 50; // px\n\nvar DEFAULT_MAX_WIDTH = 100; // px\n\nvar PartialLoadingHelper = {\n  getPartialLoadingItems: function getPartialLoadingItems() {\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    var _options$numItems = options.numItems,\n        numItems = _options$numItems === void 0 ? DEFAULT_NUM_ITEMS : _options$numItems,\n        _options$minWidth = options.minWidth,\n        minWidth = _options$minWidth === void 0 ? DEFAULT_MIN_WIDTH : _options$minWidth,\n        _options$maxWidth = options.maxWidth,\n        maxWidth = _options$maxWidth === void 0 ? DEFAULT_MAX_WIDTH : _options$maxWidth;\n\n    var getRandomFilterWidth = function getRandomFilterWidth() {\n      return Math.max(Math.floor(Math.random() * maxWidth), minWidth);\n    };\n\n    return _toConsumableArray(Array(numItems)).map(function () {\n      return {\n        width: \"\".concat(getRandomFilterWidth(), \"px\")\n      };\n    });\n  }\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL3V0aWxzL1BhcnRpYWxMb2FkaW5nSGVscGVyLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL3V0aWxzL1BhcnRpYWxMb2FkaW5nSGVscGVyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImNvbnN0IERFRkFVTFRfTlVNX0lURU1TID0gNTtcclxuY29uc3QgREVGQVVMVF9NSU5fV0lEVEggPSA1MDsgLy8gcHhcclxuY29uc3QgREVGQVVMVF9NQVhfV0lEVEggPSAxMDA7IC8vIHB4XHJcblxyXG5pbnRlcmZhY2UgUGFydGlhbExvYWRpbmdPcHRpb25zIHtcclxuICBudW1JdGVtcz86IG51bWJlcjtcclxuICBtaW5XaWR0aD86IG51bWJlcjtcclxuICBtYXhXaWR0aD86IG51bWJlcjtcclxufVxyXG5cclxuaW50ZXJmYWNlIFBhcnRpYWxMb2FkaW5nSXRlbSB7XHJcbiAgd2lkdGg6IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IFBhcnRpYWxMb2FkaW5nSGVscGVyID0ge1xyXG4gIGdldFBhcnRpYWxMb2FkaW5nSXRlbXMob3B0aW9uczogUGFydGlhbExvYWRpbmdPcHRpb25zID0ge30pOiBQYXJ0aWFsTG9hZGluZ0l0ZW1bXSB7XHJcbiAgICBjb25zdCB7XHJcbiAgICAgIG51bUl0ZW1zID0gREVGQVVMVF9OVU1fSVRFTVMsXHJcbiAgICAgIG1pbldpZHRoID0gREVGQVVMVF9NSU5fV0lEVEgsXHJcbiAgICAgIG1heFdpZHRoID0gREVGQVVMVF9NQVhfV0lEVEhcclxuICAgIH0gPSBvcHRpb25zO1xyXG5cclxuICAgIGNvbnN0IGdldFJhbmRvbUZpbHRlcldpZHRoID0gKCkgPT4gTWF0aC5tYXgoTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogbWF4V2lkdGgpLCBtaW5XaWR0aCk7XHJcblxyXG4gICAgcmV0dXJuIFsuLi5BcnJheShudW1JdGVtcyldLm1hcCgoKSA9PiAoeyB3aWR0aDogYCR7Z2V0UmFuZG9tRmlsdGVyV2lkdGgoKX1weGAgfSkpO1xyXG4gIH1cclxufTsiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQVdBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBTUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFYQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../../libs/shared/src/utils/PartialLoadingHelper.ts\n");
-
-/***/ }),
-
-/***/ "./src/apps/settings/components/email-settings/EmailSettings.tsx":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss":
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EmailSettings\", function() { return EmailSettings; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/formik/dist/formik.esm.js\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-field/FormField.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx\");\n/* harmony import */ var libs_shared_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"../../libs/shared/src/enums/MediaQueries.ts\");\n/* harmony import */ var libs_shared_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"../../libs/shared/src/hooks/UseMediaQuery.tsx\");\n/* harmony import */ var _EmailSettingsValidationSchema__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"./src/apps/settings/components/email-settings/EmailSettingsValidationSchema.ts\");\n/* harmony import */ var _VerifiedEmailIcon__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(\"./src/apps/settings/components/email-settings/VerifiedEmailIcon.tsx\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _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.\"); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\nvar namespace = 'settings.emailSettings';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].encloseNamespace(namespace);\nfunction EmailSettings(props) {\n  var isSmallScreen = Object(libs_shared_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_8__[\"useMediaQuery\"])(libs_shared_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_7__[\"MediaQueryStrings\"].MDDown); // On small screens, we collapse the forms by default\n\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(!isSmallScreen),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      showForm = _React$useState2[0],\n      setShowForm = _React$useState2[1];\n\n  var isVerified = props.currentUser.emailVerified;\n  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {\n    if (!isSmallScreen && !showForm) setShowForm(true);\n  }, [isSmallScreen, showForm]);\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__[\"LanguageNamespaceContext\"].Provider, {\n    value: namespace\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h2\", {\n    className: 'h4 d-flex align-items-center'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    phrase: 'heading'\n  }), isVerified && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: 'font-size-normal font-weight-500 text-primary d-flex align-items-center mb-0 ml-2'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    phrase: 'verified'\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_VerifiedEmailIcon__WEBPACK_IMPORTED_MODULE_10__[\"VerifiedEmailIcon\"], null))), isVerified && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    phrase: 'info',\n    options: {\n      email: props.currentUser.email\n    }\n  })), !showForm ? 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\", {\n    className: 'd-flex'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    className: 'btn btn-outline-dark btn-lg mr-2',\n    onClick: function onClick() {\n      return setShowForm(true);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    phrase: 'change'\n  })))) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__[\"FormWrapper\"], {\n    initialValues: {\n      email: props.currentUser.email || ''\n    },\n    onSubmit: props.onChangeEmail,\n    validationSchema: _EmailSettingsValidationSchema__WEBPACK_IMPORTED_MODULE_9__[\"EmailSettingsValidationSchema\"]\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__[\"Form\"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__[\"FormField\"], {\n    className: 'w-75',\n    name: 'email',\n    placeholder: getPhrase('emailPlaceholder'),\n    autoComplete: 'email',\n    formSize: 'lg'\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"btn-container d-flex \".concat(isSmallScreen ? 'ml-n2' : '')\n  }, isSmallScreen && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    type: 'button',\n    className: 'btn btn-link btn-lg mr-2',\n    onClick: function onClick() {\n      return setShowForm(false);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    phrase: 'cancel'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__[\"FormButtons\"], {\n    isNew: false,\n    submitText: isVerified ? getPhrase('updateEmail') : getPhrase('verifyEmail'),\n    variant: isVerified ? 'outline-dark' : 'dark',\n    size: 'lg'\n  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n    className: 'mb-0 mt-2'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    phrase: 'note'\n  })));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL2VtYWlsLXNldHRpbmdzL0VtYWlsU2V0dGluZ3MudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL2VtYWlsLXNldHRpbmdzL0VtYWlsU2V0dGluZ3MudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IEZvcm0gfSBmcm9tICdmb3JtaWsnO1xyXG5cclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuXHJcbmltcG9ydCB7IFRleHQsIExhbmd1YWdlTmFtZXNwYWNlQ29udGV4dCB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvdGV4dC9UZXh0JztcclxuaW1wb3J0IHsgQ3VycmVudFVzZXIgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgRm9ybVdyYXBwZXIgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL2Zvcm1zL2Zvcm0td3JhcHBlci9Gb3JtV3JhcHBlcic7XHJcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvZm9ybXMvZm9ybS1maWVsZC9Gb3JtRmllbGQnO1xyXG5pbXBvcnQgeyBGb3JtQnV0dG9ucyB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvZm9ybXMvZm9ybS1idXR0b25zL0Zvcm1CdXR0b25zJztcclxuaW1wb3J0IHsgTWVkaWFRdWVyeVN0cmluZ3MgfSBmcm9tICdsaWJzL3NoYXJlZC9lbnVtcy9NZWRpYVF1ZXJpZXMnO1xyXG5pbXBvcnQgeyB1c2VNZWRpYVF1ZXJ5IH0gZnJvbSAnbGlicy9zaGFyZWQvaG9va3MvVXNlTWVkaWFRdWVyeSc7XHJcblxyXG5pbXBvcnQgeyBFbWFpbFNldHRpbmdzVmFsaWRhdGlvblNjaGVtYSB9IGZyb20gJy4vRW1haWxTZXR0aW5nc1ZhbGlkYXRpb25TY2hlbWEnO1xyXG5pbXBvcnQgeyBWZXJpZmllZEVtYWlsSWNvbiB9IGZyb20gJy4vVmVyaWZpZWRFbWFpbEljb24nO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ3NldHRpbmdzLmVtYWlsU2V0dGluZ3MnO1xyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZShuYW1lc3BhY2UpO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBFbWFpbFNldHRpbmdzTW9kZWwge1xyXG4gIGVtYWlsOiBzdHJpbmc7XHJcbn1cclxuXHJcbmludGVyZmFjZSBFbWFpbFNldHRpbmdzUHJvcHMge1xyXG4gIGN1cnJlbnRVc2VyOiBDdXJyZW50VXNlcjtcclxuICBvbkNoYW5nZUVtYWlsOiAoZW1haWxNb2RlbDogRW1haWxTZXR0aW5nc01vZGVsKSA9PiB2b2lkO1xyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gRW1haWxTZXR0aW5ncyhwcm9wczogRW1haWxTZXR0aW5nc1Byb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIGNvbnN0IGlzU21hbGxTY3JlZW4gPSB1c2VNZWRpYVF1ZXJ5KE1lZGlhUXVlcnlTdHJpbmdzLk1ERG93bik7XHJcblxyXG4gIC8vIE9uIHNtYWxsIHNjcmVlbnMsIHdlIGNvbGxhcHNlIHRoZSBmb3JtcyBieSBkZWZhdWx0XHJcbiAgY29uc3QgWyBzaG93Rm9ybSwgc2V0U2hvd0Zvcm0gXSA9IFJlYWN0LnVzZVN0YXRlKCFpc1NtYWxsU2NyZWVuKTtcclxuXHJcbiAgY29uc3QgaXNWZXJpZmllZCA9IHByb3BzLmN1cnJlbnRVc2VyLmVtYWlsVmVyaWZpZWQ7XHJcblxyXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICBpZiAoIWlzU21hbGxTY3JlZW4gJiYgIXNob3dGb3JtKVxyXG4gICAgICBzZXRTaG93Rm9ybSh0cnVlKTtcclxuICB9LCBbIGlzU21hbGxTY3JlZW4sIHNob3dGb3JtIF0pO1xyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPExhbmd1YWdlTmFtZXNwYWNlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17bmFtZXNwYWNlfT5cclxuICAgICAgPGgyIGNsYXNzTmFtZT0naDQgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlcic+XHJcbiAgICAgICAgPFRleHQgcGhyYXNlPSdoZWFkaW5nJyAvPlxyXG4gICAgICAgIHtpc1ZlcmlmaWVkICYmIChcclxuICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT0nZm9udC1zaXplLW5vcm1hbCBmb250LXdlaWdodC01MDAgdGV4dC1wcmltYXJ5IGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgbWItMCBtbC0yJz5cclxuICAgICAgICAgICAgPFRleHQgcGhyYXNlPSd2ZXJpZmllZCcgLz5cclxuICAgICAgICAgICAgPFZlcmlmaWVkRW1haWxJY29uIC8+XHJcbiAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgKX1cclxuICAgICAgPC9oMj5cclxuXHJcbiAgICAgIHtpc1ZlcmlmaWVkICYmIChcclxuICAgICAgICA8cD48VGV4dCBwaHJhc2U9J2luZm8nIG9wdGlvbnM9e3sgZW1haWw6IHByb3BzLmN1cnJlbnRVc2VyLmVtYWlsIH19IC8+PC9wPlxyXG4gICAgICApfVxyXG5cclxuICAgICAgeyFzaG93Rm9ybVxyXG4gICAgICAgID8gKFxyXG4gICAgICAgICAgPD5cclxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J2QtZmxleCc+XHJcbiAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzc05hbWU9J2J0biBidG4tb3V0bGluZS1kYXJrIGJ0bi1sZyBtci0yJyBvbkNsaWNrPXsoKSA9PiBzZXRTaG93Rm9ybSh0cnVlKX0+XHJcbiAgICAgICAgICAgICAgICA8VGV4dCBwaHJhc2U9J2NoYW5nZScgLz5cclxuICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8Lz5cclxuICAgICAgICApIDogKFxyXG4gICAgICAgICAgPEZvcm1XcmFwcGVyPEVtYWlsU2V0dGluZ3NNb2RlbD5cclxuICAgICAgICAgICAgaW5pdGlhbFZhbHVlcz17eyBlbWFpbDogcHJvcHMuY3VycmVudFVzZXIuZW1haWwgfHwgJycgfX1cclxuICAgICAgICAgICAgb25TdWJtaXQ9e3Byb3BzLm9uQ2hhbmdlRW1haWx9XHJcbiAgICAgICAgICAgIHZhbGlkYXRpb25TY2hlbWE9e0VtYWlsU2V0dGluZ3NWYWxpZGF0aW9uU2NoZW1hfVxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8Rm9ybT5cclxuICAgICAgICAgICAgICA8Rm9ybUZpZWxkXHJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9J3ctNzUnXHJcbiAgICAgICAgICAgICAgICBuYW1lPSdlbWFpbCdcclxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtnZXRQaHJhc2UoJ2VtYWlsUGxhY2Vob2xkZXInKX1cclxuICAgICAgICAgICAgICAgIGF1dG9Db21wbGV0ZT0nZW1haWwnXHJcbiAgICAgICAgICAgICAgICBmb3JtU2l6ZT0nbGcnXHJcbiAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YGJ0bi1jb250YWluZXIgZC1mbGV4ICR7aXNTbWFsbFNjcmVlbiA/ICdtbC1uMicgOiAnJ31gfT5cclxuICAgICAgICAgICAgICAgIHtpc1NtYWxsU2NyZWVuICYmIChcclxuICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPSdidXR0b24nIGNsYXNzTmFtZT0nYnRuIGJ0bi1saW5rIGJ0bi1sZyBtci0yJyBvbkNsaWNrPXsoKSA9PiBzZXRTaG93Rm9ybShmYWxzZSl9PlxyXG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IHBocmFzZT0nY2FuY2VsJyAvPlxyXG4gICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICl9XHJcbiAgICAgICAgICAgICAgICA8Rm9ybUJ1dHRvbnNcclxuICAgICAgICAgICAgICAgICAgaXNOZXc9e2ZhbHNlfVxyXG4gICAgICAgICAgICAgICAgICBzdWJtaXRUZXh0PXtpc1ZlcmlmaWVkID8gZ2V0UGhyYXNlKCd1cGRhdGVFbWFpbCcpIDogZ2V0UGhyYXNlKCd2ZXJpZnlFbWFpbCcpfVxyXG4gICAgICAgICAgICAgICAgICB2YXJpYW50PXtpc1ZlcmlmaWVkID8gJ291dGxpbmUtZGFyaycgOiAnZGFyayd9XHJcbiAgICAgICAgICAgICAgICAgIHNpemU9J2xnJ1xyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9Gb3JtPlxyXG4gICAgICAgICAgPC9Gb3JtV3JhcHBlcj5cclxuICAgICAgICApXHJcbiAgICAgIH1cclxuICAgICAgPHAgY2xhc3NOYW1lPSdtYi0wIG10LTInPjxUZXh0IHBocmFzZT0nbm90ZScgLz48L3A+XHJcbiAgICA8L0xhbmd1YWdlTmFtZXNwYWNlQ29udGV4dC5Qcm92aWRlcj5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFFQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFFQTtBQUNBO0FBV0E7QUFDQTtBQUNBO0FBRkE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUtBO0FBRUE7QUFDQTtBQUVBO0FBRUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQU9BO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFNQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBSEE7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFPQTtBQUFBO0FBRUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFXQTtBQUFBO0FBQUE7QUFBQTtBQUdBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/settings/components/email-settings/EmailSettings.tsx\n");
+eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"groupNameInput\":\"cv--groupNameInput--3hGvq\",\"colourPickerContainer\":\"cv--colourPickerContainer--1-Z6u\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9jbGFzc3Jvb21zL2NvbXBvbmVudHMvY2xhc3Nyb29tLWdyb3VwLWRldGFpbHMtZm9ybS9jbGFzc3Jvb20tZ3JvdXAtZGV0YWlscy1mb3JtLnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9saXRlL3NyYy9hcHBzL2NsYXNzcm9vbXMvY29tcG9uZW50cy9jbGFzc3Jvb20tZ3JvdXAtZGV0YWlscy1mb3JtL2NsYXNzcm9vbS1ncm91cC1kZXRhaWxzLWZvcm0uc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbm1vZHVsZS5leHBvcnRzID0ge1wiZ3JvdXBOYW1lSW5wdXRcIjpcImN2LS1ncm91cE5hbWVJbnB1dC0tM2hHdnFcIixcImNvbG91clBpY2tlckNvbnRhaW5lclwiOlwiY3YtLWNvbG91clBpY2tlckNvbnRhaW5lci0tMS1aNnVcIn07Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss\n");
 
 /***/ }),
 
-/***/ "./src/apps/settings/components/email-settings/EmailSettingsValidationSchema.ts":
+/***/ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EmailSettingsValidationSchema\", function() { return EmailSettingsValidationSchema; });\n/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../../node_modules/yup/lib/index.js\");\n/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n\n\nvar namespace = 'settings.emailSettings';\nvar EmailSettingsValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"object\"])().shape({\n  email: Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"])().required(function () {\n    return libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].getPhrase(namespace, 'emailRequired');\n  }).email(function () {\n    return libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].getPhrase(namespace, 'emailInvalid');\n  }).trim()[\"default\"]('')\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL2VtYWlsLXNldHRpbmdzL0VtYWlsU2V0dGluZ3NWYWxpZGF0aW9uU2NoZW1hLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL2VtYWlsLXNldHRpbmdzL0VtYWlsU2V0dGluZ3NWYWxpZGF0aW9uU2NoZW1hLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG9iamVjdCwgc3RyaW5nIH0gZnJvbSAneXVwJztcclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuXHJcbmNvbnN0IG5hbWVzcGFjZSA9ICdzZXR0aW5ncy5lbWFpbFNldHRpbmdzJztcclxuXHJcbmV4cG9ydCBjb25zdCBFbWFpbFNldHRpbmdzVmFsaWRhdGlvblNjaGVtYSA9IG9iamVjdCgpLnNoYXBlKHtcclxuICBlbWFpbDogc3RyaW5nKClcclxuICAgIC5yZXF1aXJlZCgoKSA9PiBMYW5ndWFnZVNlcnZpY2UuZ2V0UGhyYXNlKG5hbWVzcGFjZSwgJ2VtYWlsUmVxdWlyZWQnKSlcclxuICAgIC5lbWFpbCgoKSA9PiBMYW5ndWFnZVNlcnZpY2UuZ2V0UGhyYXNlKG5hbWVzcGFjZSwgJ2VtYWlsSW52YWxpZCcpKVxyXG4gICAgLnRyaW0oKVxyXG4gICAgLmRlZmF1bHQoJycpXHJcbn0pOyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUhBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/settings/components/email-settings/EmailSettingsValidationSchema.ts\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ColourPicker\", function() { return ColourPicker; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"react-bootstrap\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var libs_shared_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/shared/src/components/div-button/DivButton.tsx\");\n/* harmony import */ var libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/shared/src/components/svg-container/SvgContainer.tsx\");\n/* harmony import */ var libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/utils/SvgHelper.ts\");\n/* harmony import */ var libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/interfaces/index.ts\");\n/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"./src/apps/classrooms/utils/GroupHelper.ts\");\n/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"./src/apps/classrooms/components/colour-picker/colour-picker.scss\");\n/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__);\n\n\n\n\n\n\n\n\nColourPicker.defaultProps = {\n  selection: libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_5__[\"ClassroomGroupColour\"].Pink,\n  onSelect: function onSelect() {}\n};\nfunction ColourPicker(props) {\n  function getToggleButtonClass() {\n    var baseClass = \"\".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle, \" p-0 d-flex align-items-center text-decoration-none h-100\");\n    var disabledClass = props.disabled ? 'cursor-default' : '';\n    return \"\".concat(baseClass, \" \").concat(disabledClass);\n  }\n\n  function getOptionClass(colour, selection) {\n    var baseClass = \"\".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourOption, \" position-relative\");\n    var disabledClass = props.disabled ? 'cursor-default' : '';\n    var colorClass = Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__[\"mapColourToClassName\"])(colour);\n    var selectedClass = colour === selection ? \"\".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.selected, \" border border-dark\") : '';\n    return \"\".concat(baseClass, \" \").concat(disabledClass, \" \").concat(colorClass, \" \").concat(selectedClass);\n  }\n\n  var dropdownProps = {\n    className: 'h-100 dropdown'\n  };\n  if (props.disabled) dropdownProps.show = false;\n  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, {\n    id: props.id,\n    variant: 'link',\n    className: getToggleButtonClass()\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"d-flex align-items-center border border-secondary rounded bg-white h-100 \".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourButton)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"px-0 py-1 rounded \".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__[\"mapColourToClassName\"])(props.selection))\n  }, \"\\xA0\"), !props.disabled && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__[\"SvgContainer\"], {\n    svgName: libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__[\"cvSvgLibrary\"].Caret\n  }))), 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\", {\n    className: \"\".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourList, \" list-unstyled d-flex flex-wrap px-2 m-0\")\n  }, Object.keys(libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_5__[\"ClassroomGroupColour\"]).map(function (colourKey) {\n    var colour = libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_5__[\"ClassroomGroupColour\"][colourKey];\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n      key: \"\".concat(props.id, \":\").concat(colour),\n      className: 'm-1'\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__[\"DivButton\"], {\n      onClick: function onClick() {\n        return props.onSelect(colour);\n      },\n      className: getOptionClass(colour, props.selection)\n    }, \"\\xA0\"));\n  }))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9jbGFzc3Jvb21zL2NvbXBvbmVudHMvY29sb3VyLXBpY2tlci9Db2xvdXJQaWNrZXIudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9jbGFzc3Jvb21zL2NvbXBvbmVudHMvY29sb3VyLXBpY2tlci9Db2xvdXJQaWNrZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSAncmVhY3QtYm9vdHN0cmFwJztcclxuXHJcbmltcG9ydCB7IEhhc2hPYmplY3QgfSBmcm9tICdsaWJzL2NvbW1vbi9yZWFjdC9pbnRlcmZhY2VzL0hhc2hPYmplY3QnO1xyXG5cclxuaW1wb3J0IHsgRGl2QnV0dG9uIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9kaXYtYnV0dG9uL0RpdkJ1dHRvbic7XHJcbmltcG9ydCB7IFN2Z0NvbnRhaW5lciB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvc3ZnLWNvbnRhaW5lci9TdmdDb250YWluZXInO1xyXG5pbXBvcnQgeyBjdlN2Z0xpYnJhcnkgfSBmcm9tICdsaWJzL3NoYXJlZC91dGlscy9TdmdIZWxwZXInO1xyXG5pbXBvcnQgeyBDbGFzc3Jvb21Hcm91cENvbG91ciB9IGZyb20gJ2xpYnMvc2hhcmVkL2ludGVyZmFjZXMnO1xyXG5cclxuaW1wb3J0IHsgbWFwQ29sb3VyVG9DbGFzc05hbWUgfSBmcm9tICdhcHBzL2NsYXNzcm9vbXMvdXRpbHMvR3JvdXBIZWxwZXInO1xyXG5cclxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL2NvbG91ci1waWNrZXIuc2Nzcyc7XHJcblxyXG5pbnRlcmZhY2UgQ29sb3VyUGlja2VyUHJvcHMge1xyXG4gIGlkOiBzdHJpbmc7XHJcbiAgb25TZWxlY3Q/OiAoY29sb3VyOiBzdHJpbmcpID0+IHZvaWQ7XHJcbiAgc2VsZWN0aW9uPzogQ2xhc3Nyb29tR3JvdXBDb2xvdXI7XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG59XHJcblxyXG5Db2xvdXJQaWNrZXIuZGVmYXVsdFByb3BzID0ge1xyXG4gIHNlbGVjdGlvbjogQ2xhc3Nyb29tR3JvdXBDb2xvdXIuUGluayxcclxuICBvblNlbGVjdDogKCkgPT4ge31cclxufTtcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBDb2xvdXJQaWNrZXIocHJvcHM6IENvbG91clBpY2tlclByb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIGZ1bmN0aW9uIGdldFRvZ2dsZUJ1dHRvbkNsYXNzKCk6IHN0cmluZyB7XHJcbiAgICBjb25zdCBiYXNlQ2xhc3MgPSBgJHtzdHlsZXMuZHJvcGRvd25Ub2dnbGV9IHAtMCBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIHRleHQtZGVjb3JhdGlvbi1ub25lIGgtMTAwYDtcclxuICAgIGNvbnN0IGRpc2FibGVkQ2xhc3MgPSBwcm9wcy5kaXNhYmxlZCA/ICdjdXJzb3ItZGVmYXVsdCcgOiAnJztcclxuXHJcbiAgICByZXR1cm4gYCR7YmFzZUNsYXNzfSAke2Rpc2FibGVkQ2xhc3N9YDtcclxuICB9XHJcblxyXG4gIGZ1bmN0aW9uIGdldE9wdGlvbkNsYXNzKGNvbG91cjogQ2xhc3Nyb29tR3JvdXBDb2xvdXIsIHNlbGVjdGlvbjogQ2xhc3Nyb29tR3JvdXBDb2xvdXIpOiBzdHJpbmcge1xyXG4gICAgY29uc3QgYmFzZUNsYXNzID0gYCR7c3R5bGVzLmNvbG91ck9wdGlvbn0gcG9zaXRpb24tcmVsYXRpdmVgO1xyXG4gICAgY29uc3QgZGlzYWJsZWRDbGFzcyA9IHByb3BzLmRpc2FibGVkID8gJ2N1cnNvci1kZWZhdWx0JyA6ICcnO1xyXG4gICAgY29uc3QgY29sb3JDbGFzcyA9IG1hcENvbG91clRvQ2xhc3NOYW1lKGNvbG91cik7XHJcbiAgICBjb25zdCBzZWxlY3RlZENsYXNzID0gY29sb3VyID09PSBzZWxlY3Rpb24gPyBgJHtzdHlsZXMuc2VsZWN0ZWR9IGJvcmRlciBib3JkZXItZGFya2AgOiAnJztcclxuXHJcbiAgICByZXR1cm4gYCR7YmFzZUNsYXNzfSAke2Rpc2FibGVkQ2xhc3N9ICR7Y29sb3JDbGFzc30gJHtzZWxlY3RlZENsYXNzfWA7XHJcbiAgfVxyXG5cclxuICBjb25zdCBkcm9wZG93blByb3BzOiBIYXNoT2JqZWN0ID0geyBjbGFzc05hbWU6ICdoLTEwMCBkcm9wZG93bicgfTtcclxuICBpZiAocHJvcHMuZGlzYWJsZWQpXHJcbiAgICBkcm9wZG93blByb3BzLnNob3cgPSBmYWxzZTtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxEcm9wZG93biB7Li4uZHJvcGRvd25Qcm9wc30+XHJcbiAgICAgIDxEcm9wZG93bi5Ub2dnbGUgaWQ9e3Byb3BzLmlkfSB2YXJpYW50PSdsaW5rJyBjbGFzc05hbWU9e2dldFRvZ2dsZUJ1dHRvbkNsYXNzKCl9PlxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBib3JkZXIgYm9yZGVyLXNlY29uZGFyeSByb3VuZGVkIGJnLXdoaXRlIGgtMTAwICR7c3R5bGVzLmNvbG91ckJ1dHRvbn1gfT5cclxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgcHgtMCBweS0xIHJvdW5kZWQgJHttYXBDb2xvdXJUb0NsYXNzTmFtZShwcm9wcy5zZWxlY3Rpb24pfWB9PlxyXG4gICAgICAgICAgICAmbmJzcDtcclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgeyFwcm9wcy5kaXNhYmxlZCAmJlxyXG4gICAgICAgICAgICA8U3ZnQ29udGFpbmVyIHN2Z05hbWU9e2N2U3ZnTGlicmFyeS5DYXJldH0gLz5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9Ecm9wZG93bi5Ub2dnbGU+XHJcblxyXG4gICAgICA8RHJvcGRvd24uTWVudT5cclxuICAgICAgICA8dWwgY2xhc3NOYW1lPXtgJHtzdHlsZXMuY29sb3VyTGlzdH0gbGlzdC11bnN0eWxlZCBkLWZsZXggZmxleC13cmFwIHB4LTIgbS0wYH0+XHJcbiAgICAgICAgICB7T2JqZWN0LmtleXMoQ2xhc3Nyb29tR3JvdXBDb2xvdXIpLm1hcChjb2xvdXJLZXkgPT4ge1xyXG4gICAgICAgICAgICBjb25zdCBjb2xvdXIgPSAoQ2xhc3Nyb29tR3JvdXBDb2xvdXIgYXMgYW55KVtjb2xvdXJLZXldO1xyXG5cclxuICAgICAgICAgICAgcmV0dXJuIChcclxuICAgICAgICAgICAgICA8bGkga2V5PXtgJHtwcm9wcy5pZH06JHtjb2xvdXJ9YH0gY2xhc3NOYW1lPSdtLTEnPlxyXG4gICAgICAgICAgICAgICAgPERpdkJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBwcm9wcy5vblNlbGVjdChjb2xvdXIpfVxyXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2dldE9wdGlvbkNsYXNzKGNvbG91ciwgcHJvcHMuc2VsZWN0aW9uKX1cclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgJm5ic3A7XHJcbiAgICAgICAgICAgICAgICA8L0RpdkJ1dHRvbj5cclxuICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICApO1xyXG4gICAgICAgICAgfSl9XHJcbiAgICAgICAgPC91bD5cclxuICAgICAgPC9Ecm9wZG93bi5NZW51PlxyXG4gICAgPC9Ecm9wZG93bj5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBRUE7QUFTQTtBQUNBO0FBQ0E7QUFGQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBR0E7QUFFQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBSUE7QUFBQTtBQU1BO0FBQUE7QUFFQTtBQUVBO0FBQ0E7QUFBQTtBQUFBO0FBRUE7QUFBQTtBQUFBO0FBQ0E7QUFGQTtBQVFBO0FBS0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/classrooms/components/colour-picker/ColourPicker.tsx\n");
 
 /***/ }),
 
-/***/ "./src/apps/settings/components/email-settings/VerifiedEmailIcon.tsx":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "./src/apps/classrooms/components/colour-picker/colour-picker.scss":
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VerifiedEmailIcon\", function() { return VerifiedEmailIcon; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_shared_components_svg_container_SvgContainer2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/shared/src/components/svg-container/SvgContainer2.tsx\");\n\n\nfunction VerifiedEmailIcon() {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_svg_container_SvgContainer2__WEBPACK_IMPORTED_MODULE_1__[\"SvgContainer2\"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n    viewBox: '0 0 24 24'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: 'M10.407 12.368l-1.22-1.22a.49.49 0 0 0-.698.004l-.583.583a.494.494 0 0 0-.004.697l2.135 2.135c.107.108.25.154.388.142a.488.488 0 0 0 .352-.143l4.362-4.362a.494.494 0 0 0-.004-.698l-.582-.582a.495.495 0 0 0-.698-.004l-3.448 3.448zm7.922-.37l1.437 1.406c.208.194.277.437.208.728a.716.716 0 0 1-.541.531l-1.957.5.551 1.936a.671.671 0 0 1-.197.729.671.671 0 0 1-.73.198l-1.935-.552-.5 1.957a.716.716 0 0 1-.53.541 1.28 1.28 0 0 1-.199.021.686.686 0 0 1-.53-.229L12 18.328l-1.405 1.436c-.195.208-.437.278-.729.208a.696.696 0 0 1-.53-.541l-.5-1.957-1.937.552a.671.671 0 0 1-.728-.198.671.671 0 0 1-.198-.729l.551-1.936-1.957-.5a.716.716 0 0 1-.54-.53c-.07-.292 0-.535.207-.73l1.437-1.405-1.437-1.405c-.208-.194-.277-.437-.208-.729a.716.716 0 0 1 .541-.53l1.957-.5-.551-1.936a.671.671 0 0 1 .198-.73.671.671 0 0 1 .728-.197l1.936.552.5-1.957a.675.675 0 0 1 .531-.531.671.671 0 0 1 .729.198L12 5.68l1.405-1.447a.697.697 0 0 1 .73-.198c.284.07.46.246.53.53l.5 1.958L17.1 5.97a.671.671 0 0 1 .729.198.671.671 0 0 1 .197.729l-.551 1.936 1.957.5a.715.715 0 0 1 .541.53c.07.292 0 .535-.208.73l-1.437 1.404z'\n  })));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL2VtYWlsLXNldHRpbmdzL1ZlcmlmaWVkRW1haWxJY29uLnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvc3JjL2FwcHMvc2V0dGluZ3MvY29tcG9uZW50cy9lbWFpbC1zZXR0aW5ncy9WZXJpZmllZEVtYWlsSWNvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3ZnQ29udGFpbmVyMiB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvc3ZnLWNvbnRhaW5lci9TdmdDb250YWluZXIyJztcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBWZXJpZmllZEVtYWlsSWNvbigpOiBKU1guRWxlbWVudCB7XHJcbiAgcmV0dXJuIChcclxuICAgIDxTdmdDb250YWluZXIyPlxyXG4gICAgICA8c3ZnIHZpZXdCb3g9JzAgMCAyNCAyNCc+XHJcbiAgICAgICAgPHBhdGggZD0nTTEwLjQwNyAxMi4zNjhsLTEuMjItMS4yMmEuNDkuNDkgMCAwIDAtLjY5OC4wMDRsLS41ODMuNTgzYS40OTQuNDk0IDAgMCAwLS4wMDQuNjk3bDIuMTM1IDIuMTM1Yy4xMDcuMTA4LjI1LjE1NC4zODguMTQyYS40ODguNDg4IDAgMCAwIC4zNTItLjE0M2w0LjM2Mi00LjM2MmEuNDk0LjQ5NCAwIDAgMC0uMDA0LS42OThsLS41ODItLjU4MmEuNDk1LjQ5NSAwIDAgMC0uNjk4LS4wMDRsLTMuNDQ4IDMuNDQ4em03LjkyMi0uMzdsMS40MzcgMS40MDZjLjIwOC4xOTQuMjc3LjQzNy4yMDguNzI4YS43MTYuNzE2IDAgMCAxLS41NDEuNTMxbC0xLjk1Ny41LjU1MSAxLjkzNmEuNjcxLjY3MSAwIDAgMS0uMTk3LjcyOS42NzEuNjcxIDAgMCAxLS43My4xOThsLTEuOTM1LS41NTItLjUgMS45NTdhLjcxNi43MTYgMCAwIDEtLjUzLjU0MSAxLjI4IDEuMjggMCAwIDEtLjE5OS4wMjEuNjg2LjY4NiAwIDAgMS0uNTMtLjIyOUwxMiAxOC4zMjhsLTEuNDA1IDEuNDM2Yy0uMTk1LjIwOC0uNDM3LjI3OC0uNzI5LjIwOGEuNjk2LjY5NiAwIDAgMS0uNTMtLjU0MWwtLjUtMS45NTctMS45MzcuNTUyYS42NzEuNjcxIDAgMCAxLS43MjgtLjE5OC42NzEuNjcxIDAgMCAxLS4xOTgtLjcyOWwuNTUxLTEuOTM2LTEuOTU3LS41YS43MTYuNzE2IDAgMCAxLS41NC0uNTNjLS4wNy0uMjkyIDAtLjUzNS4yMDctLjczbDEuNDM3LTEuNDA1LTEuNDM3LTEuNDA1Yy0uMjA4LS4xOTQtLjI3Ny0uNDM3LS4yMDgtLjcyOWEuNzE2LjcxNiAwIDAgMSAuNTQxLS41M2wxLjk1Ny0uNS0uNTUxLTEuOTM2YS42NzEuNjcxIDAgMCAxIC4xOTgtLjczLjY3MS42NzEgMCAwIDEgLjcyOC0uMTk3bDEuOTM2LjU1Mi41LTEuOTU3YS42NzUuNjc1IDAgMCAxIC41MzEtLjUzMS42NzEuNjcxIDAgMCAxIC43MjkuMTk4TDEyIDUuNjhsMS40MDUtMS40NDdhLjY5Ny42OTcgMCAwIDEgLjczLS4xOThjLjI4NC4wNy40Ni4yNDYuNTMuNTNsLjUgMS45NThMMTcuMSA1Ljk3YS42NzEuNjcxIDAgMCAxIC43MjkuMTk4LjY3MS42NzEgMCAwIDEgLjE5Ny43MjlsLS41NTEgMS45MzYgMS45NTcuNWEuNzE1LjcxNSAwIDAgMSAuNTQxLjUzYy4wNy4yOTIgMCAuNTM1LS4yMDguNzNsLTEuNDM3IDEuNDA0eicvPlxyXG4gICAgICA8L3N2Zz5cclxuICAgIDwvU3ZnQ29udGFpbmVyMj5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUVBO0FBQ0E7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUlBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/settings/components/email-settings/VerifiedEmailIcon.tsx\n");
+eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdownToggle\":\"cv--dropdownToggle--347DY\",\"colourButton\":\"cv--colourButton--1rKvE\",\"colourList\":\"cv--colourList--328-w\",\"colourOption\":\"cv--colourOption--1Tw7u\",\"selected\":\"cv--selected--SUkNT\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9jbGFzc3Jvb21zL2NvbXBvbmVudHMvY29sb3VyLXBpY2tlci9jb2xvdXItcGlja2VyLnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9saXRlL3NyYy9hcHBzL2NsYXNzcm9vbXMvY29tcG9uZW50cy9jb2xvdXItcGlja2VyL2NvbG91ci1waWNrZXIuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbm1vZHVsZS5leHBvcnRzID0ge1wiZHJvcGRvd25Ub2dnbGVcIjpcImN2LS1kcm9wZG93blRvZ2dsZS0tMzQ3RFlcIixcImNvbG91ckJ1dHRvblwiOlwiY3YtLWNvbG91ckJ1dHRvbi0tMXJLdkVcIixcImNvbG91ckxpc3RcIjpcImN2LS1jb2xvdXJMaXN0LS0zMjgtd1wiLFwiY29sb3VyT3B0aW9uXCI6XCJjdi0tY29sb3VyT3B0aW9uLS0xVHc3dVwiLFwic2VsZWN0ZWRcIjpcImN2LS1zZWxlY3RlZC0tU1VrTlRcIn07Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/classrooms/components/colour-picker/colour-picker.scss\n");
 
 /***/ }),
 
-/***/ "./src/apps/settings/components/email-settings/partial-loading/PartialEmailSettings.tsx":
+/***/ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PartialEmailSettings\", function() { return PartialEmailSettings; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _partial_email_settings_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"./src/apps/settings/components/email-settings/partial-loading/partial-email-settings.scss\");\n/* harmony import */ var _partial_email_settings_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_partial_email_settings_scss__WEBPACK_IMPORTED_MODULE_1__);\n\n\nfunction PartialEmailSettings() {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'w-50'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"partial-loading-background mb-2 \".concat(_partial_email_settings_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialLabel)\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"partial-loading-background \".concat(_partial_email_settings_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialInfo)\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'form-group'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"partial-loading-background \".concat(_partial_email_settings_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialInput)\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"partial-loading-background \".concat(_partial_email_settings_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialSubmit)\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"partial-loading-background mt-2 \".concat(_partial_email_settings_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialNote)\n  }));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL2VtYWlsLXNldHRpbmdzL3BhcnRpYWwtbG9hZGluZy9QYXJ0aWFsRW1haWxTZXR0aW5ncy50c3guanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9saXRlL3NyYy9hcHBzL3NldHRpbmdzL2NvbXBvbmVudHMvZW1haWwtc2V0dGluZ3MvcGFydGlhbC1sb2FkaW5nL1BhcnRpYWxFbWFpbFNldHRpbmdzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5cclxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3BhcnRpYWwtZW1haWwtc2V0dGluZ3Muc2Nzcyc7XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gUGFydGlhbEVtYWlsU2V0dGluZ3MoKTogSlNYLkVsZW1lbnQge1xyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2IGNsYXNzTmFtZT0ndy01MCc+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgcGFydGlhbC1sb2FkaW5nLWJhY2tncm91bmQgbWItMiAke3N0eWxlcy5wYXJ0aWFsTGFiZWx9YH0gLz5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9e2BwYXJ0aWFsLWxvYWRpbmctYmFja2dyb3VuZCAke3N0eWxlcy5wYXJ0aWFsSW5mb31gfSAvPlxyXG5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9J2Zvcm0tZ3JvdXAnPlxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgcGFydGlhbC1sb2FkaW5nLWJhY2tncm91bmQgJHtzdHlsZXMucGFydGlhbElucHV0fWB9IC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YHBhcnRpYWwtbG9hZGluZy1iYWNrZ3JvdW5kICR7c3R5bGVzLnBhcnRpYWxTdWJtaXR9YH0gLz5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9e2BwYXJ0aWFsLWxvYWRpbmctYmFja2dyb3VuZCBtdC0yICR7c3R5bGVzLnBhcnRpYWxOb3RlfWB9IC8+XHJcbiAgICA8L2Rpdj5cclxuICApO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUVBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFBQTtBQUNBO0FBQUE7QUFHQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/apps/settings/components/email-settings/partial-loading/PartialEmailSettings.tsx\n");
-
-/***/ }),
-
-/***/ "./src/apps/settings/components/email-settings/partial-loading/partial-email-settings.scss":
-/***/ (function(module, exports, __webpack_require__) {
-
-eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialLabel\":\"cv--partialLabel--fb1VH\",\"partialInfo\":\"cv--partialInfo--2d_sZ\",\"partialInput\":\"cv--partialInput--2B8D-\",\"partialSubmit\":\"cv--partialSubmit--I9_7d\",\"partialNote\":\"cv--partialNote--_lb-R\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL2VtYWlsLXNldHRpbmdzL3BhcnRpYWwtbG9hZGluZy9wYXJ0aWFsLWVtYWlsLXNldHRpbmdzLnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9saXRlL3NyYy9hcHBzL3NldHRpbmdzL2NvbXBvbmVudHMvZW1haWwtc2V0dGluZ3MvcGFydGlhbC1sb2FkaW5nL3BhcnRpYWwtZW1haWwtc2V0dGluZ3Muc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbm1vZHVsZS5leHBvcnRzID0ge1wicGFydGlhbExhYmVsXCI6XCJjdi0tcGFydGlhbExhYmVsLS1mYjFWSFwiLFwicGFydGlhbEluZm9cIjpcImN2LS1wYXJ0aWFsSW5mby0tMmRfc1pcIixcInBhcnRpYWxJbnB1dFwiOlwiY3YtLXBhcnRpYWxJbnB1dC0tMkI4RC1cIixcInBhcnRpYWxTdWJtaXRcIjpcImN2LS1wYXJ0aWFsU3VibWl0LS1JOV83ZFwiLFwicGFydGlhbE5vdGVcIjpcImN2LS1wYXJ0aWFsTm90ZS0tX2xiLVJcIn07Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/settings/components/email-settings/partial-loading/partial-email-settings.scss\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EditClassroomGroupDetails\", function() { return EditClassroomGroupDetails; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx\");\n/* harmony import */ var apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts\");\n/* harmony import */ var apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx\");\n\n\n\n\nfunction EditClassroomGroupDetails(props) {\n  var _a;\n\n  var group = props.group,\n      saveGroup = props.saveGroup,\n      onClickCancel = props.onClickCancel;\n  var initialValues = {\n    id: group === null || group === void 0 ? void 0 : group.id,\n    name: group === null || group === void 0 ? void 0 : group.name,\n    description: group === null || group === void 0 ? void 0 : group.description,\n    colour: (_a = group === null || group === void 0 ? void 0 : group.metadata) === null || _a === void 0 ? void 0 : _a.colour\n  };\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__[\"FormWrapper\"], {\n    initialValues: initialValues,\n    validationSchema: apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__[\"ClassroomGroupValidationSchema\"],\n    onSubmit: saveGroup\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__[\"ClassroomGroupDetailsForm\"], {\n    isNew: !group,\n    onClickCancel: onClickCancel\n  }));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9jbGFzc3Jvb21zL2NvbXBvbmVudHMvZWRpdC1jbGFzc3Jvb20tZ3JvdXAtZGV0YWlscy9FZGl0Q2xhc3Nyb29tR3JvdXBEZXRhaWxzLnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvc3JjL2FwcHMvY2xhc3Nyb29tcy9jb21wb25lbnRzL2VkaXQtY2xhc3Nyb29tLWdyb3VwLWRldGFpbHMvRWRpdENsYXNzcm9vbUdyb3VwRGV0YWlscy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuXHJcbmltcG9ydCB7IEZvcm1XcmFwcGVyIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9mb3Jtcy9mb3JtLXdyYXBwZXIvRm9ybVdyYXBwZXInO1xyXG5cclxuaW1wb3J0IHsgQ2xhc3Nyb29tR3JvdXAgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgQ2xhc3Nyb29tR3JvdXBWYWxpZGF0aW9uU2NoZW1hIH0gZnJvbSAnYXBwcy9jbGFzc3Jvb21zL3ZhbGlkYXRpb24vQ2xhc3Nyb29tR3JvdXBWYWxpZGF0aW9uU2NoZW1hJztcclxuaW1wb3J0IHsgQ2xhc3Nyb29tR3JvdXBEZXRhaWxzRm9ybSB9IGZyb20gJ2FwcHMvY2xhc3Nyb29tcy9jb21wb25lbnRzL2NsYXNzcm9vbS1ncm91cC1kZXRhaWxzLWZvcm0vQ2xhc3Nyb29tR3JvdXBEZXRhaWxzRm9ybSc7XHJcbmltcG9ydCB7IEVkaXRDbGFzc3Jvb21Hcm91cFJlcXVlc3QgfSBmcm9tICdhcHBzL2NsYXNzcm9vbXMvaW50ZXJmYWNlcy9FZGl0Q2xhc3Nyb29tR3JvdXBSZXF1ZXN0JztcclxuXHJcbmludGVyZmFjZSBFZGl0Q2xhc3Nyb29tR3JvdXBEZXRhaWxzUHJvcHMge1xyXG4gIGdyb3VwPzogQ2xhc3Nyb29tR3JvdXA7XHJcbiAgc2F2ZUdyb3VwOiAoZ3JvdXA6IEVkaXRDbGFzc3Jvb21Hcm91cFJlcXVlc3QpID0+IHZvaWQ7XHJcbiAgb25DbGlja0NhbmNlbDogKCkgPT4gdm9pZDtcclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIEVkaXRDbGFzc3Jvb21Hcm91cERldGFpbHMocHJvcHM6IEVkaXRDbGFzc3Jvb21Hcm91cERldGFpbHNQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XHJcbiAgY29uc3QgeyBncm91cCwgc2F2ZUdyb3VwLCBvbkNsaWNrQ2FuY2VsIH0gPSBwcm9wcztcclxuXHJcbiAgY29uc3QgaW5pdGlhbFZhbHVlczogRWRpdENsYXNzcm9vbUdyb3VwUmVxdWVzdCA9IHtcclxuICAgIGlkOiBncm91cD8uaWQsXHJcbiAgICBuYW1lOiBncm91cD8ubmFtZSxcclxuICAgIGRlc2NyaXB0aW9uOiBncm91cD8uZGVzY3JpcHRpb24sXHJcbiAgICBjb2xvdXI6IGdyb3VwPy5tZXRhZGF0YT8uY29sb3VyXHJcbiAgfTtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxGb3JtV3JhcHBlcjxFZGl0Q2xhc3Nyb29tR3JvdXBSZXF1ZXN0PlxyXG4gICAgICBpbml0aWFsVmFsdWVzPXtpbml0aWFsVmFsdWVzfVxyXG4gICAgICB2YWxpZGF0aW9uU2NoZW1hPXtDbGFzc3Jvb21Hcm91cFZhbGlkYXRpb25TY2hlbWF9XHJcbiAgICAgIG9uU3VibWl0PXtzYXZlR3JvdXB9XHJcbiAgICA+XHJcbiAgICAgIDxDbGFzc3Jvb21Hcm91cERldGFpbHNGb3JtIGlzTmV3PXshZ3JvdXB9IG9uQ2xpY2tDYW5jZWw9e29uQ2xpY2tDYW5jZWx9IC8+XHJcbiAgICA8L0Zvcm1XcmFwcGVyPlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUdBO0FBQ0E7QUFTQTs7O0FBQUE7QUFBQTtBQUFBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBT0E7QUFFQTtBQUNBO0FBQ0E7QUFIQTtBQUtBO0FBQUE7QUFBQTtBQUdBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx\n");
 
 /***/ }),
 
-/***/ "./src/apps/settings/components/password-settings/PasswordSettings.tsx":
+/***/ "./src/apps/classrooms/utils/GroupHelper.ts":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PasswordSettings\", function() { return PasswordSettings; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/formik/dist/formik.esm.js\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-field/FormField.tsx\");\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx\");\n/* harmony import */ var _PasswordSettingsValidationSchema__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"./src/apps/settings/components/password-settings/PasswordSettingsValidationSchema.ts\");\n/* harmony import */ var libs_shared_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"../../libs/shared/src/enums/MediaQueries.ts\");\n/* harmony import */ var libs_shared_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"../../libs/shared/src/hooks/UseMediaQuery.tsx\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _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.\"); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar namespace = 'settings.passwordSettings';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].encloseNamespace(namespace);\nvar initialValues = {\n  currentPassword: '',\n  newPassword: '',\n  confirmPassword: ''\n};\nfunction PasswordSettings(props) {\n  var isSmallScreen = Object(libs_shared_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_9__[\"useMediaQuery\"])(libs_shared_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_8__[\"MediaQueryStrings\"].MDDown); // On small screens, we collapse the forms by default\n\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(!isSmallScreen),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      showForm = _React$useState2[0],\n      setShowForm = _React$useState2[1];\n\n  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {\n    if (!isSmallScreen && !showForm) setShowForm(true);\n  }, [isSmallScreen, showForm]);\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_4__[\"LanguageNamespaceContext\"].Provider, {\n    value: namespace\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h2\", {\n    className: 'h4'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_4__[\"Text\"], {\n    phrase: 'heading'\n  })), !showForm ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    className: 'btn btn-outline-dark btn-lg',\n    onClick: function onClick() {\n      return setShowForm(true);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_4__[\"Text\"], {\n    phrase: 'change'\n  })) : 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(\"p\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_4__[\"Text\"], {\n    phrase: 'info'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__[\"FormWrapper\"], {\n    initialValues: initialValues,\n    onSubmit: props.onChangePassword,\n    validationSchema: _PasswordSettingsValidationSchema__WEBPACK_IMPORTED_MODULE_7__[\"PasswordSettingsValidationSchema\"]\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__[\"Form\"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__[\"FormField\"], {\n    className: 'w-75',\n    name: 'currentPassword',\n    label: getPhrase('currentPassword'),\n    placeholder: getPhrase('currentPasswordPlaceholder'),\n    type: 'password',\n    autoComplete: 'current-password',\n    formSize: 'lg'\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__[\"FormField\"], {\n    className: 'w-75',\n    name: 'newPassword',\n    label: getPhrase('newPassword'),\n    placeholder: getPhrase('newPasswordPlaceholder'),\n    type: 'password',\n    autoComplete: 'new-password',\n    formSize: 'lg'\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__[\"FormField\"], {\n    className: 'w-75',\n    name: 'confirmPassword',\n    label: getPhrase('confirmPassword'),\n    placeholder: getPhrase('confirmPasswordPlaceholder'),\n    type: 'password',\n    autoComplete: 'off',\n    formSize: 'lg'\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: \"btn-container d-flex \".concat(isSmallScreen ? 'ml-n2' : '')\n  }, isSmallScreen && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    type: 'button',\n    className: 'btn btn-link btn-lg mr-2',\n    onClick: function onClick() {\n      return setShowForm(false);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_4__[\"Text\"], {\n    phrase: 'cancel'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__[\"FormButtons\"], {\n    isNew: false,\n    submitText: getPhrase('savePassword'),\n    variant: 'outline-dark',\n    size: 'lg'\n  }))))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL3Bhc3N3b3JkLXNldHRpbmdzL1Bhc3N3b3JkU2V0dGluZ3MudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL3Bhc3N3b3JkLXNldHRpbmdzL1Bhc3N3b3JkU2V0dGluZ3MudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IEZvcm0gfSBmcm9tICdmb3JtaWsnO1xyXG5cclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9mb3Jtcy9mb3JtLWZpZWxkL0Zvcm1GaWVsZCc7XHJcbmltcG9ydCB7IExhbmd1YWdlTmFtZXNwYWNlQ29udGV4dCwgVGV4dCB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvdGV4dC9UZXh0JztcclxuaW1wb3J0IHsgRm9ybVdyYXBwZXIgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL2Zvcm1zL2Zvcm0td3JhcHBlci9Gb3JtV3JhcHBlcic7XHJcbmltcG9ydCB7IEZvcm1CdXR0b25zIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9mb3Jtcy9mb3JtLWJ1dHRvbnMvRm9ybUJ1dHRvbnMnO1xyXG5cclxuaW1wb3J0IHsgUGFzc3dvcmRTZXR0aW5nc1ZhbGlkYXRpb25TY2hlbWEgfSBmcm9tICcuL1Bhc3N3b3JkU2V0dGluZ3NWYWxpZGF0aW9uU2NoZW1hJztcclxuaW1wb3J0IHsgTWVkaWFRdWVyeVN0cmluZ3MgfSBmcm9tICdsaWJzL3NoYXJlZC9lbnVtcy9NZWRpYVF1ZXJpZXMnO1xyXG5pbXBvcnQgeyB1c2VNZWRpYVF1ZXJ5IH0gZnJvbSAnbGlicy9zaGFyZWQvaG9va3MvVXNlTWVkaWFRdWVyeSc7XHJcblxyXG5jb25zdCBuYW1lc3BhY2UgPSAnc2V0dGluZ3MucGFzc3dvcmRTZXR0aW5ncyc7XHJcbmNvbnN0IGdldFBocmFzZSA9IExhbmd1YWdlU2VydmljZS5lbmNsb3NlTmFtZXNwYWNlKG5hbWVzcGFjZSk7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFBhc3N3b3JkU2V0dGluZ3NNb2RlbCB7XHJcbiAgY3VycmVudFBhc3N3b3JkOiBzdHJpbmc7XHJcbiAgbmV3UGFzc3dvcmQ6IHN0cmluZztcclxuICBjb25maXJtUGFzc3dvcmQ6IHN0cmluZztcclxufVxyXG5cclxuY29uc3QgaW5pdGlhbFZhbHVlczogUGFzc3dvcmRTZXR0aW5nc01vZGVsID0ge1xyXG4gIGN1cnJlbnRQYXNzd29yZDogJycsXHJcbiAgbmV3UGFzc3dvcmQ6ICcnLFxyXG4gIGNvbmZpcm1QYXNzd29yZDogJydcclxufTtcclxuXHJcbmludGVyZmFjZSBQYXNzd29yZFNldHRpbmdzUHJvcHMge1xyXG4gIG9uQ2hhbmdlUGFzc3dvcmQ6IChwYXNzd29yZE1vZGVsOiBQYXNzd29yZFNldHRpbmdzTW9kZWwpID0+IHZvaWQ7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBQYXNzd29yZFNldHRpbmdzKHByb3BzOiBQYXNzd29yZFNldHRpbmdzUHJvcHMpOiBKU1guRWxlbWVudCB7XHJcbiAgY29uc3QgaXNTbWFsbFNjcmVlbiA9IHVzZU1lZGlhUXVlcnkoTWVkaWFRdWVyeVN0cmluZ3MuTUREb3duKTtcclxuXHJcbiAgLy8gT24gc21hbGwgc2NyZWVucywgd2UgY29sbGFwc2UgdGhlIGZvcm1zIGJ5IGRlZmF1bHRcclxuICBjb25zdCBbIHNob3dGb3JtLCBzZXRTaG93Rm9ybSBdID0gUmVhY3QudXNlU3RhdGUoIWlzU21hbGxTY3JlZW4pO1xyXG5cclxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgaWYgKCFpc1NtYWxsU2NyZWVuICYmICFzaG93Rm9ybSlcclxuICAgICAgc2V0U2hvd0Zvcm0odHJ1ZSk7XHJcbiAgfSwgWyBpc1NtYWxsU2NyZWVuLCBzaG93Rm9ybSBdKTtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxMYW5ndWFnZU5hbWVzcGFjZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e25hbWVzcGFjZX0+XHJcbiAgICAgIDxoMiBjbGFzc05hbWU9J2g0Jz48VGV4dCBwaHJhc2U9J2hlYWRpbmcnIC8+PC9oMj5cclxuXHJcbiAgICAgIHshc2hvd0Zvcm1cclxuICAgICAgICA/IChcclxuICAgICAgICAgIDxidXR0b24gY2xhc3NOYW1lPSdidG4gYnRuLW91dGxpbmUtZGFyayBidG4tbGcnIG9uQ2xpY2s9eygpID0+IHNldFNob3dGb3JtKHRydWUpfT5cclxuICAgICAgICAgICAgPFRleHQgcGhyYXNlPSdjaGFuZ2UnIC8+XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICApIDogKFxyXG4gICAgICAgICAgPD5cclxuICAgICAgICAgICAgPHA+PFRleHQgcGhyYXNlPSdpbmZvJyAvPjwvcD5cclxuXHJcbiAgICAgICAgICAgIDxGb3JtV3JhcHBlcjxQYXNzd29yZFNldHRpbmdzTW9kZWw+XHJcbiAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlcz17aW5pdGlhbFZhbHVlc31cclxuICAgICAgICAgICAgICBvblN1Ym1pdD17cHJvcHMub25DaGFuZ2VQYXNzd29yZH1cclxuICAgICAgICAgICAgICB2YWxpZGF0aW9uU2NoZW1hPXtQYXNzd29yZFNldHRpbmdzVmFsaWRhdGlvblNjaGVtYX1cclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgIDxGb3JtPlxyXG4gICAgICAgICAgICAgICAgPEZvcm1GaWVsZFxyXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9J3ctNzUnXHJcbiAgICAgICAgICAgICAgICAgIG5hbWU9J2N1cnJlbnRQYXNzd29yZCdcclxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2dldFBocmFzZSgnY3VycmVudFBhc3N3b3JkJyl9XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtnZXRQaHJhc2UoJ2N1cnJlbnRQYXNzd29yZFBsYWNlaG9sZGVyJyl9XHJcbiAgICAgICAgICAgICAgICAgIHR5cGU9J3Bhc3N3b3JkJ1xyXG4gICAgICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9J2N1cnJlbnQtcGFzc3dvcmQnXHJcbiAgICAgICAgICAgICAgICAgIGZvcm1TaXplPSdsZydcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICA8Rm9ybUZpZWxkXHJcbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT0ndy03NSdcclxuICAgICAgICAgICAgICAgICAgbmFtZT0nbmV3UGFzc3dvcmQnXHJcbiAgICAgICAgICAgICAgICAgIGxhYmVsPXtnZXRQaHJhc2UoJ25ld1Bhc3N3b3JkJyl9XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtnZXRQaHJhc2UoJ25ld1Bhc3N3b3JkUGxhY2Vob2xkZXInKX1cclxuICAgICAgICAgICAgICAgICAgdHlwZT0ncGFzc3dvcmQnXHJcbiAgICAgICAgICAgICAgICAgIGF1dG9Db21wbGV0ZT0nbmV3LXBhc3N3b3JkJ1xyXG4gICAgICAgICAgICAgICAgICBmb3JtU2l6ZT0nbGcnXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgPEZvcm1GaWVsZFxyXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9J3ctNzUnXHJcbiAgICAgICAgICAgICAgICAgIG5hbWU9J2NvbmZpcm1QYXNzd29yZCdcclxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2dldFBocmFzZSgnY29uZmlybVBhc3N3b3JkJyl9XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtnZXRQaHJhc2UoJ2NvbmZpcm1QYXNzd29yZFBsYWNlaG9sZGVyJyl9XHJcbiAgICAgICAgICAgICAgICAgIHR5cGU9J3Bhc3N3b3JkJ1xyXG4gICAgICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9J29mZidcclxuICAgICAgICAgICAgICAgICAgZm9ybVNpemU9J2xnJ1xyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgYnRuLWNvbnRhaW5lciBkLWZsZXggJHtpc1NtYWxsU2NyZWVuID8gJ21sLW4yJyA6ICcnfWB9PlxyXG4gICAgICAgICAgICAgICAgICB7aXNTbWFsbFNjcmVlbiAmJiAoXHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPSdidXR0b24nIGNsYXNzTmFtZT0nYnRuIGJ0bi1saW5rIGJ0bi1sZyBtci0yJyBvbkNsaWNrPXsoKSA9PiBzZXRTaG93Rm9ybShmYWxzZSl9PlxyXG4gICAgICAgICAgICAgICAgICAgICAgPFRleHQgcGhyYXNlPSdjYW5jZWwnIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICl9XHJcbiAgICAgICAgICAgICAgICAgIDxGb3JtQnV0dG9ucyBpc05ldz17ZmFsc2V9IHN1Ym1pdFRleHQ9e2dldFBocmFzZSgnc2F2ZVBhc3N3b3JkJyl9IHZhcmlhbnQ9J291dGxpbmUtZGFyaycgc2l6ZT0nbGcnIC8+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8L0Zvcm0+XHJcbiAgICAgICAgICAgIDwvRm9ybVdyYXBwZXI+XHJcbiAgICAgICAgICA8Lz5cclxuICAgICAgICApXHJcbiAgICAgIH1cclxuICAgIDwvTGFuZ3VhZ2VOYW1lc3BhY2VDb250ZXh0LlByb3ZpZGVyPlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFRQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBVUE7QUFDQTtBQUNBO0FBRkE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUtBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBSUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFJQTtBQUFBO0FBR0E7QUFDQTtBQUNBO0FBSEE7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVBBO0FBVUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFQQTtBQVVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBUEE7QUFTQTtBQUFBO0FBRUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUdBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFTQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/apps/settings/components/password-settings/PasswordSettings.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"mapColourToClassName\", function() { return mapColourToClassName; });\n/* harmony import */ var libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../libs/shared/src/interfaces/index.ts\");\n\nfunction mapColourToClassName(groupColour) {\n  switch (groupColour) {\n    case libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_0__[\"ClassroomGroupColour\"].Pink:\n      return 'bg-pink';\n\n    case libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_0__[\"ClassroomGroupColour\"].Orange:\n      return 'bg-orange';\n\n    case libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_0__[\"ClassroomGroupColour\"].Green:\n      return 'bg-green';\n\n    case libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_0__[\"ClassroomGroupColour\"].Blue:\n      return 'bg-blue';\n\n    case libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_0__[\"ClassroomGroupColour\"].Purple:\n      return 'bg-purple';\n\n    case libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_0__[\"ClassroomGroupColour\"].Indigo:\n      return 'bg-indigo';\n\n    default:\n      return 'bg-pink';\n  }\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9jbGFzc3Jvb21zL3V0aWxzL0dyb3VwSGVscGVyLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9jbGFzc3Jvb21zL3V0aWxzL0dyb3VwSGVscGVyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENsYXNzcm9vbUdyb3VwQ29sb3VyIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gbWFwQ29sb3VyVG9DbGFzc05hbWUoZ3JvdXBDb2xvdXI6IENsYXNzcm9vbUdyb3VwQ29sb3VyKTogc3RyaW5nIHtcclxuICBzd2l0Y2ggKGdyb3VwQ29sb3VyKSB7XHJcbiAgY2FzZSBDbGFzc3Jvb21Hcm91cENvbG91ci5QaW5rOlxyXG4gICAgcmV0dXJuICdiZy1waW5rJztcclxuICBjYXNlIENsYXNzcm9vbUdyb3VwQ29sb3VyLk9yYW5nZTpcclxuICAgIHJldHVybiAnYmctb3JhbmdlJztcclxuICBjYXNlIENsYXNzcm9vbUdyb3VwQ29sb3VyLkdyZWVuOlxyXG4gICAgcmV0dXJuICdiZy1ncmVlbic7XHJcbiAgY2FzZSBDbGFzc3Jvb21Hcm91cENvbG91ci5CbHVlOlxyXG4gICAgcmV0dXJuICdiZy1ibHVlJztcclxuICBjYXNlIENsYXNzcm9vbUdyb3VwQ29sb3VyLlB1cnBsZTpcclxuICAgIHJldHVybiAnYmctcHVycGxlJztcclxuICBjYXNlIENsYXNzcm9vbUdyb3VwQ29sb3VyLkluZGlnbzpcclxuICAgIHJldHVybiAnYmctaW5kaWdvJztcclxuICBkZWZhdWx0OlxyXG4gICAgcmV0dXJuICdiZy1waW5rJztcclxuICB9XHJcbn1cclxuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBZEE7QUFnQkEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/classrooms/utils/GroupHelper.ts\n");
 
 /***/ }),
 
-/***/ "./src/apps/settings/components/password-settings/PasswordSettingsValidationSchema.ts":
+/***/ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PasswordSettingsValidationSchema\", function() { return PasswordSettingsValidationSchema; });\n/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../../node_modules/yup/lib/index.js\");\n/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n\n\nvar namespace = 'settings.passwordSettings';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace(namespace);\nvar PasswordSettingsValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"object\"])().shape({\n  currentPassword: Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"])().required(function () {\n    return getPhrase('currentPasswordRequired');\n  }).trim()[\"default\"](''),\n  newPassword: Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"])().required(function () {\n    return getPhrase('newPasswordRequired');\n  }).trim()[\"default\"](''),\n  confirmPassword: Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"])().required(function () {\n    return getPhrase('confirmPasswordRequired');\n  }).oneOf([Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"ref\"])('newPassword'), null], function () {\n    return getPhrase('passwordsDontMatch');\n  }).trim()[\"default\"]('')\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL3Bhc3N3b3JkLXNldHRpbmdzL1Bhc3N3b3JkU2V0dGluZ3NWYWxpZGF0aW9uU2NoZW1hLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL3Bhc3N3b3JkLXNldHRpbmdzL1Bhc3N3b3JkU2V0dGluZ3NWYWxpZGF0aW9uU2NoZW1hLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG9iamVjdCwgc3RyaW5nLCByZWYgfSBmcm9tICd5dXAnO1xyXG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9zZXJ2aWNlcy9MYW5ndWFnZVNlcnZpY2UnO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ3NldHRpbmdzLnBhc3N3b3JkU2V0dGluZ3MnO1xyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZShuYW1lc3BhY2UpO1xyXG5cclxuZXhwb3J0IGNvbnN0IFBhc3N3b3JkU2V0dGluZ3NWYWxpZGF0aW9uU2NoZW1hID0gb2JqZWN0KCkuc2hhcGUoe1xyXG4gIGN1cnJlbnRQYXNzd29yZDogc3RyaW5nKClcclxuICAgIC5yZXF1aXJlZCgoKSA9PiBnZXRQaHJhc2UoJ2N1cnJlbnRQYXNzd29yZFJlcXVpcmVkJykpXHJcbiAgICAudHJpbSgpXHJcbiAgICAuZGVmYXVsdCgnJyksXHJcbiAgbmV3UGFzc3dvcmQ6IHN0cmluZygpXHJcbiAgICAucmVxdWlyZWQoKCkgPT4gZ2V0UGhyYXNlKCduZXdQYXNzd29yZFJlcXVpcmVkJykpXHJcbiAgICAudHJpbSgpXHJcbiAgICAuZGVmYXVsdCgnJyksXHJcbiAgY29uZmlybVBhc3N3b3JkOiBzdHJpbmcoKVxyXG4gICAgLnJlcXVpcmVkKCgpID0+IGdldFBocmFzZSgnY29uZmlybVBhc3N3b3JkUmVxdWlyZWQnKSlcclxuICAgIC5vbmVPZihbIHJlZignbmV3UGFzc3dvcmQnKSwgbnVsbCBdLCAoKSA9PiBnZXRQaHJhc2UoJ3Bhc3N3b3Jkc0RvbnRNYXRjaCcpKVxyXG4gICAgLnRyaW0oKVxyXG4gICAgLmRlZmF1bHQoJycpXHJcbn0pOyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFFQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQUE7QUFHQTtBQUNBO0FBQUE7QUFHQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBWEEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/settings/components/password-settings/PasswordSettingsValidationSchema.ts\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ClassroomGroupValidationSchema\", function() { return ClassroomGroupValidationSchema; });\n/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../../node_modules/yup/lib/index.js\");\n/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/shared/src/interfaces/index.ts\");\n\n\n\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].encloseNamespace('classrooms.classroomValidation');\nvar ClassroomGroupValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"object\"])().shape({\n  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"])().max(255, function () {\n    return getPhrase('nameExceeds');\n  }).required(function () {\n    return getPhrase('nameRequired');\n  })[\"default\"](''),\n  description: Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"])()[\"default\"](''),\n  colour: Object(yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"])().required(function () {\n    return getPhrase('colourRequired');\n  })[\"default\"](libs_shared_interfaces__WEBPACK_IMPORTED_MODULE_2__[\"ClassroomGroupColour\"].Pink)\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9jbGFzc3Jvb21zL3ZhbGlkYXRpb24vQ2xhc3Nyb29tR3JvdXBWYWxpZGF0aW9uU2NoZW1hLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9jbGFzc3Jvb21zL3ZhbGlkYXRpb24vQ2xhc3Nyb29tR3JvdXBWYWxpZGF0aW9uU2NoZW1hLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG9iamVjdCwgc3RyaW5nIH0gZnJvbSAneXVwJztcclxuXHJcbmltcG9ydCB7IExhbmd1YWdlU2VydmljZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0xhbmd1YWdlU2VydmljZSc7XHJcbmltcG9ydCB7IENsYXNzcm9vbUdyb3VwQ29sb3VyIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcblxyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZSgnY2xhc3Nyb29tcy5jbGFzc3Jvb21WYWxpZGF0aW9uJyk7XHJcblxyXG5leHBvcnQgY29uc3QgQ2xhc3Nyb29tR3JvdXBWYWxpZGF0aW9uU2NoZW1hID0gb2JqZWN0KCkuc2hhcGUoe1xyXG4gIG5hbWU6IHN0cmluZygpXHJcbiAgICAubWF4KDI1NSwgKCkgPT4gZ2V0UGhyYXNlKCduYW1lRXhjZWVkcycpKVxyXG4gICAgLnJlcXVpcmVkKCgpID0+IGdldFBocmFzZSgnbmFtZVJlcXVpcmVkJykpXHJcbiAgICAuZGVmYXVsdCgnJyksXHJcbiAgZGVzY3JpcHRpb246IHN0cmluZygpXHJcbiAgICAuZGVmYXVsdCgnJyksXHJcbiAgY29sb3VyOiBzdHJpbmcoKVxyXG4gICAgLnJlcXVpcmVkKCgpID0+IGdldFBocmFzZSgnY29sb3VyUmVxdWlyZWQnKSlcclxuICAgIC5kZWZhdWx0KENsYXNzcm9vbUdyb3VwQ29sb3VyLlBpbmspXHJcbn0pOyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFFQTtBQUVBO0FBQ0E7QUFBQTtBQVJBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts\n");
 
 /***/ }),
 
-/***/ "./src/apps/settings/views/account-settings/AccountSettingsView.tsx":
+/***/ "./src/apps/classrooms/views/edit-classroom-group/EditClassroomGroupView.tsx":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AccountSettingsView\", function() { return AccountSettingsView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/flight-requests/UserRequests.ts\");\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var libs_shared_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx\");\n/* harmony import */ var libs_shared_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"../../libs/shared/src/hooks/UseAlerts.ts\");\n/* harmony import */ var libs_shared_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"../../libs/shared/src/hooks/UseMediaQuery.tsx\");\n/* harmony import */ var libs_shared_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"../../libs/shared/src/enums/MediaQueries.ts\");\n/* harmony import */ var libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(\"../../libs/analytics/src/AnalyticsHelper.ts\");\n/* harmony import */ var libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(\"../../libs/analytics/src/interfaces/index.ts\");\n/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(\"./src/shared/constants/LiteRadioChannels.ts\");\n/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(\"./src/shared/constants/LiteActions.ts\");\n/* harmony import */ var apps_settings_components_email_settings_EmailSettings__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(\"./src/apps/settings/components/email-settings/EmailSettings.tsx\");\n/* harmony import */ var apps_settings_components_password_settings_PasswordSettings__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(\"./src/apps/settings/components/password-settings/PasswordSettings.tsx\");\n/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(\"./src/apps/user-manager/flight-requests/SchoolUserRequests.ts\");\n/* harmony import */ var apps_settings_components_email_settings_partial_loading_PartialEmailSettings__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(\"./src/apps/settings/components/email-settings/partial-loading/PartialEmailSettings.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar namespace = 'settings.accountSettings';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__[\"LanguageService\"].encloseNamespace(namespace);\nfunction AccountSettingsView() {\n  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"useDispatch\"])();\n  var alerts = Object(libs_shared_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__[\"useAlerts\"])();\n  var isSmallScreen = Object(libs_shared_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_8__[\"useMediaQuery\"])(libs_shared_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_9__[\"MediaQueryStrings\"].MDDown);\n  var currentUser = libs_common_flight__WEBPACK_IMPORTED_MODULE_2__[\"Flight\"].useBasicFetch(libs_shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__[\"UserRequests\"].currentUser());\n\n  function onChangeEmail(emailModel, onDone) {\n    libs_common_flight__WEBPACK_IMPORTED_MODULE_2__[\"Flight\"].fetch(dispatch, apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_16__[\"SchoolUserRequests\"].changeEmail(emailModel.email, function () {\n      libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_10__[\"AnalyticsHelper\"].logUserAction({\n        id: currentUser.data.id,\n        oldEmail: currentUser.data.email,\n        newEmail: emailModel.email\n      }, {\n        actionType: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__[\"UserAction\"].VerifyEmail,\n        entity: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__[\"EntityType\"].User,\n        location: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__[\"LocationContext\"].Settings,\n        workflowPhase: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__[\"WorkflowPhase\"].Start\n      });\n      alerts.success(getPhrase('changeEmailRequestSuccess', {\n        email: emailModel.email\n      }));\n    }, function () {\n      alerts.error(getPhrase('changeEmailRequestError'));\n    }, onDone));\n  }\n\n  function onChangePassword(passwordModel, onDone) {\n    libs_common_flight__WEBPACK_IMPORTED_MODULE_2__[\"Flight\"].fetch(dispatch, apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_16__[\"SchoolUserRequests\"].changePassword(passwordModel, function () {\n      libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_10__[\"AnalyticsHelper\"].logUserAction({\n        id: currentUser.data.id,\n        oldPassword: passwordModel.currentPassword,\n        newPassword: passwordModel.newPassword\n      }, {\n        actionType: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__[\"UserAction\"].ChangePassword,\n        entity: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__[\"EntityType\"].User,\n        location: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__[\"LocationContext\"].Settings,\n        workflowPhase: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_11__[\"WorkflowPhase\"].Complete\n      });\n      alerts.success(getPhrase('changePasswordSuccess'));\n    }, function () {\n      alerts.error(getPhrase('changePasswordError'));\n    }, onDone));\n  }\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_5__[\"LanguageNamespaceContext\"].Provider, {\n    value: namespace\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'px-3'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h1\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_5__[\"Text\"], {\n    phrase: 'heading'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'pb-3'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_6__[\"Breadcrumbs\"], {\n    type: libs_shared_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_6__[\"BreadcrumbType\"].Static,\n    data: [{\n      name: getPhrase('settingsBreadcrumb')\n    }, {\n      name: getPhrase('currentBreadcrumb')\n    }],\n    currentItem: {\n      name: getPhrase('currentBreadcrumb')\n    },\n    getItemAppLink: function getItemAppLink() {\n      return {\n        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__[\"AppChannels\"].SETTINGS,\n        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__[\"Actions\"].Settings.HOME\n      };\n    }\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: isSmallScreen ? 'w-100' : 'w-50'\n  }, currentUser.data ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_settings_components_email_settings_EmailSettings__WEBPACK_IMPORTED_MODULE_14__[\"EmailSettings\"], {\n    currentUser: currentUser.data,\n    onChangeEmail: onChangeEmail\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_settings_components_email_settings_partial_loading_PartialEmailSettings__WEBPACK_IMPORTED_MODULE_17__[\"PartialEmailSettings\"], null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"hr\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: isSmallScreen ? 'w-100' : 'w-50'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_settings_components_password_settings_PasswordSettings__WEBPACK_IMPORTED_MODULE_15__[\"PasswordSettings\"], {\n    onChangePassword: onChangePassword\n  }))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9zZXR0aW5ncy92aWV3cy9hY2NvdW50LXNldHRpbmdzL0FjY291bnRTZXR0aW5nc1ZpZXcudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9zZXR0aW5ncy92aWV3cy9hY2NvdW50LXNldHRpbmdzL0FjY291bnRTZXR0aW5nc1ZpZXcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZURpc3BhdGNoIH0gZnJvbSAncmVhY3QtcmVkdXgnO1xyXG5cclxuaW1wb3J0IHsgRmxpZ2h0IH0gZnJvbSAnbGlicy9jb21tb24vZmxpZ2h0JztcclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuXHJcbmltcG9ydCB7IEN1cnJlbnRVc2VyIH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IFVzZXJSZXF1ZXN0cyB9IGZyb20gJ2xpYnMvc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9Vc2VyUmVxdWVzdHMnO1xyXG5pbXBvcnQgeyBMYW5ndWFnZU5hbWVzcGFjZUNvbnRleHQsIFRleHQgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL3RleHQvVGV4dCc7XHJcbmltcG9ydCB7IEJyZWFkY3J1bWJzLCBCcmVhZGNydW1iVHlwZSB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMnO1xyXG5pbXBvcnQgeyB1c2VBbGVydHMgfSBmcm9tICdsaWJzL3NoYXJlZC9ob29rcy9Vc2VBbGVydHMnO1xyXG5pbXBvcnQgeyB1c2VNZWRpYVF1ZXJ5IH0gZnJvbSAnbGlicy9zaGFyZWQvaG9va3MvVXNlTWVkaWFRdWVyeSc7XHJcbmltcG9ydCB7IE1lZGlhUXVlcnlTdHJpbmdzIH0gZnJvbSAnbGlicy9zaGFyZWQvZW51bXMvTWVkaWFRdWVyaWVzJztcclxuXHJcbmltcG9ydCB7IEFuYWx5dGljc0hlbHBlciB9IGZyb20gJ2xpYnMvYW5hbHl0aWNzL0FuYWx5dGljc0hlbHBlcic7XHJcbmltcG9ydCB7IFVzZXJBY3Rpb24sIEVudGl0eVR5cGUsIExvY2F0aW9uQ29udGV4dCwgV29ya2Zsb3dQaGFzZSB9IGZyb20gJ2xpYnMvYW5hbHl0aWNzL2ludGVyZmFjZXMnO1xyXG5cclxuaW1wb3J0IHsgQXBwQ2hhbm5lbHMgfSBmcm9tICdzaGFyZWQvY29uc3RhbnRzL0xpdGVSYWRpb0NoYW5uZWxzJztcclxuaW1wb3J0IHsgQWN0aW9ucyB9IGZyb20gJ3NoYXJlZC9jb25zdGFudHMvTGl0ZUFjdGlvbnMnO1xyXG5cclxuaW1wb3J0IHsgRW1haWxTZXR0aW5ncywgRW1haWxTZXR0aW5nc01vZGVsIH0gZnJvbSAnYXBwcy9zZXR0aW5ncy9jb21wb25lbnRzL2VtYWlsLXNldHRpbmdzL0VtYWlsU2V0dGluZ3MnO1xyXG5pbXBvcnQgeyBQYXNzd29yZFNldHRpbmdzLCBQYXNzd29yZFNldHRpbmdzTW9kZWwgfSBmcm9tICdhcHBzL3NldHRpbmdzL2NvbXBvbmVudHMvcGFzc3dvcmQtc2V0dGluZ3MvUGFzc3dvcmRTZXR0aW5ncyc7XHJcbmltcG9ydCB7IFNjaG9vbFVzZXJSZXF1ZXN0cyB9IGZyb20gJ2FwcHMvdXNlci1tYW5hZ2VyL2ZsaWdodC1yZXF1ZXN0cy9TY2hvb2xVc2VyUmVxdWVzdHMnO1xyXG5pbXBvcnQgeyBQYXJ0aWFsRW1haWxTZXR0aW5ncyB9IGZyb20gJ2FwcHMvc2V0dGluZ3MvY29tcG9uZW50cy9lbWFpbC1zZXR0aW5ncy9wYXJ0aWFsLWxvYWRpbmcvUGFydGlhbEVtYWlsU2V0dGluZ3MnO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ3NldHRpbmdzLmFjY291bnRTZXR0aW5ncyc7XHJcbmNvbnN0IGdldFBocmFzZSA9IExhbmd1YWdlU2VydmljZS5lbmNsb3NlTmFtZXNwYWNlKG5hbWVzcGFjZSk7XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gQWNjb3VudFNldHRpbmdzVmlldygpOiBKU1guRWxlbWVudCB7XHJcbiAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaCgpO1xyXG4gIGNvbnN0IGFsZXJ0cyA9IHVzZUFsZXJ0cygpO1xyXG4gIGNvbnN0IGlzU21hbGxTY3JlZW4gPSB1c2VNZWRpYVF1ZXJ5KE1lZGlhUXVlcnlTdHJpbmdzLk1ERG93bik7XHJcblxyXG4gIGNvbnN0IGN1cnJlbnRVc2VyID0gRmxpZ2h0LnVzZUJhc2ljRmV0Y2g8Q3VycmVudFVzZXI+KFVzZXJSZXF1ZXN0cy5jdXJyZW50VXNlcigpKTtcclxuXHJcbiAgZnVuY3Rpb24gb25DaGFuZ2VFbWFpbChlbWFpbE1vZGVsOiBFbWFpbFNldHRpbmdzTW9kZWwsIG9uRG9uZT86ICgpID0+IHZvaWQpOiB2b2lkIHtcclxuICAgIEZsaWdodC5mZXRjaChkaXNwYXRjaCwgU2Nob29sVXNlclJlcXVlc3RzLmNoYW5nZUVtYWlsKGVtYWlsTW9kZWwuZW1haWwsICgpID0+IHtcclxuICAgICAgQW5hbHl0aWNzSGVscGVyLmxvZ1VzZXJBY3Rpb24oe1xyXG4gICAgICAgIGlkOiBjdXJyZW50VXNlci5kYXRhLmlkLFxyXG4gICAgICAgIG9sZEVtYWlsOiBjdXJyZW50VXNlci5kYXRhLmVtYWlsLFxyXG4gICAgICAgIG5ld0VtYWlsOiBlbWFpbE1vZGVsLmVtYWlsXHJcbiAgICAgIH0sIHtcclxuICAgICAgICBhY3Rpb25UeXBlOiBVc2VyQWN0aW9uLlZlcmlmeUVtYWlsLFxyXG4gICAgICAgIGVudGl0eTogRW50aXR5VHlwZS5Vc2VyLFxyXG4gICAgICAgIGxvY2F0aW9uOiBMb2NhdGlvbkNvbnRleHQuU2V0dGluZ3MsXHJcbiAgICAgICAgd29ya2Zsb3dQaGFzZTogV29ya2Zsb3dQaGFzZS5TdGFydFxyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIGFsZXJ0cy5zdWNjZXNzKGdldFBocmFzZSgnY2hhbmdlRW1haWxSZXF1ZXN0U3VjY2VzcycsIHsgZW1haWw6IGVtYWlsTW9kZWwuZW1haWwgfSkpO1xyXG4gICAgfSwgKCkgPT4ge1xyXG4gICAgICBhbGVydHMuZXJyb3IoZ2V0UGhyYXNlKCdjaGFuZ2VFbWFpbFJlcXVlc3RFcnJvcicpKTtcclxuICAgIH0sIG9uRG9uZSkpO1xyXG4gIH1cclxuXHJcbiAgZnVuY3Rpb24gb25DaGFuZ2VQYXNzd29yZChwYXNzd29yZE1vZGVsOiBQYXNzd29yZFNldHRpbmdzTW9kZWwsIG9uRG9uZT86ICgpID0+IHZvaWQpOiB2b2lkIHtcclxuICAgIEZsaWdodC5mZXRjaChkaXNwYXRjaCwgU2Nob29sVXNlclJlcXVlc3RzLmNoYW5nZVBhc3N3b3JkKHBhc3N3b3JkTW9kZWwsICgpID0+IHtcclxuICAgICAgQW5hbHl0aWNzSGVscGVyLmxvZ1VzZXJBY3Rpb24oe1xyXG4gICAgICAgIGlkOiBjdXJyZW50VXNlci5kYXRhLmlkLFxyXG4gICAgICAgIG9sZFBhc3N3b3JkOiBwYXNzd29yZE1vZGVsLmN1cnJlbnRQYXNzd29yZCxcclxuICAgICAgICBuZXdQYXNzd29yZDogcGFzc3dvcmRNb2RlbC5uZXdQYXNzd29yZFxyXG4gICAgICB9LCB7XHJcbiAgICAgICAgYWN0aW9uVHlwZTogVXNlckFjdGlvbi5DaGFuZ2VQYXNzd29yZCxcclxuICAgICAgICBlbnRpdHk6IEVudGl0eVR5cGUuVXNlcixcclxuICAgICAgICBsb2NhdGlvbjogTG9jYXRpb25Db250ZXh0LlNldHRpbmdzLFxyXG4gICAgICAgIHdvcmtmbG93UGhhc2U6IFdvcmtmbG93UGhhc2UuQ29tcGxldGVcclxuICAgICAgfSk7XHJcblxyXG4gICAgICBhbGVydHMuc3VjY2VzcyhnZXRQaHJhc2UoJ2NoYW5nZVBhc3N3b3JkU3VjY2VzcycpKTtcclxuICAgIH0sICgpID0+IHtcclxuICAgICAgYWxlcnRzLmVycm9yKGdldFBocmFzZSgnY2hhbmdlUGFzc3dvcmRFcnJvcicpKTtcclxuICAgIH0sIG9uRG9uZSkpO1xyXG4gIH1cclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxMYW5ndWFnZU5hbWVzcGFjZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e25hbWVzcGFjZX0+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdweC0zJz5cclxuICAgICAgICA8aDE+PFRleHQgcGhyYXNlPSdoZWFkaW5nJyAvPjwvaDE+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPSdwYi0zJz5cclxuICAgICAgICAgIDxCcmVhZGNydW1ic1xyXG4gICAgICAgICAgICB0eXBlPXtCcmVhZGNydW1iVHlwZS5TdGF0aWN9XHJcbiAgICAgICAgICAgIGRhdGE9e1tcclxuICAgICAgICAgICAgICB7IG5hbWU6IGdldFBocmFzZSgnc2V0dGluZ3NCcmVhZGNydW1iJykgfSxcclxuICAgICAgICAgICAgICB7IG5hbWU6IGdldFBocmFzZSgnY3VycmVudEJyZWFkY3J1bWInKSB9XHJcbiAgICAgICAgICAgIF19XHJcbiAgICAgICAgICAgIGN1cnJlbnRJdGVtPXt7IG5hbWU6IGdldFBocmFzZSgnY3VycmVudEJyZWFkY3J1bWInKSB9fVxyXG4gICAgICAgICAgICBnZXRJdGVtQXBwTGluaz17KCkgPT4gKHtcclxuICAgICAgICAgICAgICBhcHBsaWNhdGlvbjogQXBwQ2hhbm5lbHMuU0VUVElOR1MsXHJcbiAgICAgICAgICAgICAgYWN0aW9uOiBBY3Rpb25zLlNldHRpbmdzLkhPTUVcclxuICAgICAgICAgICAgfSl9XHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aXNTbWFsbFNjcmVlbiA/ICd3LTEwMCcgOiAndy01MCd9PlxyXG4gICAgICAgICAgeyhjdXJyZW50VXNlci5kYXRhKVxyXG4gICAgICAgICAgICA/IChcclxuICAgICAgICAgICAgICA8RW1haWxTZXR0aW5nc1xyXG4gICAgICAgICAgICAgICAgY3VycmVudFVzZXI9e2N1cnJlbnRVc2VyLmRhdGF9XHJcbiAgICAgICAgICAgICAgICBvbkNoYW5nZUVtYWlsPXtvbkNoYW5nZUVtYWlsfVxyXG4gICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICkgOiA8UGFydGlhbEVtYWlsU2V0dGluZ3MgLz5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGhyIC8+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtpc1NtYWxsU2NyZWVuID8gJ3ctMTAwJyA6ICd3LTUwJ30+XHJcbiAgICAgICAgICA8UGFzc3dvcmRTZXR0aW5ncyBvbkNoYW5nZVBhc3N3b3JkPXtvbkNoYW5nZVBhc3N3b3JkfSAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvTGFuZ3VhZ2VOYW1lc3BhY2VDb250ZXh0LlByb3ZpZGVyPlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUVBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBRUE7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQU9BO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUtBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFPQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFBQTtBQUVBO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFFQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUZBO0FBQUE7QUFQQTtBQWNBO0FBQUE7QUFJQTtBQUNBO0FBRkE7QUFVQTtBQUFBO0FBQ0E7QUFBQTtBQUtBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/settings/views/account-settings/AccountSettingsView.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EditClassroomGroupView\", function() { return EditClassroomGroupView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/analytics/src/AnalyticsHelper.ts\");\n/* harmony import */ var libs_shared_components_popup_Popup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/popup/Popup.tsx\");\n/* harmony import */ var libs_shared_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/hooks/UseAlerts.ts\");\n/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"./src/apps/classrooms/flight-requests/ClassroomRequests.ts\");\n/* harmony import */ var apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx\");\n\n\n\n\n\n\n\n\n\nvar namespace = 'classrooms.editClassroomGroup';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__[\"LanguageService\"].encloseNamespace(namespace);\nfunction EditClassroomGroupView(props) {\n  var group = libs_common_flight__WEBPACK_IMPORTED_MODULE_2__[\"Flight\"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_7__[\"ClassroomRequests\"].getClassroomGroup(props.groupId));\n  var alerts = Object(libs_shared_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__[\"useAlerts\"])();\n  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"useDispatch\"])();\n\n  var saveGroup = function saveGroup(editedGroup) {\n    libs_common_flight__WEBPACK_IMPORTED_MODULE_2__[\"Flight\"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_7__[\"ClassroomRequests\"].editGroup(editedGroup, props.classroomId, function () {\n      alerts.success(getPhrase('success', {\n        groupName: editedGroup.name\n      }));\n      libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__[\"AnalyticsHelper\"].logUserAction(editedGroup, props.analyticsOptions);\n      props.closePopup();\n    }, function () {\n      alerts.error(getPhrase('error', {\n        groupName: group.data.name\n      }));\n    }));\n  };\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_popup_Popup__WEBPACK_IMPORTED_MODULE_5__[\"Popup\"], {\n    title: getPhrase('title'),\n    closePopup: props.closePopup,\n    showLoadingSpinner: !group.data\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_8__[\"EditClassroomGroupDetails\"], {\n    saveGroup: saveGroup,\n    group: group.data,\n    onClickCancel: props.closePopup\n  }));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9jbGFzc3Jvb21zL3ZpZXdzL2VkaXQtY2xhc3Nyb29tLWdyb3VwL0VkaXRDbGFzc3Jvb21Hcm91cFZpZXcudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9jbGFzc3Jvb21zL3ZpZXdzL2VkaXQtY2xhc3Nyb29tLWdyb3VwL0VkaXRDbGFzc3Jvb21Hcm91cFZpZXcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZURpc3BhdGNoIH0gZnJvbSAncmVhY3QtcmVkdXgnO1xyXG5cclxuaW1wb3J0IHsgRmxpZ2h0IH0gZnJvbSAnbGlicy9jb21tb24vZmxpZ2h0JztcclxuaW1wb3J0IHsgTGFuZ3VhZ2VTZXJ2aWNlIH0gZnJvbSAnbGlicy9jb21tb24vYmFja2JvbmUvc2VydmljZXMvTGFuZ3VhZ2VTZXJ2aWNlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzSGVscGVyIH0gZnJvbSAnbGlicy9hbmFseXRpY3MvQW5hbHl0aWNzSGVscGVyJztcclxuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL3BvcHVwL1BvcHVwJztcclxuaW1wb3J0IHsgUHJvcHNXaXRoUG9wdXBWaWV3UHJvcHMsIFByb3BzV2l0aEFuYWx5dGljc09wdGlvbnMgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgdXNlQWxlcnRzIH0gZnJvbSAnbGlicy9zaGFyZWQvaG9va3MvVXNlQWxlcnRzJztcclxuaW1wb3J0IHsgQ2xhc3Nyb29tR3JvdXAgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuXHJcbmltcG9ydCB7IENsYXNzcm9vbVJlcXVlc3RzIH0gZnJvbSAnYXBwcy9jbGFzc3Jvb21zL2ZsaWdodC1yZXF1ZXN0cy9DbGFzc3Jvb21SZXF1ZXN0cyc7XHJcbmltcG9ydCB7IEVkaXRDbGFzc3Jvb21Hcm91cERldGFpbHMgfSBmcm9tICdhcHBzL2NsYXNzcm9vbXMvY29tcG9uZW50cy9lZGl0LWNsYXNzcm9vbS1ncm91cC1kZXRhaWxzL0VkaXRDbGFzc3Jvb21Hcm91cERldGFpbHMnO1xyXG5pbXBvcnQgeyBFZGl0Q2xhc3Nyb29tR3JvdXBSZXF1ZXN0IH0gZnJvbSAnYXBwcy9jbGFzc3Jvb21zL2ludGVyZmFjZXMvRWRpdENsYXNzcm9vbUdyb3VwUmVxdWVzdCc7XHJcblxyXG5jb25zdCBuYW1lc3BhY2UgPSAnY2xhc3Nyb29tcy5lZGl0Q2xhc3Nyb29tR3JvdXAnO1xyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZShuYW1lc3BhY2UpO1xyXG5cclxudHlwZSBFZGl0Q2xhc3Nyb29tR3JvdXBWaWV3UHJvcHMgPSBQcm9wc1dpdGhQb3B1cFZpZXdQcm9wczxQcm9wc1dpdGhBbmFseXRpY3NPcHRpb25zPHtcclxuICBjbGFzc3Jvb21JZDogc3RyaW5nO1xyXG4gIGdyb3VwSWQ6IHN0cmluZztcclxufT4+O1xyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIEVkaXRDbGFzc3Jvb21Hcm91cFZpZXcocHJvcHM6IEVkaXRDbGFzc3Jvb21Hcm91cFZpZXdQcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBncm91cCA9IEZsaWdodC51c2VCYXNpY0ZldGNoPENsYXNzcm9vbUdyb3VwPihDbGFzc3Jvb21SZXF1ZXN0cy5nZXRDbGFzc3Jvb21Hcm91cChwcm9wcy5ncm91cElkKSk7XHJcblxyXG4gIGNvbnN0IGFsZXJ0cyA9IHVzZUFsZXJ0cygpO1xyXG4gIGNvbnN0IGRpc3BhdGNoID0gdXNlRGlzcGF0Y2goKTtcclxuXHJcbiAgY29uc3Qgc2F2ZUdyb3VwID0gKGVkaXRlZEdyb3VwOiBFZGl0Q2xhc3Nyb29tR3JvdXBSZXF1ZXN0KSA9PiB7XHJcbiAgICBGbGlnaHQuZmV0Y2goZGlzcGF0Y2gsIENsYXNzcm9vbVJlcXVlc3RzLmVkaXRHcm91cChlZGl0ZWRHcm91cCwgcHJvcHMuY2xhc3Nyb29tSWQsICgpID0+IHtcclxuICAgICAgYWxlcnRzLnN1Y2Nlc3MoZ2V0UGhyYXNlKCdzdWNjZXNzJywgeyBncm91cE5hbWU6IGVkaXRlZEdyb3VwLm5hbWUgfSkpO1xyXG5cclxuICAgICAgQW5hbHl0aWNzSGVscGVyLmxvZ1VzZXJBY3Rpb24oZWRpdGVkR3JvdXAsIHByb3BzLmFuYWx5dGljc09wdGlvbnMpO1xyXG5cclxuICAgICAgcHJvcHMuY2xvc2VQb3B1cCgpO1xyXG4gICAgfSwgKCkgPT4ge1xyXG4gICAgICBhbGVydHMuZXJyb3IoZ2V0UGhyYXNlKCdlcnJvcicsIHsgZ3JvdXBOYW1lOiBncm91cC5kYXRhLm5hbWUgfSkpO1xyXG4gICAgfSkpO1xyXG4gIH07XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8UG9wdXAgdGl0bGU9e2dldFBocmFzZSgndGl0bGUnKX0gY2xvc2VQb3B1cD17cHJvcHMuY2xvc2VQb3B1cH0gc2hvd0xvYWRpbmdTcGlubmVyPXshZ3JvdXAuZGF0YX0+XHJcbiAgICAgIDxFZGl0Q2xhc3Nyb29tR3JvdXBEZXRhaWxzXHJcbiAgICAgICAgc2F2ZUdyb3VwPXtzYXZlR3JvdXB9XHJcbiAgICAgICAgZ3JvdXA9e2dyb3VwLmRhdGF9XHJcbiAgICAgICAgb25DbGlja0NhbmNlbD17cHJvcHMuY2xvc2VQb3B1cH1cclxuICAgICAgLz5cclxuICAgIDwvUG9wdXA+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUdBO0FBQ0E7QUFHQTtBQUNBO0FBT0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFDQTtBQUNBO0FBSEE7QUFPQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/apps/classrooms/views/edit-classroom-group/EditClassroomGroupView.tsx\n");
 
 /***/ })