@clickview/lite 0.0.24-rc.4 → 0.0.24

package/dist/scripts/29.chunk.js

@@ -1,469 +1,386 @@
 (window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[29],{
 
-/***/ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx":
-/*!****************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx ***!
-  \****************************************************************************************************************************/
-/*! exports provided: PartialVideoList */
+/***/ "../../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__, "PartialVideoList", function() { return PartialVideoList; });
+/* 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__);
-/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
-/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
-/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
-/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./partial-video-list.scss */ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss");
-/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
 
+/**
+ * This element lets us use `div` elements as buttons without losing the accessibility of
+ * a regular HTML button element
+ */
 
-PartialVideoList.defaultProps = {
-  numVideos: 15
-};
-function PartialVideoList(props) {
-  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
-  var isMobile = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS;
-  var isIPad = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD;
-  var withDragHandle = props.withReordering && !isMobile;
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, Array(props.numVideos).fill(null).map(function (_, i) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
-      key: i,
-      className: 'py-2'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
-      xs: isMobile ? 12 : isIPad ? 4 : 3,
-      className: 'flex-column align-items-flex-start mb-1'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, !!withDragHandle && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: 'd-flex align-items-center justify-content-center col-2'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDragHandle)
-    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
-      xs: withDragHandle ? 10 : 12
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background rounded-lg ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialThumbnail)
-    })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
-      xs: isMobile ? 12 : isIPad ? 8 : 9
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialSeriesLink)
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background mb-1 ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialName)
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDescription)
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialBadges)
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialActions)
-    })));
-  }));
+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/components/video-list/partial-loading/partial-video-list.scss":
-/*!*******************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss ***!
-  \*******************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"partialName":"cv--partialName--7KNC2","partialDescription":"cv--partialDescription--Vk_wR","partialThumbnail":"cv--partialThumbnail--3peRZ","partialDragHandle":"cv--partialDragHandle--1F7_f"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
-/*!***********************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
-  \***********************************************************************************************************/
-/*! exports provided: FavouriteVideoRequests */
+/***/ "../../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__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
-/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
-/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
+/* 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");
 
 
 
-function favouriteVideo(videoId, userId, success, error) {
+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 {
-    url: "/api/domain/v2/objects/".concat(userId),
-    key: "favourite:video:".concat(userId, ":").concat(videoId),
-    data: {
-      favouriteVideos: videoId
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
     },
-    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
-    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
-    success: success,
-    error: error
-  };
-}
-
-function unfavouriteVideo(videoId, userId, success, error) {
-  return {
-    url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos/").concat(videoId),
-    key: "favourite:video:".concat(userId, ":").concat(videoId),
-    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
-    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
-    success: success,
-    error: error
+    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
+      });
+    }
   };
-}
-
-var FavouriteVideoRequests = {
-  favouriteVideos: function favouriteVideos(userId, cursor) {
-    var query = "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
-    return {
-      url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos?query=").concat(query),
-      key: "favourite:videos:".concat(userId).concat(cursor ? ":".concat(cursor) : '')
-    };
-  },
-  updateIsVideoFavourited: function updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
-    var requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
-    return requestFn(videoId, userId, success, error);
-  },
-  isFavourited: function isFavourited(userId, ids) {
-    var sortedIds = ids.slice().sort();
-    var params = sortedIds.map(function (i) {
-      return "id=".concat(i);
-    });
-    if (!params.length) return;
-    return {
-      url: "/api/domain/v2/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
-      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(',')),
-      formatData: function formatData(videos) {
-        var _a;
+};
 
-        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+/***/ }),
 
-        var setIsFavourited = function setIsFavourited(video) {
-          var _a, _b;
+/***/ "./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__) {
 
-          var favouritedBy = video.favouritedBy,
-              v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+"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");
 
 
-          return Object.assign(Object.assign({}, v), {
-            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
-          });
-        };
 
-        return videos.map(setIsFavourited);
-      }
-    };
-  }
-};
 
-function addCursor(cursor) {
-  return cursor ? "&cursor=".concat(cursor) : '';
+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
+  }));
 }
 
 /***/ }),
 
