@clickview/lite 0.0.24-rc.4 → 0.0.24

package/dist/scripts/16.chunk.js

@@ -1,323 +1,152 @@
 (window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[16],{
 
-/***/ "../../libs/shared/src/flight-requests/PreferenceRequests.ts":
-/*!*******************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/PreferenceRequests.ts ***!
-  \*******************************************************************************************************/
-/*! exports provided: PreferenceRequests */
+/***/ "./src/apps/search/components/scoped-search-bar/ScopedSearchBar.tsx":
+/*!**************************************************************************!*\
+  !*** ./src/apps/search/components/scoped-search-bar/ScopedSearchBar.tsx ***!
+  \**************************************************************************/
+/*! exports provided: ScopedSearchBar */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceRequests", function() { return PreferenceRequests; });
-/* harmony import */ var _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
-/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
-/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ScopedSearchBar", function() { return ScopedSearchBar; });
+/* 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_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/services/ContextService */ "../../libs/shared/src/services/ContextService.ts");
+/* 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 _scoped_search_bar_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./scoped-search-bar.scss */ "./src/apps/search/components/scoped-search-bar/scoped-search-bar.scss");
+/* harmony import */ var _scoped_search_bar_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_scoped_search_bar_scss__WEBPACK_IMPORTED_MODULE_7__);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-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 _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 classificationQuery = _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__["SharedWithStatements"].CLASSIFICATION;
-var endpoints = {
-  // Subjects
-  allSubjectPreferences: function allSubjectPreferences() {
-    return "/api/domain/v1/subjects/preferences?query=".concat(classificationQuery, "&type=subject");
-  },
-  mySubjectPreferences: function mySubjectPreferences() {
-    return "/api/domain/v1/subjects/classifications/following?query=".concat(classificationQuery);
-  },
-  followSubjects: function followSubjects() {
-    return '/api/domain/v1/subjects/classifications/following';
-  },
-  unfollowSubjects: function unfollowSubjects(ids) {
-    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/classifications/following', {
-      id: ids
-    });
-  },
-  // Levels
-  allLevelPreferences: function allLevelPreferences() {
-    return "/api/domain/v1/subjects/audiences?type=subject";
-  },
-  myLevelPreferences: function myLevelPreferences() {
-    return "/api/domain/v1/subjects/audiences/following";
-  },
-  followLevels: function followLevels() {
-    return "/api/domain/v1/subjects/audiences/following";
-  },
-  unfollowLevels: function unfollowLevels(ids) {
-    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/audiences/following', {
-      id: ids
-    });
-  },
-  // School Level
-  getSchoolLevels: function getSchoolLevels() {
-    return "/api/domain/v1/subjects/school-level";
-  },
-  getSelectedSchoolLevel: function getSelectedSchoolLevel(userId) {
-    return "/api/domain/v1/subjects/school-level/".concat(userId);
-  },
-  setSchoolLevel: function setSchoolLevel() {
-    return '/api/domain/v1/subjects/school-level';
-  },
-  // Curriculum
-  getCurriculums: function getCurriculums() {
-    return "/api/domain/v1/subjects/curriculum";
-  },
-  getSelectedCurriculum: function getSelectedCurriculum(userId) {
-    return "/api/domain/v1/subjects/school-level/".concat(userId);
-  },
-  setCurriculum: function setCurriculum() {
-    return '/api/domain/v1/subjects/curriculum';
-  },
-  getCurrentPresentations: function getCurrentPresentations(type) {
-    return "/api/domain/v1/subjects/presentations".concat(type ? "?type=".concat(type) : '');
-  },
-  getAvailablePresentations: function getAvailablePresentations(type) {
-    return "/api/domain/v1/subjects/presentations/available".concat(type ? "?type=".concat(type) : '');
-  },
-  setPresentation: function setPresentation(id) {
-    return "/api/domain/v1/subjects/presentations/".concat(id);
-  }
+
+
+
+
+
+ScopedSearchBar.defaultProps = {
+  debounceTime: 300,
+  queryParamName: 'query'
 };
