@clickview/lite 0.0.26-dev.1 → 0.0.26-rc.0

package/dist/scripts/29.chunk.js

@@ -1,899 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[29],{
-
-/***/ "../../libs/shared/src/components/actions/Actions.tsx":
-/*!************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/Actions.tsx ***!
-  \************************************************************************************************/
-/*! exports provided: Actions */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Actions", function() { return Actions; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
-/* harmony import */ var _ActionsDropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ActionsDropdown */ "../../libs/shared/src/components/actions/ActionsDropdown.tsx");
-/* harmony import */ var _ActionButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ActionButton */ "../../libs/shared/src/components/actions/ActionButton.tsx");
-/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
-/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
-
-
-function Actions(props) {
-  var buttonActions = [];
-  var moreActions = [];
-  props.actions.forEach(function (a) {
-    if (a.button) buttonActions.push(a);else moreActions.push(a);
-  });
-  var className = 'd-flex';
-  if (props.className) className += " ".concat(props.className);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: className
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, !!buttonActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
-    className: _actions_scss__WEBPACK_IMPORTED_MODULE_4___default.a.buttonList
-  }, buttonActions.map(function (a, idx) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
-      key: idx
-    }, a.label ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionButton__WEBPACK_IMPORTED_MODULE_3__["ActionButton"], {
-      appLink: a.appLink,
-      onClick: a.onClick,
-      svgName: a.svgName,
-      className: a.className,
-      tooltip: a.tooltip,
-      showSpinner: a.showSpinner,
-      analyticsData: a.analyticsData,
-      analyticsOptions: a.analyticsOptions
-    }, a.label) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__["IconButton"], {
-      appLink: a.appLink,
-      onClick: a.onClick,
-      svgName: a.svgName,
-      className: a.className,
-      analyticsData: a.analyticsData,
-      analyticsOptions: a.analyticsOptions
-    }));
-  })), props.sortComponent ? props.sortComponent : '', !!moreActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionsDropdown__WEBPACK_IMPORTED_MODULE_2__["ActionsDropdown"], {
-    actions: moreActions,
-    className: !!buttonActions.length && 'ml-2',
-    dropdownToggleClassName: props.actionsDropdownClassName
-  })));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/actions/ActionsDropdown.tsx":
-/*!********************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx ***!
-  \********************************************************************************************************/
-/*! exports provided: ActionsDropdown */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionsDropdown", function() { return ActionsDropdown; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/react/utils/RandomHelper */ "../../libs/common/src/react/utils/RandomHelper.ts");
-/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
-/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_7__);
-
-
-
-
-
-
-
-
-
-function getDropdownItemClassName(actionClassName) {
-  var className = 'dropdown-item';
-  if (actionClassName) className += " ".concat(actionClassName);
-  return className;
-}
-
-function ActionsDropdownItem(props) {
-  if (props.action.appLink) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
-    appLink: props.action.appLink,
-    onClick: props.action.onClick,
-    className: getDropdownItemClassName(props.action.className),
-    analyticsData: props.action.analyticsData,
-    analyticsOptions: props.action.analyticsOptions
-  }, props.action.label);
-
-  function onClick(e) {
-    if (props.action.analyticsData && props.action.analyticsOptions) _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction(props.action.analyticsData, props.action.analyticsOptions);
-    if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.action.onClick)) props.action.onClick(e);
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
-    className: "cursor-pointer ".concat(getDropdownItemClassName(props.action.className)),
-    onClick: onClick
-  }, props.action.label);
-}
-
-ActionsDropdown.defaultProps = {
-  dropdownToggleClassName: 'btn btn-light'
-};
-function ActionsDropdown(props) {
-  if (!props.actions || !props.actions.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  var className = 'dropdown';
-  if (props.className) className += " ".concat(props.className); // Generate unique id to avoid collisions.
-
-  var dropdownToggleId = "actions-dropdown-".concat(_common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__["RandomHelper"].getRandomInt());
-  var dropdownToggleClassName = "dropdown-toggle px-0 ".concat(_actions_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle);
-  if (props.dropdownToggleClassName) dropdownToggleClassName += " ".concat(props.dropdownToggleClassName);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: className
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
-    className: dropdownToggleClassName,
-    type: 'button',
-    id: dropdownToggleId,
-    "data-toggle": 'dropdown',
-    "aria-haspopup": 'true',
-    "aria-expanded": 'false'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
-    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].More,
-    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainerSize"].Small
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'dropdown-menu dropdown-menu-right',
-    "aria-labelledby": dropdownToggleId
-  }, props.actions.map(function (a, idx) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ActionsDropdownItem, {
-      key: idx,
-      action: a
-    });
-  })));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/actions/actions.scss":
-/*!*************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/actions.scss ***!
-  \*************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"buttonList":"cv--buttonList--2v9CT","dropdownToggle":"cv--dropdownToggle--AYBvQ"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
-/*!************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
-  \************************************************************************************/
-/*! exports provided: useAlerts */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
-/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
-/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
-
-
-
-var useAlerts = function useAlerts() {
-  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
-  return {
-    success: function success(alertContent) {
-      alertService.success(alertContent)();
-    },
-    error: function error(alertContent) {
-      alertService.error(alertContent)();
-    },
-    warning: function warning(alertContent) {
-      alertService.createAlert({
-        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
-        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
-        message: alertContent
-      });
-    }
-  };
-};
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/classroom-item/ClassroomItem.tsx":
-/*!*************************************************************************!*\
-  !*** ./src/apps/classrooms/components/classroom-item/ClassroomItem.tsx ***!
-  \*************************************************************************/
-/*! exports provided: ClassroomItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomItem", function() { return ClassroomItem; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var apps_classrooms_components_classroom_star_ClassroomStar__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/classrooms/components/classroom-star/ClassroomStar */ "./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx");
-/* harmony import */ var _classroom_item_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./classroom-item.scss */ "./src/apps/classrooms/components/classroom-item/classroom-item.scss");
-/* harmony import */ var _classroom_item_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_classroom_item_scss__WEBPACK_IMPORTED_MODULE_9__);
-
-
-
-
-
-
-
-
-
-
-var namespace = 'classrooms.classroomItem';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
-
-var getClassroomAppLink = function getClassroomAppLink(id, hasStudents) {
-  return hasStudents ? {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.CLASSROOM,
-    args: [id]
-  } : {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.MANAGE_CLASSROOM,
-    args: [id],
-    params: {
-      tab: 'students'
-    }
-  };
-};
-
-var getEditClassroomAppLink = function getEditClassroomAppLink(id) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.EDIT_CLASSROOM,
-    args: [id]
-  };
-};
-
-var getDeleteClassroomAppLink = function getDeleteClassroomAppLink(id) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.DELETE_CLASSROOM,
-    args: [id]
-  };
-}; // TODO: Update to pick a colour like playlists
-
-
-var getBgColourClass = function getBgColourClass(name) {
-  return name ? 'bg-froly' : 'bg-froly';
-};
-
-function ClassroomItem(props) {
-  var actions = [{
-    label: getPhrase('rename'),
-    appLink: getEditClassroomAppLink(props.classroom.id),
-    onClick: function onClick() {
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
-        id: props.classroom.id
-      }, {
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Classroom,
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Edit,
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassroomsListItem,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start
-      });
-    }
-  }, {
-    label: getPhrase('delete'),
-    appLink: getDeleteClassroomAppLink(props.classroom.id),
-    className: 'text-danger',
-    onClick: function onClick() {
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
-        id: props.classroom.id
-      }, {
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Classroom,
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Delete,
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassroomsListItem,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start
-      });
-    }
-  }];
-  var className = "".concat(_classroom_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.item, " rounded px-2 d-flex align-items-center justify-content-center");
-  className += props.classroom.isFavourited ? " ".concat(getBgColourClass(props.classroom.name)) : ' border border-dark';
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'position-relative'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: _classroom_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.starContainer
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_star_ClassroomStar__WEBPACK_IMPORTED_MODULE_8__["ClassroomStar"], {
-    isActive: props.classroom.isFavourited,
-    onToggle: props.onToggleStar
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: _classroom_item_scss__WEBPACK_IMPORTED_MODULE_9___default.a.actionsContainer
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_5__["Actions"], {
-    actions: actions,
-    actionsDropdownClassName: 'btn'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__["AppLink"], {
-    appLink: getClassroomAppLink(props.classroom.id, !!props.students.length),
-    className: className
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
-    className: 'h6 mb-0 text-center'
-  }, props.classroom.name)));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/classroom-item/EmptyClassroomItem.tsx":
-/*!******************************************************************************!*\
-  !*** ./src/apps/classrooms/components/classroom-item/EmptyClassroomItem.tsx ***!
-  \******************************************************************************/
-/*! exports provided: EmptyClassroomItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmptyClassroomItem", function() { return EmptyClassroomItem; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _classroom_item_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./classroom-item.scss */ "./src/apps/classrooms/components/classroom-item/classroom-item.scss");
-/* harmony import */ var _classroom_item_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_classroom_item_scss__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
-
-
-var namespace = 'classrooms.classroomItem';
-function EmptyClassroomItem() {
-  var className = "".concat(_classroom_item_scss__WEBPACK_IMPORTED_MODULE_4___default.a.emptyItem, " rounded px-2 d-flex flex-column align-items-center justify-content-center");
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: className
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Star,
-    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainerSize"].ExtraLarge,
-    className: 'text-yellow svg-container'
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
-    className: 'px-3 h6 text-center'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    namespace: namespace,
-    phrase: 'pinClassroom'
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/classroom-item/classroom-item.scss":
-/*!***************************************************************************!*\
-  !*** ./src/apps/classrooms/components/classroom-item/classroom-item.scss ***!
-  \***************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"item":"cv--item--1hPtb","emptyItem":"cv--emptyItem--3QUfn","starContainer":"cv--starContainer--3X4Vw","actionsContainer":"cv--actionsContainer--23R73"};
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx":
-/*!*************************************************************************!*\
-  !*** ./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx ***!
-  \*************************************************************************/
-/*! exports provided: ClassroomStar */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStar", function() { return ClassroomStar; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
-/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-
-
-
-
-function ClassroomStar(_ref) {
-  var isActive = _ref.isActive,
-      onToggle = _ref.onToggle;
-  var className = isActive ? 'text-yellow' : ''; // TODO: Remove this once favouriting classrooms is supported by the backend
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
-    onClick: onToggle,
-    className: className
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
-    svgName: isActive ? _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Star : _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].StarOutline,
-    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Large
-  }));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/views/classrooms/ClassroomsView.tsx":
-/*!*****************************************************************!*\
-  !*** ./src/apps/classrooms/views/classrooms/ClassroomsView.tsx ***!
-  \*****************************************************************/
-/*! exports provided: ClassroomsView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomsView", function() { return ClassroomsView; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
-/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
-/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
-/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
-/* harmony import */ var shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/errors/general/not-found/LiteNotFoundError */ "./src/shared/errors/general/not-found/LiteNotFoundError.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
-/* harmony import */ var apps_classrooms_components_classroom_item_ClassroomItem__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! apps/classrooms/components/classroom-item/ClassroomItem */ "./src/apps/classrooms/components/classroom-item/ClassroomItem.tsx");
-/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
-/* harmony import */ var apps_classrooms_components_classroom_item_EmptyClassroomItem__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! apps/classrooms/components/classroom-item/EmptyClassroomItem */ "./src/apps/classrooms/components/classroom-item/EmptyClassroomItem.tsx");
-/* harmony import */ var _empty_state_ClassroomsEmptyState__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./empty-state/ClassroomsEmptyState */ "./src/apps/classrooms/views/classrooms/empty-state/ClassroomsEmptyState.tsx");
-/* harmony import */ var _empty_state_ClassroomsNoStudentsState__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./empty-state/ClassroomsNoStudentsState */ "./src/apps/classrooms/views/classrooms/empty-state/ClassroomsNoStudentsState.tsx");
-/* harmony import */ var _partial_loading_ClassroomsPartialLoading__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./partial-loading/ClassroomsPartialLoading */ "./src/apps/classrooms/views/classrooms/partial-loading/ClassroomsPartialLoading.tsx");
-/* harmony import */ var _classrooms_scss__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./classrooms.scss */ "./src/apps/classrooms/views/classrooms/classrooms.scss");
-/* harmony import */ var _classrooms_scss__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(_classrooms_scss__WEBPACK_IMPORTED_MODULE_26__);
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var namespace = 'classrooms.classrooms';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
-var newClassroomAppLink = {
-  application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_17__["AppChannels"].CLASSROOMS,
-  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Classrooms.NEW_CLASSROOM
-};
-function ClassroomsView() {
-  var _a, _b, _c, _d;
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      favourited = _React$useState2[0],
-      setFavouritedClassrooms = _React$useState2[1];
-
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      otherClassrooms = _React$useState4[0],
-      setOtherClassrooms = _React$useState4[1];
-
-  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_13__["usePermissions"])(),
-      hasPermissions = _usePermissions.hasPermissions;
-
-  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__["useSetPageTitle"])(getPhrase('pageTitle'));
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_11__["useAlerts"])();
-  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_14__["UserRequests"].currentUser());
-  var classrooms = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].getAll());
-  var students = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(currentUser.data && apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_21__["SchoolUserRequests"].getUsers(currentUser.data.customerId, _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_15__["UserGroup"].Learner));
-  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
-    var _a;
-
-    if (!((_a = classrooms.data) === null || _a === void 0 ? void 0 : _a.data.length)) return;
-    var _favouritedClassrooms = [];
-    var _otherClassrooms = [];
-    classrooms.data.data.forEach(function (classroom) {
-      if (classroom.isFavourited) _favouritedClassrooms.push(classroom);else _otherClassrooms.push(classroom);
-    });
-    setFavouritedClassrooms(_favouritedClassrooms);
-    setOtherClassrooms(_otherClassrooms);
-  }, [(_a = classrooms.data) === null || _a === void 0 ? void 0 : _a.data]);
-
-  function onClickNewClassroom() {
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({}, {
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Create,
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].Classroom,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Start,
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].ClassroomsList
-    });
-  }
-
-  function _onToggleStar(classroom) {
-    if (!classroom.isFavourited) {
-      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].starClassroom(classroom, function () {
-        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
-          id: classroom.id
-        }, {
-          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].ClassroomsListItem,
-          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Favourite,
-          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["ToggleDescriptor"].On,
-          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].Classroom,
-          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete
-        });
-        alerts.success(getPhrase('starSuccess', {
-          classroomName: classroom.name
-        }));
-      }, function () {
-        alerts.error(getPhrase('starError', {
-          classroomName: classroom.name
-        }));
-      }));
-      return;
-    }
-
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_19__["ClassroomRequests"].unstarClassroom(classroom, function () {
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
-        id: classroom.id
-      }, {
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].ClassroomsListItem,
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Favourite,
-        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["ToggleDescriptor"].Off,
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].Classroom,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete
-      });
-      alerts.success(getPhrase('unstarSuccess', {
-        classroomName: classroom.name
-      }));
-    }, function () {
-      alerts.error(getPhrase('unstarError', {
-        classroomName: classroom.name
-      }));
-    }));
-  }
-
-  if (!hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_8__["PermissionName"].ViewClassrooms)) {
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__["Core"].ErrorHelper["throw"](new shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_16__["NotFoundError"]());
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
-  }
-
-  var isLoading = !currentUser.data || !((_b = classrooms.data) === null || _b === void 0 ? void 0 : _b.data) || !((_c = students.data) === null || _c === void 0 ? void 0 : _c.data);
-  var showEmptyState = !isLoading && (!((_d = students.data.data) === null || _d === void 0 ? void 0 : _d.length) || !classrooms.data.data.length);
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["LanguageNamespaceContext"].Provider, {
-    value: namespace
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'px-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'd-flex align-items-center pb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", {
-    className: 'flex-fill'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
-    phrase: 'heading'
-  })), function () {
-    if (!hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_8__["PermissionName"].CreateClassrooms) || showEmptyState) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
-    if (isLoading) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_classrooms_scss__WEBPACK_IMPORTED_MODULE_26___default.a.partialCreateButton)
-    });
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_12__["IconButton"], {
-      className: 'btn btn-secondary',
-      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__["cvSvgLibrary"].Plus,
-      onClick: onClickNewClassroom,
-      appLink: newClassroomAppLink
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
-      phrase: 'newClassroom'
-    }));
-  }()), function () {
-    var _a, _b;
-
-    if (isLoading) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_partial_loading_ClassroomsPartialLoading__WEBPACK_IMPORTED_MODULE_25__["ClassroomsPartialLoading"], null);
-    if (!((_b = (_a = students.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_empty_state_ClassroomsNoStudentsState__WEBPACK_IMPORTED_MODULE_24__["ClassroomsNoStudentsState"], {
-      canManageUsers: hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_8__["PermissionName"].ManageUsers)
-    });
-    if (!classrooms.data.data.length) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_empty_state_ClassroomsEmptyState__WEBPACK_IMPORTED_MODULE_23__["ClassroomsEmptyState"], {
-      canCreateClassrooms: hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_8__["PermissionName"].CreateClassrooms)
-    });
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-      className: 'h6 mb-0'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
-      phrase: 'myClassrooms'
-    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-      className: "list-unstyled d-flex flex-wrap mx-n2 ".concat(_classrooms_scss__WEBPACK_IMPORTED_MODULE_26___default.a.classroomList)
-    }, favourited.length ? favourited.map(function (c) {
-      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-        key: c.id
-      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_item_ClassroomItem__WEBPACK_IMPORTED_MODULE_20__["ClassroomItem"], {
-        onToggleStar: function onToggleStar() {
-          return _onToggleStar(c);
-        },
-        classroom: c,
-        students: students.data.data
-      }));
-    }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_item_EmptyClassroomItem__WEBPACK_IMPORTED_MODULE_22__["EmptyClassroomItem"], null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-      className: 'h6 mb-0'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
-      phrase: 'otherClassrooms'
-    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-      className: "list-unstyled d-flex flex-wrap mx-n2 ".concat(_classrooms_scss__WEBPACK_IMPORTED_MODULE_26___default.a.classroomList)
-    }, otherClassrooms.map(function (c) {
-      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-        key: c.id
-      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_item_ClassroomItem__WEBPACK_IMPORTED_MODULE_20__["ClassroomItem"], {
-        onToggleStar: function onToggleStar() {
-          return _onToggleStar(c);
-        },
-        classroom: c,
-        students: students.data.data
-      }));
-    })));
-  }()));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/views/classrooms/classrooms.scss":
-/*!**************************************************************!*\
-  !*** ./src/apps/classrooms/views/classrooms/classrooms.scss ***!
-  \**************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"classroomList":"cv--classroomList--26s7s","caretUp":"cv--caretUp--2o9ER","partialCreateButton":"cv--partialCreateButton--92WyU"};
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/views/classrooms/empty-state/ClassroomsEmptyState.tsx":
-/*!***********************************************************************************!*\
-  !*** ./src/apps/classrooms/views/classrooms/empty-state/ClassroomsEmptyState.tsx ***!
-  \***********************************************************************************/
-/*! exports provided: ClassroomsEmptyState */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomsEmptyState", function() { return ClassroomsEmptyState; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/ImageUrls */ "./src/shared/constants/ImageUrls.ts");
-/* harmony import */ var shared_components_empty_state_image_EmptyStateImage__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/components/empty-state-image/EmptyStateImage */ "./src/shared/components/empty-state-image/EmptyStateImage.tsx");
-
-
-
-
-
-
-
-
-
-function ClassroomsEmptyState(props) {
-  function onClickCreateNew() {
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].CLASSROOMS,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__["Actions"].Classrooms.NEW_CLASSROOM
-    });
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'text-center pt-5'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_empty_state_image_EmptyStateImage__WEBPACK_IMPORTED_MODULE_8__["EmptyStateImage"], {
-    src: shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_7__["ImageUrls"].EmptyStates.CLASSROOMS
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-    className: 'h6'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    phrase: 'emptyStateHeading'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'mb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    phrase: 'emptyStateInfo'
-  })), props.canCreateClassrooms && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
-    className: 'btn btn-primary',
-    onClick: onClickCreateNew,
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Plus
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    phrase: 'createNew'
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/views/classrooms/empty-state/ClassroomsNoStudentsState.tsx":
-/*!****************************************************************************************!*\
-  !*** ./src/apps/classrooms/views/classrooms/empty-state/ClassroomsNoStudentsState.tsx ***!
-  \****************************************************************************************/
-/*! exports provided: ClassroomsNoStudentsState */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomsNoStudentsState", function() { return ClassroomsNoStudentsState; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var shared_components_empty_state_image_EmptyStateImage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/components/empty-state-image/EmptyStateImage */ "./src/shared/components/empty-state-image/EmptyStateImage.tsx");
-/* harmony import */ var shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/ImageUrls */ "./src/shared/constants/ImageUrls.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-
-
-
-
-
-
-
-function ClassroomsNoStudentsState(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'text-center pt-5'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_empty_state_image_EmptyStateImage__WEBPACK_IMPORTED_MODULE_1__["EmptyStateImage"], {
-    src: shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_2__["ImageUrls"].EmptyStates.CLASSROOMS
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-    className: 'h6'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    phrase: 'noStudentsHeading'
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'mb-0'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    phrase: 'noStudentsInfo'
-  })), props.canManageUsers ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'mb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    phrase: 'goToManageUsers'
-  })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'mb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    phrase: 'askAdmin'
-  })), props.canManageUsers && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__["AppLink"], {
-    className: 'btn btn-primary',
-    appLink: {
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].USER_MANAGER,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_6__["Actions"].UserManager.STUDENTS
-    }
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    phrase: 'goToManageUsersBtn'
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/views/classrooms/partial-loading/ClassroomsPartialLoading.tsx":
-/*!*******************************************************************************************!*\
-  !*** ./src/apps/classrooms/views/classrooms/partial-loading/ClassroomsPartialLoading.tsx ***!
-  \*******************************************************************************************/
-/*! exports provided: ClassroomsPartialLoading */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomsPartialLoading", function() { return ClassroomsPartialLoading; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _classrooms_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../classrooms.scss */ "./src/apps/classrooms/views/classrooms/classrooms.scss");
-/* harmony import */ var _classrooms_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_classrooms_scss__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _classrooms_partial_loading_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./classrooms-partial-loading.scss */ "./src/apps/classrooms/views/classrooms/partial-loading/classrooms-partial-loading.scss");
-/* harmony import */ var _classrooms_partial_loading_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_classrooms_partial_loading_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-function ClassroomsPartialLoading() {
-  var styles = Object.assign(Object.assign({}, _classrooms_scss__WEBPACK_IMPORTED_MODULE_1___default.a), _classrooms_partial_loading_scss__WEBPACK_IMPORTED_MODULE_2___default.a);
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "partial-loading-background mb-2 ".concat(styles.pinnedHeading)
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-    className: "list-unstyled d-flex flex-wrap mx-n2 ".concat(styles.classroomList)
-  }, Array(2).fill(null).map(function (item, i) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-      key: i,
-      className: "partial-loading-background ".concat(styles.classroom)
-    });
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "partial-loading-background mb-2 ".concat(styles.othersHeading)
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
-    className: "list-unstyled d-flex flex-wrap mx-n2 ".concat(styles.classroomList)
-  }, Array(13).fill(null).map(function (item, i) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
-      key: i,
-      className: "partial-loading-background ".concat(styles.classroom)
-    });
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/classrooms/views/classrooms/partial-loading/classrooms-partial-loading.scss":
-/*!**********************************************************************************************!*\
-  !*** ./src/apps/classrooms/views/classrooms/partial-loading/classrooms-partial-loading.scss ***!
-  \**********************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"pinnedHeading":"cv--pinnedHeading--2RJcZ","othersHeading":"cv--othersHeading--11c0p","classroom":"cv--classroom--OpuFd"};
-
-/***/ }),
-
-/***/ "./src/shared/components/empty-state-image/EmptyStateImage.tsx":
-/*!*********************************************************************!*\
-  !*** ./src/shared/components/empty-state-image/EmptyStateImage.tsx ***!
-  \*********************************************************************/
-/*! exports provided: EmptyStateImage */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmptyStateImage", function() { return EmptyStateImage; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _empty_state_image_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./empty-state-image.scss */ "./src/shared/components/empty-state-image/empty-state-image.scss");
-/* harmony import */ var _empty_state_image_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_empty_state_image_scss__WEBPACK_IMPORTED_MODULE_1__);
-
-
-EmptyStateImage.defaultProps = {
-  className: "".concat(_empty_state_image_scss__WEBPACK_IMPORTED_MODULE_1___default.a.image, " pb-3")
-};
-function EmptyStateImage(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
-    alt: '',
-    role: 'presentation',
-    src: props.src,
-    className: props.className
-  });
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/empty-state-image/empty-state-image.scss":
-/*!************************************************************************!*\
-  !*** ./src/shared/components/empty-state-image/empty-state-image.scss ***!
-  \************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"image":"cv--image--23Yda"};
-
-/***/ })
-
-}]);
-//# sourceMappingURL=29.chunk.js.map