-/***/ "../../libs/shared/src/utils/PartialLoadingHelper.ts":
-/*!***********************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/PartialLoadingHelper.ts ***!
-  \***********************************************************************************************/
-/*! exports provided: PartialLoadingHelper */
+/***/ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx":
+/*!*****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx ***!
+  \*****************************************************************************************/
+/*! exports provided: ClassroomStudentItem */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialLoadingHelper", function() { return PartialLoadingHelper; });
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentItem", function() { return ClassroomStudentItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var apps_classrooms_components_tile_actions_TileActions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/classrooms/components/tile-actions/TileActions */ "./src/apps/classrooms/components/tile-actions/TileActions.tsx");
+/* harmony import */ var _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./classroom-students-list.scss */ "./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss");
+/* harmony import */ var _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+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 _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var DEFAULT_NUM_ITEMS = 5;
-var DEFAULT_MIN_WIDTH = 50; // px
-
-var DEFAULT_MAX_WIDTH = 100; // px
-
-var PartialLoadingHelper = {
-  getPartialLoadingItems: function getPartialLoadingItems() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var _options$numItems = options.numItems,
-        numItems = _options$numItems === void 0 ? DEFAULT_NUM_ITEMS : _options$numItems,
-        _options$minWidth = options.minWidth,
-        minWidth = _options$minWidth === void 0 ? DEFAULT_MIN_WIDTH : _options$minWidth,
-        _options$maxWidth = options.maxWidth,
-        maxWidth = _options$maxWidth === void 0 ? DEFAULT_MAX_WIDTH : _options$maxWidth;
-
-    var getRandomFilterWidth = function getRandomFilterWidth() {
-      return Math.max(Math.floor(Math.random() * maxWidth), minWidth);
-    };
-
-    return _toConsumableArray(Array(numItems)).map(function () {
-      return {
-        width: "".concat(getRandomFilterWidth(), "px")
-      };
-    });
-  }
-};
 
-/***/ }),
 
-/***/ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts":
-/*!************************************************************************!*\
-  !*** ./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts ***!
-  \************************************************************************/
-/*! exports provided: VideoHistoryRequests */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoHistoryRequests", function() { return VideoHistoryRequests; });
-var VideoHistoryRequests = {
-  userVideoHistory: function userVideoHistory(customerId, userId, cursor, success, error, always) {
-    var key = "video:history:".concat(customerId, ":").concat(userId);
-    var url = "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history");
-
-    if (cursor) {
-      key += ":".concat(cursor);
-      url += "?cursor=".concat(cursor);
-    }
 
-    return {
-      key: key,
-      url: url,
-      success: success,
-      error: error,
-      always: always
-    };
-  },
-  videoHistory: function videoHistory(customerId, userId, ids, success, error, always) {
-    var params = ids.sort().map(function (i) {
-      return "videoId=".concat(i);
-    });
-    return {
-      key: "video:history:".concat(customerId, ":").concat(userId, ":videos:").concat(params.join('&')),
-      url: "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history?").concat(params.join('&')),
-      formatData: function formatData(historyCollection) {
-        var _a;
-
-        if (!((_a = historyCollection) === null || _a === void 0 ? void 0 : _a.length)) return historyCollection;
-        /**
-         * Data is formatted to enable it to be merged with the existing video object in the store
-         * Where we need to merge more history properties with the video object, map them below.
-         */
-
-        return historyCollection.map(function (watchHistory) {
-          return {
-            id: watchHistory.videoId,
-            lastProgressPoint: watchHistory.lastProgressPoint
-          };
-        });
-      },
-      success: success,
-      error: error,
-      always: always
-    };
-  }
-};
 
-/***/ }),
 
-/***/ "./src/shared/flight-requests/SeriesRequests.ts":
-/*!******************************************************!*\
-  !*** ./src/shared/flight-requests/SeriesRequests.ts ***!
-  \******************************************************/
-/*! exports provided: SeriesRequests */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesRequests", function() { return SeriesRequests; });
-/* harmony import */ var shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! shared/constants/WithStatements */ "./src/shared/constants/WithStatements.ts");
-
-var endpoints = {
-  series: function series(id) {
-    return "/api/domain/v2/objects/".concat(id);
-  },
-  seriesVideos: function seriesVideos(id, cursor) {
-    return "/api/domain/v2/objects/".concat(id, "/videos?query=").concat(shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["WithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
-  },
-  breadcrumbs: function breadcrumbs(id) {
-    return "/api/domain/v1/subjects/".concat(id, "/path");
-  }
+
+
+
+
+var namespace = 'classrooms.classroomStudentsList';
+
+var getEditStudentAppLink = function getEditStudentAppLink(id) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].USER_MANAGER,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].UserManager.EDIT_STUDENT,
+    args: [id]
+  };
 };