-var PreferenceRequests = {
+function ScopedSearchBar(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(''),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      searchQuery = _React$useState2[0],
+      setSearchQuery = _React$useState2[1];
   /**
-   * Presentations
+   * Update the value in the search bar to match an existing query param on first load
    */
-  currentPresentations: function currentPresentations(type) {
-    return {
-      url: endpoints.getCurrentPresentations(type),
-      key: "current:presentations".concat(type ? ":".concat(type) : ''),
-      expiryTime: Infinity
-    };
-  },
-  availablePresentations: function availablePresentations(type) {
-    return {
-      url: endpoints.getAvailablePresentations(type),
-      key: "available:presentations:".concat(type),
-      expiryTime: Infinity
-    };
-  },
-  setPresentation: function setPresentation(presentation, type, success) {
-    return {
-      url: endpoints.setPresentation(presentation.id),
-      key: "set:".concat(type, ":presentation"),
-      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
-      data: {},
-      invalidationKeys: ["current:presentations:".concat(type), 'current:presentations', 'subject:preference:options', 'my:subject:preferences', 'level:preference:options', 'my:level:preferences'],
-      success: success
-    };
-  },
 
-  /**
-   * Subjects
-   */
-  allSubjectPreferences: function allSubjectPreferences() {
-    return {
-      url: endpoints.allSubjectPreferences(),
-      key: "subject:preference:options",
-      expiryTime: Infinity
-    };
-  },
-  mySubjectPreferences: function mySubjectPreferences(success) {
-    return {
-      url: endpoints.mySubjectPreferences(),
-      key: "my:subject:preferences",
-      normalize: false,
-      expiryTime: Infinity,
-      success: success,
-      formatData: function formatData(preferences) {
-        return preferences.filter(function (p) {
-          return p.canBePreferred;
-        });
-      }
-    };
-  },
-  followSubjects: function followSubjects(subjectIds, success, error, always) {
-    return {
-      url: endpoints.followSubjects(),
-      key: "follow:subjects",
-      data: subjectIds,
-      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
-      success: success,
-      error: error,
-      always: always,
-      invalidationKeys: [].concat(_toConsumableArray(subjectIds.map(function (id) {
-        return "classification:".concat(id);
-      })), ['my:subject:preferences'])
-    };
-  },
-  unfollowSubjects: function unfollowSubjects(subjectIds, success, error, always) {
-    return {
-      url: endpoints.unfollowSubjects(subjectIds),
-      key: "unfollow:subjects",
-      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
-      success: success,
-      error: error,
-      always: always,
-      invalidationKeys: [].concat(_toConsumableArray(subjectIds.map(function (id) {
-        return "classification:".concat(id);
-      })), ['my:subject:preferences'])
-    };
-  },
 
-  /**
-   * Levels
-   */
-  allLevelPreferences: function allLevelPreferences() {
-    return {
-      url: endpoints.allLevelPreferences(),
-      key: "level:preference:options",
-      normalize: false,
-      expiryTime: Infinity
-    };
-  },
-  myLevelPreferences: function myLevelPreferences(success) {
-    return {
-      url: endpoints.myLevelPreferences(),
-      key: "my:level:preferences",
-      normalize: false,
-      expiryTime: Infinity,
-      success: success
-    };
-  },
-  followLevels: function followLevels(levelIds, success, error, always) {
-    return {
-      url: endpoints.followLevels(),
-      key: "follow:levels",
-      data: levelIds,
-      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
-      success: success,
-      error: error,
-      always: always,
-      invalidationKeys: ['my:level:preferences']
-    };
-  },
-  unfollowLevels: function unfollowLevels(levelIds, success, error, always) {
-    return {
-      url: endpoints.unfollowLevels(levelIds),
-      key: "unfollow:levels",
-      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
-      success: success,
-      error: error,
-      always: always,
-      invalidationKeys: ['my:level:preferences']
-    };
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    var currentQueryParams = _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_4__["ContextService"].getCurrentRoute().appLink.params;
+    if (!currentQueryParams || typeof currentQueryParams === 'string') return;
+    if (currentQueryParams[props.queryParamName]) setSearchQuery(currentQueryParams[props.queryParamName]);
+  }, []);
+  var delayedQuery = react__WEBPACK_IMPORTED_MODULE_0___default.a.useCallback(_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].debounce(function (query) {
+    return search(query);
+  }, props.debounceTime), []);
+
+  function onChange(event) {
+    setSearchQuery(event.currentTarget.value);
+    delayedQuery(event.currentTarget.value);
   }
