@clickview/lite 0.0.24-rc.4 → 0.0.24-rc.5

package/dist/scripts/83.chunk.js

@@ -1,633 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[83],{
-
-/***/ "./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__, "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 _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; }
-
-
-
-
-
-
-
-
-
-ScopedSearchBar.defaultProps = {
-  debounceTime: 300,
-  queryParamName: 'query'
-};
-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];
-  /**
-   * Update the value in the search bar to match an existing query param on first load
-   */
-
-
-  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
-    }));
-  }
-
-  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")
-  }));
-}
-
-/***/ }),
-
-/***/ "./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__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"searchSvg":"cv--searchSvg--Pt-8R"};
-
-/***/ }),
-
-/***/ "./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__, "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 _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");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-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)
-    });
-  })));
-}
-
-/***/ }),
-
-/***/ "./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__) {
-
-"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 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 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]
-      });
-    }
-  }, {
-    // 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"].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.REMOVE_USERS,
-        params: {
-          userIds: [user.id],
-          userType: 'student'
-        }
-      });
-    },
-    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/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__, "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_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");
-
-
-
-
-
-
-
-
-
-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]
-      });
-    }
-  }, {
-    // 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/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 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);
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=83.chunk.js.map