-var SeriesRequests = {
-  series: function series(id) {
-    return {
-      url: endpoints.series(id),
-      key: "series:".concat(id)
-    };
-  },
-  seriesVideos: function seriesVideos(id, cursor) {
-    return {
-      url: endpoints.seriesVideos(id, cursor),
-      key: "series:".concat(id, ":videos:").concat(cursor)
-    };
-  },
-  breadcrumbs: function breadcrumbs(classificationId) {
-    if (!classificationId) return;
-    return {
-      url: endpoints.breadcrumbs(classificationId),
-      key: "series:".concat(classificationId, ":breadcrumbs")
-    };
-  }
+
+var getRemoveFromClassroomAppLink = function getRemoveFromClassroomAppLink(classroomId, studentId) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Classrooms.REMOVE_STUDENTS,
+    args: [classroomId],
+    params: {
+      studentIds: [studentId]
+    }
+  };
 };
 
-function addCursor(cursor) {
-  return cursor ? "&cursor=".concat(cursor) : '';
+function ClassroomStudentItem(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showOptions = _React$useState2[0],
+      setShowOptions = _React$useState2[1];
+
+  var studentOptions = [{
+    text: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'editStudentDetails'),
+    appLink: getEditStudentAppLink(props.student.id),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+        id: props.student.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Edit,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassroomOverviewStudentListItem
+      });
+    }
+  }, {
+    text: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'removeFromClassroom'),
+    appLink: getRemoveFromClassroomAppLink(props.classroom.id, props.student.id),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+        id: props.student.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Dissociate,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Classroom,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["AssocDescriptor"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassroomOverviewStudentListItem
+      });
+    }
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+    className: "".concat(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.studentCard, " m-2 bg-white shadow position-relative rounded-lg")
+  }, !showOptions ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__["DivButton"], {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.toggleAction,
+    onClick: function onClick() {
+      return setShowOptions(true);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Edit,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainerSize"].Large
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.studentCardContent, " w-100 px-1")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
+    className: 'mb-1',
+    src: '/images/student-avatar-placeholder.png',
+    alt: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'avatarAlt', {
+      name: props.student.name
+    })
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: 'h6 text-center text-truncate pb-1 w-100'
+  }, props.student.name, " ", props.student.surname))) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__["DivButton"], {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.toggleAction,
+    onClick: function onClick() {
+      return setShowOptions(false);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Close,
+    size: _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainerSize"].Large
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: _classroom_students_list_scss__WEBPACK_IMPORTED_MODULE_10___default.a.actionsContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_tile_actions_TileActions__WEBPACK_IMPORTED_MODULE_9__["TileActions"], {
+    actions: studentOptions
+  }))));
 }
 
 /***/ }),
 
-/***/ "./src/shared/hooks/useVideoMixin.ts":
-/*!*******************************************!*\
-  !*** ./src/shared/hooks/useVideoMixin.ts ***!
-  \*******************************************/
-/*! exports provided: useVideoMixin */
+/***/ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx":
+/*!******************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx ***!
+  \******************************************************************************************/
+/*! exports provided: ClassroomStudentsList */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useVideoMixin", function() { return useVideoMixin; });
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
-/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
-/* harmony import */ var apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/watch-history/flight-requests/VideoHistoryRequests */ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentsList", function() { return ClassroomStudentsList; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _ClassroomStudentItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClassroomStudentItem */ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentItem.tsx");
 
-function _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function ClassroomStudentsList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'list-unstyled d-flex flex-wrap mx-n2'
+  }, props.students.map(function (student) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ClassroomStudentItem__WEBPACK_IMPORTED_MODULE_1__["ClassroomStudentItem"], {
+      key: student.id,
+      student: student,
+      classroom: props.classroom
+    });
+  }));
+}
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+/***/ }),
 