-};
 
-/***/ }),
+  function search() {
+    var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var currentAppLink = _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_4__["ContextService"].getCurrentRoute().appLink;
+    var currentFilters = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__["ObjectHelper"].omit(currentAppLink.params, [props.queryParamName]);
+    var nextParams = Object.assign(_defineProperty({}, props.queryParamName, query), currentFilters);
+    if (!nextParams[props.queryParamName]) delete nextParams[props.queryParamName];
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].AppLinkHelper.trigger(Object.assign(Object.assign({}, currentAppLink), {
+      params: nextParams
+    }));
+  }
 
-/***/ "../../libs/shared/src/hooks/UseBatchFetch.ts":
-/*!****************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts ***!
-  \****************************************************************************************/
-/*! exports provided: useBatchFetch */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'position-relative w-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", {
+    name: props.name,
+    type: 'text',
+    className: "form-control p-1 w-100 ".concat(props.className || ''),
+    id: props.id,
+    autoComplete: 'off',
+    placeholder: props.placeholder,
+    "aria-label": 'Search',
+    onChange: onChange,
+    value: searchQuery
+  }), 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"].Search,
+    className: "".concat(_scoped_search_bar_scss__WEBPACK_IMPORTED_MODULE_7___default.a.searchSvg, " svg-container cursor-pointer text-secondary")
+  }));
+}
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useBatchFetch", function() { return useBatchFetch; });
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "react-redux");
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
-
-
-
-var BATCH_SIZE = 25;
-/**
- * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple
- * requests if there are more than 25 items.
- * This will return null until we have all our items. Items will be returned as an object with
- * their ids as they key for easy mapping
- *
- * @param itemIds
- * @param getRequest
- */
-
-function useBatchFetch(itemIds, getRequest) {
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useDispatch"])();
-  return Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useSelector"])(function (state) {
-    var _a;
+/***/ }),
 
-    if (!((_a = itemIds) === null || _a === void 0 ? void 0 : _a.length)) return null;
-    var uniqueItemIds = _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].uniq(itemIds);
-    var items = {};
-    /* Used locally to only return our items if we've fetched all of them */
-
-    var status = {};
-
-    for (var i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {
-      var ids = uniqueItemIds.slice(i, i + BATCH_SIZE);
-      var request = getRequest(ids);
-      var response = _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].getResponse(state, request.key);
-      status[i] = !!response.data;
-      if (response.shouldFetch) _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].fetch(dispatch, request);
-      if (response.data) response.data.forEach(function (v) {
-        return items[v.id] = v;
-      });
-    }
+/***/ "./src/apps/search/components/scoped-search-bar/scoped-search-bar.scss":
+/*!*****************************************************************************!*\
+  !*** ./src/apps/search/components/scoped-search-bar/scoped-search-bar.scss ***!
+  \*****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
-    return Object.keys(status).every(function (k) {
-      return status[k];
-    }) ? items : null;
-  });
-}
+// extracted by mini-css-extract-plugin
+module.exports = {"searchSvg":"cv--searchSvg--Pt-8R"};
 
 /***/ }),
 
