@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/26.chunk.js

@@ -0,0 +1,655 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[26],{
+
+/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
+/*!****************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/div-button/DivButton.tsx ***!
+  \****************************************************************************************************/
+/*! exports provided: DivButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DivButton", function() { return DivButton; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+/**
+ * This element lets us use `div` elements as buttons without losing the accessibility of
+ * a regular HTML button element
+ */
+
+function DivButton(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    tabIndex: 0,
+    className: "".concat(props.className ? props.className : '', " cursor-pointer"),
+    onKeyDown: function onKeyDown(e) {
+      return e.key === 'Enter' && props.onClick(e);
+    },
+    onClick: props.onClick,
+    style: props.style ? props.style : {}
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!***********************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \***********************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-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_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __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_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 apps_classrooms_components_tile_actions_TileActions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/classrooms/components/tile-actions/TileActions */ "./src/apps/classrooms/components/tile-actions/TileActions.tsx");
+/* harmony import */ var _classroom_item_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./classroom-item.scss */ "./src/apps/classrooms/components/classroom-item/classroom-item.scss");
+/* harmony import */ var _classroom_item_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_classroom_item_scss__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+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.classroomItem';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
+
+var getClassroomAppLink = function getClassroomAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.CLASSROOM,
+    args: [id]
+  };
+};
+
+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]
+  };
+};
+
+function ClassroomItem(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showOptions = _React$useState2[0],
+      setShowOptions = _React$useState2[1];
+
+  var classroomOptions = [{
+    text: getPhrase('rename'),
+    appLink: getEditClassroomAppLink(props.classroom.id),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_11__["AnalyticsHelper"].logUserAction({
+        id: props.classroom.id
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["EntityType"].Classroom,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["UserAction"].Edit,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["LocationContext"].ClassroomsListItem,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["WorkflowPhase"].Start
+      });
+    }
+  }, {
+    text: getPhrase('delete'),
+    appLink: getDeleteClassroomAppLink(props.classroom.id),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_11__["AnalyticsHelper"].logUserAction({
+        id: props.classroom.id
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["EntityType"].Classroom,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["UserAction"].Delete,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["LocationContext"].ClassroomsListItem,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["WorkflowPhase"].Start
+      });
+    }
+  }];
+  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: 'border border-dark position-relative p-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between pb-5'
+  }, 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,
+    invisible: showOptions
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
+    onClick: function onClick() {
+      return setShowOptions(true);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Edit
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: getClassroomAppLink(props.classroom.id)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: 'h6 mb-0'
+  }, !showOptions ? props.classroom.name : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "\xA0"))), showOptions && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_classroom_item_scss__WEBPACK_IMPORTED_MODULE_10___default.a.actionsContainer, " ml-n2 w-100")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_tile_actions_TileActions__WEBPACK_IMPORTED_MODULE_9__["TileActions"], {
+    actions: classroomOptions
+  }))));
+}
+
+/***/ }),
+
+/***/ "./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 = {"toggleAction":"cv--toggleAction--2dgc9","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,
+      invisible = _ref.invisible;
+  var className = "".concat(isActive ? 'text-yellow' : '', " ").concat(invisible ? 'invisible' : '');
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onToggle,
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: isActive ? _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Star : _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].StarOutline,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Large
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/tile-actions/TileActions.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/classrooms/components/tile-actions/TileActions.tsx ***!
+  \*********************************************************************/
+/*! exports provided: TileActions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TileActions", function() { return TileActions; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _tile_actions_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tile-actions.scss */ "./src/apps/classrooms/components/tile-actions/tile-actions.scss");
+/* harmony import */ var _tile_actions_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_tile_actions_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function TileActions(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-100 d-flex flex-column'
+  }, props.actions.map(function (action) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+      key: action.text,
+      className: "".concat(_tile_actions_scss__WEBPACK_IMPORTED_MODULE_2___default.a.option, " py-1"),
+      appLink: action.appLink,
+      onClick: action.onClick || function () {}
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+      className: 'pl-2'
+    }, action.text));
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/tile-actions/tile-actions.scss":
+/*!***********************************************************************!*\
+  !*** ./src/apps/classrooms/components/tile-actions/tile-actions.scss ***!
+  \***********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"option":"cv--option--2LGMe"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/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_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_10__ = __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_11__ = __webpack_require__(/*! apps/classrooms/components/classroom-item/ClassroomItem */ "./src/apps/classrooms/components/classroom-item/ClassroomItem.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var _empty_state_ClassroomsEmptyState__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./empty-state/ClassroomsEmptyState */ "./src/apps/classrooms/views/classrooms/empty-state/ClassroomsEmptyState.tsx");
+/* harmony import */ var _partial_loading_ClassroomsPartialLoading__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./partial-loading/ClassroomsPartialLoading */ "./src/apps/classrooms/views/classrooms/partial-loading/ClassroomsPartialLoading.tsx");
+/* harmony import */ var _classrooms_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./classrooms.scss */ "./src/apps/classrooms/views/classrooms/classrooms.scss");
+/* harmony import */ var _classrooms_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_classrooms_scss__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+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_12__["AppChannels"].CLASSROOMS,
+  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["Actions"].Classrooms.NEW_CLASSROOM
+};
+function ClassroomsView() {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showOtherClassrooms = _React$useState2[0],
+      setShowOtherClassrooms = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      starredClassrooms = _React$useState4[0],
+      setStarredClassrooms = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      otherClassrooms = _React$useState6[0],
+      setOtherClassrooms = _React$useState6[1];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__["useAlerts"])();
+  var classrooms = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_10__["ClassroomRequests"].getAll());
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    var _a;
+
+    if (!((_a = classrooms.data) === null || _a === void 0 ? void 0 : _a.length)) return;
+    var _starredClassrooms = [];
+    var _otherClassrooms = [];
+    classrooms.data.forEach(function (classroom) {
+      if (classroom.isFavourited) _starredClassrooms.push(classroom);else _otherClassrooms.push(classroom);
+    });
+    if (!_starredClassrooms.length) setShowOtherClassrooms(true);
+    setStarredClassrooms(_starredClassrooms);
+    setOtherClassrooms(_otherClassrooms);
+  }, [classrooms.data]);
+
+  function onClickNewClassroom() {
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__["AnalyticsHelper"].logUserAction({}, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["UserAction"].Create,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["EntityType"].Classroom,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["WorkflowPhase"].Start,
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["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_10__["ClassroomRequests"].starClassroom(classroom, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__["AnalyticsHelper"].logUserAction({
+          id: classroom.id
+        }, {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["LocationContext"].ClassroomsListItem,
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["UserAction"].Favourite,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["ToggleDescriptor"].On,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["EntityType"].Classroom,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["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_10__["ClassroomRequests"].unstarClassroom(classroom, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_17__["AnalyticsHelper"].logUserAction({
+        id: classroom.id
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["LocationContext"].ClassroomsListItem,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["UserAction"].Favourite,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["ToggleDescriptor"].Off,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["EntityType"].Classroom,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_18__["WorkflowPhase"].Complete
+      });
+      alerts.success(getPhrase('unstarSuccess', {
+        classroomName: classroom.name
+      }));
+    }, function () {
+      alerts.error(getPhrase('unstarError', {
+        classroomName: classroom.name
+      }));
+    }));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, 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_4__["Text"], {
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_9__["IconButton"], {
+    className: 'btn btn-outline-dark',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Plus,
+    onClick: onClickNewClassroom,
+    appLink: newClassroomAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'newClassroom'
+  }))), function () {
+    if (!classrooms.data) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_partial_loading_ClassroomsPartialLoading__WEBPACK_IMPORTED_MODULE_15__["ClassroomsPartialLoading"], {
+      showOtherClassrooms: showOtherClassrooms
+    });
+    if (!classrooms.data.length) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_empty_state_ClassroomsEmptyState__WEBPACK_IMPORTED_MODULE_14__["ClassroomsEmptyState"], null);
+    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'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["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_16___default.a.classroomList)
+    }, starredClassrooms.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_11__["ClassroomItem"], {
+        onToggleStar: function onToggleStar() {
+          return _onToggleStar(c);
+        },
+        classroom: c
+      }));
+    })), otherClassrooms && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_8__["DivButton"], {
+      className: 'cursor-pointer d-inline-block',
+      onClick: function onClick() {
+        return setShowOtherClassrooms(!showOtherClassrooms);
+      }
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+      className: 'h6 d-flex align-items-center'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+      phrase: 'otherClassrooms'
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__["SvgContainer"], {
+      className: "d-inline-block svg-container ".concat(showOtherClassrooms ? _classrooms_scss__WEBPACK_IMPORTED_MODULE_16___default.a.caretUp : ''),
+      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Caret
+    }))), showOtherClassrooms && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+      className: "list-unstyled d-flex flex-wrap mx-n2 ".concat(_classrooms_scss__WEBPACK_IMPORTED_MODULE_16___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_11__["ClassroomItem"], {
+        onToggleStar: function onToggleStar() {
+          return _onToggleStar(c);
+        },
+        classroom: c
+      }));
+    }))));
+  }());
+}
+
+/***/ }),
+
+/***/ "./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"};
+
+/***/ }),
+
+/***/ "./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");
+
+
+
+
+
+
+
+function ClassroomsEmptyState() {
+  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("img", {
+    style: {
+      width: '200px',
+      height: '200px'
+    },
+    className: 'pb-3',
+    src: '/images/classrooms-empty.png',
+    role: 'presentation',
+    alt: ''
+  }), 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'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+    className: 'btn btn-dark',
+    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/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(_ref) {
+  var showOtherClassrooms = _ref.showOtherClassrooms;
+  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)
+  }), showOtherClassrooms && 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"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=26.chunk.js.map