-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; }
+/***/ "./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss":
+/*!*********************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/classroom-students-list.scss ***!
+  \*********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
+module.exports = {"studentCard":"cv--studentCard--wZAHT","studentCardContent":"cv--studentCardContent--G006q","actionsContainer":"cv--actionsContainer--3boP_","toggleAction":"cv--toggleAction--28bC8"};
 
+/***/ }),
 
+/***/ "./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx":
+/*!****************************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx ***!
+  \****************************************************************************************************************/
+/*! exports provided: ClassroomStudentsListEmptyState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomStudentsListEmptyState", function() { return ClassroomStudentsListEmptyState; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 
+function ClassroomStudentsListEmptyState(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "Students empty state");
+}
 
-var defaults = {
-  ratings: true,
-  favourites: true,
-  watchHistory: true
-};
+/***/ }),
 
-function fetchAttribute(videosFetched, request) {
-  var _a;
+/***/ "./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__) {
 
-  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse((_a = request) === null || _a === void 0 ? void 0 : _a.key);
-  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
-  if (videosFetched && request && attribute.shouldFetch) fetch();
+"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));
+  }));
 }
 
-function useVideoMixin(videos) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var _a, _b, _c;
+/***/ }),
 
-  var _Object$assign = Object.assign(Object.assign({}, defaults), options),
-      ratings = _Object$assign.ratings,
-      favourites = _Object$assign.favourites,
-      watchHistory = _Object$assign.watchHistory;
+/***/ "./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__) {
 
-  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__["UserRequests"].currentUser());
-  var videoIds = videos && (Array.isArray(videos) ? videos.filter(Boolean).map(function (v) {
-    return v.id;
-  }) : videos.data.filter(Boolean).map(function (v) {
-    return v.id;
-  }));
-  var user = currentUser.data;
-  var requests = [];
-  if (ratings) requests = [].concat(_toConsumableArray(requests), [!!((_a = videoIds) === null || _a === void 0 ? void 0 : _a.length) && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds)]);
-  if (favourites) requests = [].concat(_toConsumableArray(requests), [!!((_b = videoIds) === null || _b === void 0 ? void 0 : _b.length) && user && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(user.id, videoIds)]);
-  if (watchHistory) requests = [].concat(_toConsumableArray(requests), [!!((_c = videoIds) === null || _c === void 0 ? void 0 : _c.length) && user && apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__["VideoHistoryRequests"].videoHistory(user.customerId, user.id, videoIds)]);
-  requests.forEach(function (r) {
-    return fetchAttribute(!!videos, r);
-  });
-}
+// extracted by mini-css-extract-plugin
+module.exports = {"option":"cv--option--2LGMe"};
 
 /***/ }),
 
-/***/ "./src/shared/views/series/SeriesView.tsx":
-/*!************************************************!*\
-  !*** ./src/shared/views/series/SeriesView.tsx ***!
-  \************************************************/
-/*! exports provided: SeriesView */
+/***/ "./src/apps/classrooms/views/classroom/ClassroomView.tsx":
+/*!***************************************************************!*\
+  !*** ./src/apps/classrooms/views/classroom/ClassroomView.tsx ***!
+  \***************************************************************/
+/*! exports provided: ClassroomView */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesView", function() { return SeriesView; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomView", function() { return ClassroomView; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
-/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
-/* harmony import */ var _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
-/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
-/* harmony import */ var _libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList */ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
-/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! shared/flight-requests/SeriesRequests */ "./src/shared/flight-requests/SeriesRequests.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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; }
-
-
-
-
-
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_classroom_students_list_ClassroomStudentsList__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! apps/classrooms/components/classroom-students-list/ClassroomStudentsList */ "./src/apps/classrooms/components/classroom-students-list/ClassroomStudentsList.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_students_list_empty_state_ClassroomStudentsListEmptyState__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState */ "./src/apps/classrooms/components/classroom-students-list/empty-state/ClassroomStudentsListEmptyState.tsx");
+/* harmony import */ var apps_classrooms_components_classroom_star_ClassroomStar__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! apps/classrooms/components/classroom-star/ClassroomStar */ "./src/apps/classrooms/components/classroom-star/ClassroomStar.tsx");
+/* harmony import */ var _partial_loading_PartialClassroomView__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./partial-loading/PartialClassroomView */ "./src/apps/classrooms/views/classroom/partial-loading/PartialClassroomView.tsx");
 
 
 