-/***/ "./src/apps/content-updates/views/content-updates/ContentUpdatesView.tsx":
-/*!*******************************************************************************!*\
-  !*** ./src/apps/content-updates/views/content-updates/ContentUpdatesView.tsx ***!
-  \*******************************************************************************/
-/*! exports provided: ContentUpdatesView */
+/***/ "./src/apps/user-manager/components/manage-users-list/ManageUsersList.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/manage-users-list/ManageUsersList.tsx ***!
+  \********************************************************************************/
+/*! exports provided: ManageUsersList */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdatesView", function() { return ContentUpdatesView; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageUsersList", function() { return ManageUsersList; });
 /* 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 moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "moment");
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ "react-redux");
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __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_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_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseBatchFetch__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseBatchFetch */ "../../libs/shared/src/hooks/UseBatchFetch.ts");
-/* harmony import */ var _libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests */ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts");
-/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
-/* harmony import */ var apps_content_updates_components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/content-updates/components */ "./src/apps/content-updates/components/index.ts");
-/* harmony import */ var _components_ContentUpdateClassification__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/ContentUpdateClassification */ "./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx");
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+/* 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_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_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.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 _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_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/hooks/useBulkCheckboxManager */ "./src/shared/hooks/useBulkCheckboxManager.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+/* harmony import */ var _students_ManageStudentItem__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./students/ManageStudentItem */ "./src/apps/user-manager/components/manage-users-list/students/ManageStudentItem.tsx");
+/* harmony import */ var _teachers_ManageTeacherItem__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./teachers/ManageTeacherItem */ "./src/apps/user-manager/components/manage-users-list/teachers/ManageTeacherItem.tsx");
+/* harmony import */ var _bulk_upload_file_select_BulkUploadFileSelect__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../bulk-upload-file-select/BulkUploadFileSelect */ "./src/apps/user-manager/components/bulk-upload-file-select/BulkUploadFileSelect.tsx");
 
-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; }
 
 
 
@@ -329,140 +158,361 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+var newStudentAppLink = {
+  application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__["AppChannels"].USER_MANAGER,
+  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].UserManager.NEW_STUDENT
+};
+var newTeacherAppLink = {
+  application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__["AppChannels"].USER_MANAGER,
+  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].UserManager.NEW_TEACHER
+};
+function ManageUsersList(props) {
+  var _useBulkCheckboxManag = Object(shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_10__["useBulkCheckboxManager"])(props.users),
+      onToggleBulk = _useBulkCheckboxManag.onToggleBulk,
+      onToggleItem = _useBulkCheckboxManag.onToggleItem,
+      getSelected = _useBulkCheckboxManag.getSelected,
+      isChecked = _useBulkCheckboxManag.isChecked,
+      bulkChecked = _useBulkCheckboxManag.bulkChecked;
+
+  function onBulkDelete() {
+    var _a;
 
+    var userIds = getSelected();
+    if (!((_a = userIds) === null || _a === void 0 ? void 0 : _a.length)) return;
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+      count: userIds.length
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Delete,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].User,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start,
+      descriptor: userIds.length === 1 ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["OperationDescriptor"].Single : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["OperationDescriptor"].Bulk
+    }));
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__["AppChannels"].USER_MANAGER,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].UserManager.REMOVE_USERS,
+      params: {
+        userIds: userIds,
+        userType: props.userType
+      }
+    });
+  }
 
