@clickview/lite 0.0.25-rc.0 → 0.0.25

package/dist/scripts/16.chunk.js

@@ -0,0 +1,633 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[16],{
+
+/***/ "./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=16.chunk.js.map