@@ -481,146 +398,164 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
-/**
- * This will need to change when this is moved into its own application directory.
- */
 
-var namespace = 'shared.series';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace); // Update this applink when we pull dashboard in
 
-var getClassificationAppLink = function getClassificationAppLink(classification) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].SUBJECT,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Subjects.CLASSIFICATION,
-    args: [classification.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(classification.name)]
-  };
-};
+var namespace = 'classrooms.classroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
 
-var getVideoAppLink = function getVideoAppLink(video) {
+var getManageClassroomAppLink = function getManageClassroomAppLink(id) {
   return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DEFAULT,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Default.PLAY_VIDEO,
-    args: [video.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(video.name)],
-    params: video.lastProgressPoint ? {
-      t: Math.floor(video.lastProgressPoint)
-    } : {}
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__["AppChannels"].CLASSROOMS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["Actions"].Classrooms.MANAGE_CLASSROOM,
+    args: [id]
   };
 };
 
-var getSeriesAppLink = function getSeriesAppLink(series) {
-  return {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DEFAULT,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Default.SERIES,
-    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(series.name)]
-  };
-};
-
-var getHeaderActions = function getHeaderActions(series) {
-  return [{
-    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'share'),
-    appLink: series && {
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DEFAULT,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Default.SHARE,
-      args: [series.id],
-      params: {
-        entityType: 'series'
-      }
-    },
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Share,
-    className: 'btn btn-light mr-2',
-    button: true
-  }, {
-    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'follow'),
-    appLink: {
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DEFAULT,
-      action: 'index'
-    },
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Bell,
-    className: 'btn btn-light',
-    button: true
-  }];
-};
-
-function SeriesView(props) {
+function ClassroomView(props) {
   var _a;
 
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_14__["ClassroomRequests"].getClassroom(props.id));
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__["useSetPageTitle"])((_a = classroom.data) === null || _a === void 0 ? void 0 : _a.name);
   var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_16__["useAlerts"])();
-  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__["ConfigRequests"].config);
-  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__["UserRequests"].currentUser());
-  var series = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_17__["SeriesRequests"].series(props.id));
-  var seriesVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_17__["SeriesRequests"].seriesVideos(props.id, props.cursor));
-  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_15__["useSetPageTitle"])((_a = series.data) === null || _a === void 0 ? void 0 : _a.name);
-  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_20__["useVideoMixin"])(seriesVideos.data);
-  var breadcrumbs = [series.data];
-
-  if (props.classificationId) {
-    var subjectPath = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_17__["SeriesRequests"].breadcrumbs(props.classificationId));
-
-    if (subjectPath.data) {
-      breadcrumbs.unshift.apply(breadcrumbs, _toConsumableArray(subjectPath.data));
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_10__["useAlerts"])();
+
+  function onToggleStar() {
+    if (!classroom.data.isFavourited) {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_14__["ClassroomRequests"].starClassroom(classroom.data, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+          id: classroom.data.id
+        }, {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ClassroomOverview,
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Favourite,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].On,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classroom,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete
+        });
+        alerts.success(getPhrase('starSuccess', {
+          classroomName: classroom.data.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('starError', {
+          classroomName: classroom.data.name
+        }));
+      }));
+    } else {
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_14__["ClassroomRequests"].unstarClassroom(classroom.data, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+          id: classroom.data.id
+        }, {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ClassroomOverview,
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Favourite,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].Off,
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classroom,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete
+        });
+        alerts.success(getPhrase('unstarSuccess', {
+          classroomName: classroom.data.name
+        }));
+      }, function () {
+        alerts.error(getPhrase('unstarError', {
+          classroomName: classroom.data.name
+        }));
+      }));
     }
   }
 