+  var isManagingStudents = props.userType === apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_13__["MockUserType"].Student;
+  var ChildComponent = isManagingStudents ? _students_ManageStudentItem__WEBPACK_IMPORTED_MODULE_14__["ManageStudentItem"] : _teachers_ManageTeacherItem__WEBPACK_IMPORTED_MODULE_15__["ManageTeacherItem"];
+  var newUserAppLink = isManagingStudents ? newStudentAppLink : newTeacherAppLink;
+  var i18nNamespace = isManagingStudents ? 'userManager.manageStudents' : 'userManager.manageTeachers';
+  var bulkAction = isManagingStudents ? shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].UserManager.STUDENT_UPLOAD_REVIEW : shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].UserManager.TEACHER_UPLOAD_REVIEW;
+
+  function onClickAddNewStudents() {
+    // TODO: Provide user role in data object when roles exist
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({}, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Create,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].User
+    }));
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger(newUserAppLink);
+  }
 
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-items-center pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_4__["Checkbox"], {
+    id: 'user-manager',
+    name: 'user-manager',
+    checked: bulkChecked,
+    onChange: onToggleBulk
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mr-auto'
+  }, !!getSelected().length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_9__["DivButton"], {
+    onClick: onBulkDelete,
+    className: 'cursor-pointer'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Delete
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_bulk_upload_file_select_BulkUploadFileSelect__WEBPACK_IMPORTED_MODULE_16__["BulkUploadFileSelect"], {
+    action: bulkAction,
+    userType: props.userType,
+    yearLevels: props.yearLevels,
+    userRoles: props.userRoles
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_8__["IconButton"], {
+    className: 'btn btn-outline-dark ml-2',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Plus,
+    onClick: onClickAddNewStudents
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: i18nNamespace,
+    phrase: 'addNew'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: 'm-0 list-unstyled striped-list'
+  }, props.users.map(function (user) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ChildComponent, {
+      key: user.id,
+      user: user,
+      onToggleCheckbox: function onToggleCheckbox() {
+        return onToggleItem(user.id);
+      },
+      isChecked: isChecked(user.id)
+    });
+  })));
+}
 
+/***/ }),
 
-var INITIAL_VIDEO_COUNT = 3;
-var namespace = 'contentUpdates.contentUpdatesView';
+/***/ "./src/apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList.tsx":
+/*!*******************************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList.tsx ***!
+  \*******************************************************************************************************/
+/*! exports provided: PartialManageUsersList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-function map(contentUpdates, classifications) {
-  if (!contentUpdates || !classifications) return null;
-  return contentUpdates.map(function (c) {
-    return {
-      showMore: c.videos.length > INITIAL_VIDEO_COUNT,
-      classification: classifications[c.classificationId],
-      videos: c.videos.map(function (m) {
-        m.classification = classifications[m.classificationId];
-        return m;
-      }).filter(function (v) {
-        return v;
-      })
-    };
-  });
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialManageUsersList", function() { return PartialManageUsersList; });
+/* 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 PartialUserItem() {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+    className: 'w-100 d-flex align-items-center py-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mx-4 partial-loading-background',
+    style: {
+      width: '21px',
+      height: '21px'
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex flex-column justify-content-center w-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'partial-loading-background mr-1 align-middle d-inline-block',
+    style: {
+      width: '180px',
+      height: '28px'
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'partial-loading-background align-middle d-inline-block',
+    style: {
+      width: '250px',
+      height: '21px'
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex w-50 pl-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'partial-loading-background',
+    style: {
+      width: '100px',
+      height: '21px'
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'partial-loading-background',
+    style: {
+      width: '100px',
+      height: '21px'
+    }
+  }))))));
 }
 
-function ContentUpdatesView(props) {
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"]({}),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      followSpinners = _React$useState2[0],
-      setFollowSpinners = _React$useState2[1];
-
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_9__["useAlerts"])();
-  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_12__["useSetPageTitle"])(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, 'pageTitle'));
-  var from = moment__WEBPACK_IMPORTED_MODULE_1__().subtract(1, 'year').toISOString();
-  var to = moment__WEBPACK_IMPORTED_MODULE_1__().toISOString();
-  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__["ConfigRequests"].config);
-  var contentUpdates = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__["ContentUpdateRequests"].getContentUpdates(from, to));
-  var subjectPreferences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].mySubjectPreferences());
-  /* Map content update response into list of video ids and classification ids*/
-
-  var classificationIds = [];
-  contentUpdates.data && contentUpdates.data.forEach(function (c) {
-    return classificationIds.push(c.classificationId);
-  });
-  /* Batch fetch the videos and classifications by id */
-
-  var classifications = Object(_libs_shared_src_hooks_UseBatchFetch__WEBPACK_IMPORTED_MODULE_10__["useBatchFetch"])(classificationIds, function (ids) {
-    return _libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__["ContentUpdateRequests"].getClassifications(ids);
-  });
-  /** Callbacks */
-
-  function onFollow(classificationId, follow) {
-    setFollowSpinners(function (currentState) {
-      return Object.assign(Object.assign({}, currentState), _defineProperty({}, classificationId, true));
+function PartialManageUsersList() {
+  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 align-items-center mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mx-4 partial-loading-background',
+    style: {
+      width: '21px',
+      height: '21px'
+    }
+  }), 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: 'partial-loading-background',
+    style: {
+      width: '140px',
+      height: '35px'
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'partial-loading-background ml-2',
+    style: {
+      width: '150px',
+      height: '35px'
+    }
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'm-0 list-unstyled striped-list'
+  }, Array(20).fill(null).map(function (item, index) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PartialUserItem, {
+      key: index
     });
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/manage-users-list/students/ManageStudentItem.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/manage-users-list/students/ManageStudentItem.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: ManageStudentItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageStudentItem", function() { return ManageStudentItem; });
+/* 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_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __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_3__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
+/* harmony import */ var _libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* 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 shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var _manage_student_item_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./manage-student-item.scss */ "./src/apps/user-manager/components/manage-users-list/students/manage-student-item.scss");
+/* harmony import */ var _manage_student_item_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_manage_student_item_scss__WEBPACK_IMPORTED_MODULE_10__);
+
+
+
+
+
+
+
+
+
 
-    var onSuccess = function onSuccess() {
-      var _a, _b;
 
-      setFollowSpinners(function (currentState) {
-        return Object.assign(Object.assign({}, currentState), _defineProperty({}, classificationId, false));
+var namespace = 'userManager.manageStudents';
+function ManageStudentItem(props) {
+  var user = props.user,
+      isChecked = props.isChecked,
+      onToggleCheckbox = props.onToggleCheckbox;
+  var actions = [{
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'edit'),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction({
+        id: user.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Edit,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["LocationContext"].StudentManagerListItem
+      });
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].USER_MANAGER,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_9__["Actions"].UserManager.EDIT_STUDENT,
+        args: [user.id]
       });
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
-        id: classificationId,
-        name: (_a = classifications[classificationId]) === null || _a === void 0 ? void 0 : _a.name
+    }
+  }, {
+    // TODO: Make this toggle between enable and disable
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'enable'),
+    onClick: function onClick() {// TODO: Analytics
+      // TOOD: AppLink
+    }
+  }, {
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'remove'),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction({
+        id: user.id
       }, {
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ContentUpdatesClassificationBanner,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete,
-        descriptor: follow ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].Off,
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Follow,
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classification
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Delete,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["LocationContext"].StudentManagerListItem
       });
-      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, follow ? 'followed' : 'unfollowed', {
-        classification: (_b = classifications[classificationId]) === null || _b === void 0 ? void 0 : _b.name
-      }));
-    };
-
-    var onError = function onError() {
-      setFollowSpinners(function (currentState) {
-        return Object.assign(Object.assign({}, currentState), _defineProperty({}, classificationId, false));
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].USER_MANAGER,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_9__["Actions"].UserManager.REMOVE_USERS,
+        params: {
+          userIds: [user.id],
+          userType: 'student'
+        }
       });