-  function setFavourite(video, shouldFavourite, onError) {
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__["FavouriteVideoRequests"].updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, function () {
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction({
-        id: video.id
-      }, {
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].Video,
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Favourite,
-        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].Off,
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["LocationContext"].VideoThumbnail,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["WorkflowPhase"].Complete
-      });
-      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, shouldFavourite ? 'favourited' : 'unfavourited', {
-        video: video.name
-      }));
-    }, onError));
-  }
+  if (!classroom.data) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_partial_loading_PartialClassroomView__WEBPACK_IMPORTED_MODULE_18__["PartialClassroomView"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between p-3 pt-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mt-1 mr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_star_ClassroomStar__WEBPACK_IMPORTED_MODULE_17__["ClassroomStar"], {
+    isActive: classroom.data.isFavourited,
+    onToggle: onToggleStar
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", {
+    className: 'mb-1'
+  }, classroom.data.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    phrase: 'overview'
+  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__["AppLink"], {
+    className: 'd-flex align-items-center',
+    appLink: getManageClassroomAppLink(classroom.data.id)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_9__["SvgContainer"], {
+    className: 'mr-1 svg-container',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__["cvSvgLibrary"].Cog
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    phrase: 'manageClassroom'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h5'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    phrase: 'students'
+  })), classroom.data.students.length ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_students_list_ClassroomStudentsList__WEBPACK_IMPORTED_MODULE_15__["ClassroomStudentsList"], {
+    students: classroom.data.students,
+    classroom: classroom.data
+  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_students_list_empty_state_ClassroomStudentsListEmptyState__WEBPACK_IMPORTED_MODULE_16__["ClassroomStudentsListEmptyState"], null)));
+}
 
-  if (!seriesVideos.data || !config.data || !series.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  var heading = getPhrase('series', {
-    seriesName: series.data.name
-  });
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'px-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__["BannerHeader"], {
-    heading: heading,
-    banner: null,
-    imageCdnUrl: config.data.imageCdnUrl,
-    backButtonAppLink: {
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DASHBOARD,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Dashboard.HOME
-    },
-    backButtonText: 'Home' // this needs to be changed eventually
-    ,
-    actions: getHeaderActions(series.data)
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'border-bottom py-3 mb-3'
-  }, props.classificationId && breadcrumbs.length < 2 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["PartialBreadcrumbs"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["Breadcrumbs"], {
-    currentItem: series.data,
-    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["BreadcrumbType"].Static,
-    getItemAppLink: getClassificationAppLink,
-    data: breadcrumbs,
-    rootItem: {
-      label: getPhrase('dashboard'),
-      appLink: {
-        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_19__["AppChannels"].DASHBOARD,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].Dashboard.HOME
-      }
-    }
-  }), series.data.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
-    className: 'pt-3'
-  }, series.data.description)), seriesVideos.data ? !seriesVideos.isFetching ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_9__["VideoList"], {
-    videos: seriesVideos.data.data,
-    cursors: seriesVideos.data.pagination.cursors,
-    getVideoAppLink: getVideoAppLink,
-    getSeriesAppLink: getSeriesAppLink,
-    setFavourite: setFavourite
-  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__["PartialVideoList"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, "Empty State")));
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/classroom/partial-loading/PartialClassroomView.tsx":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/classroom/partial-loading/PartialClassroomView.tsx ***!
+  \**************************************************************************************/
+/*! exports provided: PartialClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialClassroomView", function() { return PartialClassroomView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./partial-classroom.scss */ "./src/apps/classrooms/views/classroom/partial-loading/partial-classroom.scss");
+/* harmony import */ var _partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function PartialClassroomView() {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between mb-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'm-1 mb-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.star, " partial-loading-background")
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.heading, " mb-1 partial-loading-background")
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.overview, " partial-loading-background")
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.manageLink, " partial-loading-background")
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.studentsHeading, " partial-loading-background mb-2")
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex flex-wrap mx-n2'
+  }, Array(15).fill(null).map(function (_, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      key: i,
+      className: "".concat(_partial_classroom_scss__WEBPACK_IMPORTED_MODULE_1___default.a.studentItem, " partial-loading-background m-2 rounded-lg")
+    });
+  }))));
 }
 
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/classroom/partial-loading/partial-classroom.scss":
+/*!************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/classroom/partial-loading/partial-classroom.scss ***!
+  \************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"star":"cv--star--3Lb-b","heading":"cv--heading--2_3Jc","overview":"cv--overview--mHSNP","manageLink":"cv--manageLink--2cJBD","studentsHeading":"cv--studentsHeading--1mKV4","studentItem":"cv--studentItem--K6dTd"};
+
 /***/ })
 
 }]);