-      alerts.error(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, 'error'));
-    };
-
-    var request = follow ? _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].followSubjects([classificationId], onSuccess, onError) : _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].unfollowSubjects([classificationId], onSuccess, onError);
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, request);
-  }
-
-  if (!contentUpdates.data || !config.data || !subjectPreferences.data || !classifications) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  /* Build out array of content updates from our lists of videos and classifications */
-
-  var mappedUpdates = map(contentUpdates.data, classifications);
-  var preferredSubjectIds = subjectPreferences.data.map(function (subject) {
-    return subject.id;
-  });
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'bg-white px-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_content_updates_components__WEBPACK_IMPORTED_MODULE_13__["WhatsNewBreadcrumbs"], {
-    dashboardAppLink: props.appLinks.dashboardAppLink
-  }), mappedUpdates.map(function (c) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_ContentUpdateClassification__WEBPACK_IMPORTED_MODULE_14__["ContentUpdateClassification"], {
-      classification: c.classification,
-      videos: c.videos,
-      imageCdnUrl: config.data.imageCdnUrl,
-      showMore: c.showMore,
-      key: c.classification.id,
-      appLinks: props.appLinks,
-      followed: preferredSubjectIds.includes(c.classification.id),
-      follow: onFollow,
-      showFollowSpinner: followSpinners[c.classification.id]
-    });
+    },
+    className: 'text-danger'
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+    className: 'd-flex align-items-center py-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'px-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_5__["Checkbox"], {
+    id: user.id,
+    name: user.id,
+    checked: isChecked,
+    onChange: onToggleCheckbox
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex flex-column justify-content-center w-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h5 m-0 mr-1 d-inline-block align-middle'
+  }, user.name, " ", user.surname || ''), user.username && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0 d-inline-block align-middle'
+  }, "(", user.username, ")")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0 w-50 text-truncate'
+  }, user.email), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex w-50 pl-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: namespace,
+    phrase: 'level'
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: "rounded-pill px-2 ".concat(_manage_student_item_scss__WEBPACK_IMPORTED_MODULE_10___default.a.level)
+  }, user.yearLevel.name)), user.classroom && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'mb-0 w-50'
+  }, user.classroom.name)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_6__["Actions"], {
+    actions: actions,
+    className: 'pr-4',
+    actionsDropdownClassName: 'btn'
   }));
 }
 
 /***/ }),
 
-/***/ "./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx":
-/*!***************************************************************************************************!*\
-  !*** ./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx ***!
-  \***************************************************************************************************/
-/*! exports provided: ContentUpdateClassification */
+/***/ "./src/apps/user-manager/components/manage-users-list/students/manage-student-item.scss":
+/*!**********************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/manage-users-list/students/manage-student-item.scss ***!
+  \**********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"level":"cv--level--Atgxo"};
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/manage-users-list/teachers/ManageTeacherItem.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/manage-users-list/teachers/ManageTeacherItem.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: ManageTeacherItem */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdateClassification", function() { return ContentUpdateClassification; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ManageTeacherItem", function() { return ManageTeacherItem; });
 /* 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 _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_ImageHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
-/* harmony import */ var _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/Images */ "../../libs/shared/src/enums/Images.ts");
-/* harmony import */ var apps_content_updates_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/content-updates/components */ "./src/apps/content-updates/components/index.ts");
-/* harmony import */ var apps_playlists_components_video_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/playlists/components/video-list */ "./src/apps/playlists/components/video-list/index.ts");
+/* 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_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __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_3__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
+/* harmony import */ var _libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* 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");
+
 
 
 
@@ -470,66 +520,112 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var namespace = 'contentUpdates.contentUpdatesView';
-function ContentUpdateClassification(props) {
-  var classification = props.classification,
-      videos = props.videos,
-      imageCdnUrl = props.imageCdnUrl,
-      showMore = props.showMore,
-      followed = props.followed;
-  var url = _libs_shared_src_utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createBannerUrl(classification.banner, {
-    fallbackBaseUrl: imageCdnUrl,
-    fallbackCategoryName: classification.name,
-    type: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageType"].Banners
+
+var namespace = 'userManager.manageTeachers';
+function ManageTeacherItem(props) {
+  var user = props.user,
+      isChecked = props.isChecked,
+      onToggleCheckbox = props.onToggleCheckbox;
+  var actions = [{
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'edit'),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction({
+        id: user.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Edit,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["LocationContext"].TeacherManagerListItem
+      });
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].USER_MANAGER,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].UserManager.EDIT_TEACHER,
+        args: [user.id]
+      });
+    }
   }, {
-    size: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageSize"].Small,
-    resizeType: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__["ResizeType"].Cover
-  });
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'mb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_content_updates_components__WEBPACK_IMPORTED_MODULE_5__["ClassificationBanner"], {
-    classification: classification,
-    backgroundUrl: url,
-    getClassificationAppLink: props.appLinks.getClassificationAppLink,
-    followed: followed,
-    follow: props.follow,
-    showFollowSpinner: props.showFollowSpinner
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_video_list__WEBPACK_IMPORTED_MODULE_6__["SortableVideoListContainer"], {
-    playlistId: '0',
-    isUserSignedIn: true,
-    onSortComplete: function onSortComplete() {},
-    videos: videos,
-    getVideoAppLink: props.appLinks.getVideoAppLink,
-    getSeriesAppLink: props.appLinks.getSeriesAppLink
-  }), showMore && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'show-more'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
-    className: 'info-link',
-    appLink: props.appLinks.getClassificationUpdateAppLink(classification)
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
-    namespace: namespace,
-    phrase: 'showMore',
-    options: {
-      classificationName: classification.name
+    // TODO: Make this toggle between enable and disable
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'enable'),
+    onClick: function onClick() {// TODO: Analytics
+      // TOOD: AppLink
     }
-  }))));
+  }, {
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'remove'),
+    onClick: function onClick() {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction({
+        id: user.id
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Delete,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Start,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["LocationContext"].TeacherManagerListItem
+      });
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].USER_MANAGER,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].UserManager.REMOVE_USERS,
+        params: {
+          userIds: [user.id],
+          userType: 'teacher'
+        }
+      });
+    },
+    className: 'text-danger'
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+    className: 'd-flex align-items-center py-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'px-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_5__["Checkbox"], {
+    id: user.id,
+    name: user.id,
+    checked: isChecked,
+    onChange: onToggleCheckbox
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex flex-column justify-content-center w-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h5 m-0 mr-1 d-inline-block align-middle'
+  }, user.name, " ", user.surname || ''), user.username && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0 d-inline-block align-middle'
+  }, "(", user.username, ")")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0 w-50 text-truncate'
+  }, user.email), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'mb-0 w-50 pl-1 text-center'
+  }, user.userRole.name))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_6__["Actions"], {
+    actions: actions,
+    className: 'pr-4',
+    actionsDropdownClassName: 'btn'
+  }));
 }
 
 /***/ }),
 
-/***/ "./src/apps/playlists/components/video-list/index.ts":
-/*!***********************************************************!*\
-  !*** ./src/apps/playlists/components/video-list/index.ts ***!
-  \***********************************************************/
-/*! exports provided: SortableVideoListContainer */
+/***/ "./src/shared/components/video-info-button/VideoInfoButton.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/shared/components/video-info-button/VideoInfoButton.tsx ***!
+  \*********************************************************************/
+/*! exports provided: VideoInfoButton */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SortableVideoListContainer */ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return _SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_0__["SortableVideoListContainer"]; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoInfoButton", function() { return VideoInfoButton; });
+/* 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_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
 
 
+function VideoInfoButton(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__["IconButton"], {
+    className: 'btn btn-outline-info d-block mx-auto mb-3',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Video
+  }, props.children);
+}
 
 /***/ })