@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/41.chunk.js

@@ -0,0 +1,814 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[41],{
+
+/***/ "../../libs/shared/src/components/pagination/Pagination.tsx":
+/*!******************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/pagination/Pagination.tsx ***!
+  \******************************************************************************************************/
+/*! exports provided: Pagination, LocalPagination */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Pagination", function() { return Pagination; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LocalPagination", function() { return LocalPagination; });
+/* 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 _div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+function buildCursor(appLink, cursorParam) {
+  if (!cursorParam) return null;
+  return {
+    application: appLink.application,
+    action: appLink.action,
+    args: appLink.args,
+    params: Object.assign({}, appLink.params, {
+      cursor: cursorParam
+    })
+  };
+}
+
+Pagination.defaultProps = {
+  className: 'py-2'
+};
+function Pagination(_ref) {
+  var appLink = _ref.appLink,
+      cursors = _ref.cursors,
+      className = _ref.className;
+
+  function log(page) {
+    _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"].logUserAction({
+      page: page
+    }, {
+      location: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["LocationContext"].Pagination,
+      entity: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Pagination,
+      actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Navigate
+    });
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_3__["LanguageNamespaceContext"].Provider, {
+    value: 'shared.pagination'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: buildCursor(appLink, cursors.previous),
+    className: "btn btn-secondary mr-1 ".concat(!cursors.previous ? 'disabled' : ''),
+    onClick: function onClick() {
+      return log('previous');
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'previous'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: buildCursor(appLink, cursors.next),
+    className: "btn btn-secondary ".concat(!cursors.next ? 'disabled' : ''),
+    onClick: function onClick() {
+      return log('next');
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'next'
+  }))));
+}
+LocalPagination.defaultProps = {
+  className: 'py-2'
+};
+function LocalPagination(props) {
+  function onClickBack() {
+    if (props.currentPage === 1) return;
+    log('previous');
+    props.onClickBack();
+  }
+
+  function onClickNext() {
+    if (props.currentPage === props.totalPages) return;
+    log('next');
+    props.onClickNext();
+  }
+
+  function log(page) {
+    _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"].logUserAction({
+      page: page
+    }, {
+      location: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["LocationContext"].Pagination,
+      entity: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Pagination,
+      actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Navigate
+    });
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_3__["LanguageNamespaceContext"].Provider, {
+    value: 'shared.pagination'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: props.className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onClickBack,
+    className: "btn btn-secondary mr-1 cursor-pointer ".concat(props.currentPage === 1 ? 'disabled' : '')
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'previous'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onClickNext,
+    className: "btn btn-secondary cursor-pointer ".concat(props.currentPage === props.totalPages ? 'disabled' : '')
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    phrase: 'next'
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/toggle-switch/ToggleSwitch.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/toggle-switch/ToggleSwitch.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: ToggleSwitch */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ToggleSwitch", function() { return ToggleSwitch; });
+/* 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 _div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+
+
+function ToggleSwitch(props) {
+  function onClick() {
+    if (props.disabled) return;
+    props.onClick.apply(props, arguments);
+  }
+
+  var bootstrapClasses = 'd-inline-block float-right align-top custom-toggle toggle-option';
+  var onClass = props.on && !props.disabled ? 'on' : '';
+  var disabledClass = props.disabled ? 'disabled' : '';
+  var outlineClass = props.hideOutline ? 'outline-none' : '';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onClick,
+    className: "".concat(bootstrapClasses, " ").concat(onClass, " ").concat(disabledClass, " ").concat(outlineClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'handle'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/user-review-table/UserReviewRow.tsx":
+/*!******************************************************************************!*\
+  !*** ./src/apps/user-manager/components/user-review-table/UserReviewRow.tsx ***!
+  \******************************************************************************/
+/*! exports provided: UserReviewRow */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserReviewRow", function() { return UserReviewRow; });
+/* 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_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__ = __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_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var _user_review_table_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./user-review-table.scss */ "./src/apps/user-manager/components/user-review-table/user-review-table.scss");
+/* harmony import */ var _user_review_table_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_user_review_table_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var apps_user_manager_utils_UserManagerHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/user-manager/utils/UserManagerHelper */ "./src/apps/user-manager/utils/UserManagerHelper.ts");
+
+
+
+
+
+
+
+
+function DataCell(props) {
+  var className = props.error ? 'p-2 text-danger font-weight-bold' : 'p-2 text-wrap';
+  var innerClassName = '';
+  var text = props.error || props.data;
+  if (props.yearGroup && !props.error) innerClassName += "".concat(_user_review_table_scss__WEBPACK_IMPORTED_MODULE_5___default.a.yearGroup, " rounded-pill px-2 text-nowrap");
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: innerClassName
+  }, text));
+}
+
+function UserReviewRow(props) {
+  var user = props.user,
+      errorCodes = props.errorCodes,
+      onClickEdit = props.onClickEdit,
+      onClickDelete = props.onClickDelete;
+  var errorMessages = apps_user_manager_utils_UserManagerHelper__WEBPACK_IMPORTED_MODULE_6__["UserManagerHelper"].getErrorMessages(errorCodes);
+  var showActions = !!onClickEdit || !!onClickDelete;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tr", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DataCell, {
+    data: user.firstName,
+    error: errorMessages.firstName
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DataCell, {
+    data: user.surname,
+    error: errorMessages.surname
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DataCell, {
+    data: user.email,
+    error: errorMessages.email
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DataCell, {
+    data: user.username,
+    error: errorMessages.username
+  }), props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_4__["UserGroup"].Learner && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(DataCell, {
+    data: user.yearGroup,
+    error: errorMessages.yearGroup,
+    yearGroup: true
+  }), showActions && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", {
+    className: 'p-2 d-flex justify-content-end'
+  }, onClickEdit && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__["DivButton"], {
+    className: 'mr-2 cursor-pointer',
+    onClick: function onClick() {
+      return onClickEdit(user);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Edit
+  })), onClickDelete && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__["DivButton"], {
+    className: 'cursor-pointer',
+    onClick: function onClick() {
+      return onClickDelete(user);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Delete
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/user-review-table/UserReviewTable.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/user-review-table/UserReviewTable.tsx ***!
+  \********************************************************************************/
+/*! exports provided: UserReviewTable */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserReviewTable", function() { return UserReviewTable; });
+/* 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_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var shared_components_empty_state_image_EmptyStateImage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/components/empty-state-image/EmptyStateImage */ "./src/shared/components/empty-state-image/EmptyStateImage.tsx");
+/* harmony import */ var shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/constants/ImageUrls */ "./src/shared/constants/ImageUrls.ts");
+/* harmony import */ var apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/user-manager/reducers/UserUploadReducer */ "./src/apps/user-manager/reducers/UserUploadReducer.ts");
+/* harmony import */ var _UserReviewRow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./UserReviewRow */ "./src/apps/user-manager/components/user-review-table/UserReviewRow.tsx");
+
+
+
+
+
+
+
+function UserReviewTable(props) {
+  var uploadContext = react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_5__["UserUploadContext"]);
+  var namespace = props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_2__["UserGroup"].Learner ? 'userManager.studentReviewTable' : 'userManager.staffReviewTable';
+  var showActions = !!props.onClickEdit || !!props.onClickDelete;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("table", {
+    className: 'w-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("thead", {
+    className: 'border-bottom'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tr", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("th", {
+    className: 'p-2 text-nowrap'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'firstName'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("th", {
+    className: 'p-2 text-nowrap'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'lastName'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("th", {
+    className: 'p-2 text-nowrap'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'email'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("th", {
+    className: 'p-2 text-nowrap'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'username'
+  })), props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_2__["UserGroup"].Learner && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("th", {
+    className: 'p-2 text-nowrap'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'yearGroup'
+  })), showActions && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("th", {
+    className: 'p-2 text-nowrap'
+  }, "\xA0"))), !props.showInvalidEmptyState && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tbody", {
+    className: 'striped-list'
+  }, props.users.map(function (s) {
+    var _a, _b, _c;
+
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_UserReviewRow__WEBPACK_IMPORTED_MODULE_6__["UserReviewRow"], {
+      key: s.lookupId,
+      user: s,
+      userType: props.userType,
+      errorCodes: ((_c = (_b = (_a = uploadContext) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.invalidUsers[s.lookupId]) === null || _c === void 0 ? void 0 : _c.errorCodes) || [],
+      onClickEdit: props.onClickEdit,
+      onClickDelete: props.onClickDelete
+    });
+  }))), props.showInvalidEmptyState && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50 mx-auto text-center pt-5'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_empty_state_image_EmptyStateImage__WEBPACK_IMPORTED_MODULE_3__["EmptyStateImage"], {
+    src: shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_4__["ImageUrls"].EmptyStates.USER_MANAGER
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'noInvalidListings'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'noInvalidListingsInfo'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    onClick: props.onClickSeeFullList,
+    className: 'btn btn-secondary'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'seeAllListings'
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/user-review-table/user-review-table.scss":
+/*!***********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/user-review-table/user-review-table.scss ***!
+  \***********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"yearGroup":"cv--yearGroup--2oij-"};
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/views/bulk-user-upload/edit/BulkUserUploadEditView.tsx":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/user-manager/views/bulk-user-upload/edit/BulkUserUploadEditView.tsx ***!
+  \**************************************************************************************/
+/*! exports provided: BulkUserUploadEditView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BulkUserUploadEditView", function() { return BulkUserUploadEditView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
+/* 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_common_src_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react/hooks/UseViewModel */ "../../libs/common/src/react/hooks/UseViewModel.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone/utils/LocalStorageHelper */ "../../libs/common/src/backbone/utils/LocalStorageHelper.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_pagination_Pagination__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/pagination/Pagination */ "../../libs/shared/src/components/pagination/Pagination.tsx");
+/* harmony import */ var _libs_shared_src_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/toggle-switch/ToggleSwitch */ "../../libs/shared/src/components/toggle-switch/ToggleSwitch.tsx");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_hooks_useNavLock__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! shared/hooks/useNavLock */ "./src/shared/hooks/useNavLock.tsx");
+/* harmony import */ var apps_user_manager_components_user_review_table_UserReviewTable__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! apps/user-manager/components/user-review-table/UserReviewTable */ "./src/apps/user-manager/components/user-review-table/UserReviewTable.tsx");
+/* harmony import */ var apps_user_manager_components_edit_uploaded_user_popup_EditUploadedUserPopup__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! apps/user-manager/components/edit-uploaded-user-popup/EditUploadedUserPopup */ "./src/apps/user-manager/components/edit-uploaded-user-popup/EditUploadedUserPopup.tsx");
+/* harmony import */ var apps_user_manager_components_delete_uploaded_user_popup_DeleteUploadedUserPopup__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! apps/user-manager/components/delete-uploaded-user-popup/DeleteUploadedUserPopup */ "./src/apps/user-manager/components/delete-uploaded-user-popup/DeleteUploadedUserPopup.tsx");
+/* harmony import */ var apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! apps/user-manager/reducers/UserUploadReducer */ "./src/apps/user-manager/reducers/UserUploadReducer.ts");
+/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
+/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
+/* harmony import */ var apps_user_manager_utils_UserManagerHelper__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! apps/user-manager/utils/UserManagerHelper */ "./src/apps/user-manager/utils/UserManagerHelper.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // Max number of users displayable in the table at one time
+
+var MAX_PAGE_SIZE = 25;
+var NAV_LOCK_ID = 'user-upload-edit';
+
+function getTotalInvalidListings(state) {
+  return Object.keys(state.invalidUsers).length;
+}
+
+function BulkUserUploadEditView(props) {
+  var _useViewModel = Object(_libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_6__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_16__["ViewModelKeys"].BULK_USER_UPLOAD),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      users = _useViewModel2[0],
+      setUsers = _useViewModel2[1];
+
+  var namespace = props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_12__["UserGroup"].Learner ? 'userManager.bulkStudentUploadEdit' : 'userManager.bulkStaffUploadEdit';
+  var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_5__["LanguageService"].encloseNamespace(namespace);
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_7__["useSetPageTitle"])(getPhrase('pageTitle'));
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_28__["useAlerts"])();
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(true),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      hideValidListings = _React$useState2[0],
+      setHideValidListings = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      hasErrored = _React$useState4[0],
+      setHasErrored = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      editingUser = _React$useState6[0],
+      setEditingUser = _React$useState6[1];
+
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      deletingUser = _React$useState8[0],
+      setDeletingUser = _React$useState8[1];
+
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(1),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      pageNumber = _React$useState10[0],
+      setPageNumber = _React$useState10[1];
+
+  var _React$useState11 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      currentPage = _React$useState12[0],
+      setCurrentPage = _React$useState12[1];
+
+  var _React$useReducer = react__WEBPACK_IMPORTED_MODULE_0___default.a.useReducer(apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_23__["UserUploadReducer"], null),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      state = _React$useReducer2[0],
+      dispatch = _React$useReducer2[1];
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_13__["UserRequests"].currentUser());
+  var yearGroups = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(currentUser.data && apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_26__["SchoolUserRequests"].yearGroups(currentUser.data.customerId));
+  var navLock = Object(shared_hooks_useNavLock__WEBPACK_IMPORTED_MODULE_19__["useNavLock"])();
+  var flightDispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_24__["usePermissions"])(),
+      hasPermissions = _usePermissions.hasPermissions; // Runs every time the reducer state changes. Finds all invalid users and initializes the reducer.
+
+
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    if (state || !currentUser.data) return;
+    /**
+     * `!users` - means the user has arrived here from a page load.
+     * `!hasPermissions()` - means the user does not have permission to manage users
+     * `hasErrored` - means a network error has occured in this workflow.
+     *
+     * All of these conditions results in the user being redirected back to the user manager page.
+     */
+
+    if (!users || !hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_25__["PermissionName"].ManageUsers) || hasErrored) {
+      navLock.unlock(NAV_LOCK_ID);
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].AppLinkHelper.trigger({
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_17__["AppChannels"].USER_MANAGER,
+        action: props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_12__["UserGroup"].Learner ? shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].UserManager.STUDENTS : shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].UserManager.STAFF
+      }, {
+        replace: true
+      });
+      return;
+    }
+
+    navLock.lock({
+      id: NAV_LOCK_ID,
+      title: getPhrase('navLockTitle'),
+      text: getPhrase('navLockBody'),
+      onConfirmUnlock: function onConfirmUnlock() {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].logUserAction({}, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["WorkflowPhase"].Discard,
+          descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["OperationDescriptor"].Bulk
+        }));
+      }
+    }); // Everytime the reducer state changes, we want to validate the new state.
+
+    validate(users);
+  }, [users, currentUser.data, validate, hasErrored]); // Handles pagination. Runs every time the state changes
+
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    var _a;
+
+    if (!state || !((_a = state.users) === null || _a === void 0 ? void 0 : _a.length)) return;
+    var collection = hideValidListings ? Object.keys(state.invalidUsers).map(function (name) {
+      return state.invalidUsers[name].user;
+    }) : state.users;
+    var usersPage = collection.slice(MAX_PAGE_SIZE * (pageNumber - 1), MAX_PAGE_SIZE * pageNumber);
+    setCurrentPage(usersPage);
+    var pageCount = getPageCount();
+    if (pageCount && pageNumber > pageCount) setPageNumber(pageCount);
+  }, [hideValidListings, pageNumber, state]);
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    var _a;
+
+    if (!state) return; // Listening for if all user entries have been deleted. Redirects to user manager
+
+    if (!((_a = state.users) === null || _a === void 0 ? void 0 : _a.length)) {
+      navLock.unlock(NAV_LOCK_ID);
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].AppLinkHelper.trigger({
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_17__["AppChannels"].USER_MANAGER,
+        action: props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_12__["UserGroup"].Learner ? shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].UserManager.STUDENTS : shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].UserManager.STAFF
+      });
+      return;
+    }
+  }, [state]);
+  /**
+   * This function is called on page load, and again every time
+   * when a change to the users array occurs (edit / delete etc).
+   */
+
+  function validate(_users) {
+    var requestData = apps_user_manager_utils_UserManagerHelper__WEBPACK_IMPORTED_MODULE_27__["UserManagerHelper"].formatCreateUserRequest(_users, props.userType, currentUser.data.customerId);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].fetch(flightDispatch, apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_26__["SchoolUserRequests"].bulkValidate(requestData, function (errors) {
+      return onValidateSuccess(errors, _users);
+    }, onValidateError));
+  }
+
+  function onValidateSuccess(errors, _users) {
+    var invalidUsers = {};
+    errors.forEach(function (erroredUser) {
+      // Because the users have no been created in the backend yet, they don't have an `id` field.
+      // We're building them an identity based on this data
+      var identify = function identify(u) {
+        return "".concat(u.firstName, ":").concat(u.surname, ":").concat(u.yearGroup, ":").concat(u.username, ":").concat(u.email);
+      };
+
+      var user = _users.find(function (u) {
+        return identify(u) === identify(erroredUser.users[0]);
+      });
+
+      invalidUsers[user.lookupId] = {
+        user: user,
+        errorCodes: erroredUser.errorCodes
+      };
+    }); // Log analytics the first time the validation function runs.
+
+    if (!state) {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].logUserAction({
+        totalUploaded: _users.length,
+        totalInvalid: invalidUsers.length
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["WorkflowPhase"].Start,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["OperationDescriptor"].Bulk
+      }));
+      if (!Object.keys(invalidUsers).length) setHideValidListings(false);
+    } // Update the state based on the response from the validation endpoint.
+
+
+    dispatch({
+      type: 'init',
+      payload: {
+        users: _users,
+        invalidUsers: invalidUsers
+      }
+    });
+    setUsers(null);
+  } // If the validate endpoint errors out, we set `hasErrored` to true, which will redirect the user
+  // back to the manage page.
+
+
+  function onValidateError() {
+    setHasErrored(function (currentState) {
+      if (!currentState) alerts.error(getPhrase('networkError'));
+      return true;
+    });
+  }
+  /**
+   * Event Handlers
+   */
+
+
+  function onToggleValidListings() {
+    setHideValidListings(!hideValidListings);
+    setPageNumber(1);
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].logUserAction({
+      hideValidListings: !hideValidListings
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["UserAction"].Click,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["ClickDescriptor"].ToggleHideValidListings
+    }));
+  }
+
+  function onClickEdit(user) {
+    setEditingUser(user);
+  }
+
+  function onCloseEditPopup() {
+    setEditingUser(null);
+    props.closePopup();
+  }
+
+  function onClickDelete(user) {
+    setDeletingUser(user);
+  }
+
+  function onCloseDeletePopup() {
+    props.closePopup();
+    setDeletingUser(null);
+  }
+
+  function onClickCancel() {
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_17__["AppChannels"].USER_MANAGER,
+      action: props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_12__["UserGroup"].Learner ? shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].UserManager.STUDENTS : shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].UserManager.STAFF
+    });
+  }
+
+  function onClickNext() {
+    if (getTotalInvalidListings(state)) return;
+    setUsers(state.users);
+    navLock.unlock(NAV_LOCK_ID);
+    _libs_common_src_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_8__["LocalStorageHelper"].set(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_16__["ViewModelKeys"].BULK_USER_UPLOAD, props.userType);
+    /**
+     * When the user clicks "Next", we go to the next step,
+     * which checks for duplicates within their spreadsheet.
+     */
+
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_17__["AppChannels"].USER_MANAGER,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_18__["Actions"].UserManager.BULK_USER_UPLOAD_DUPLICATES
+    }, {
+      replace: true
+    });
+  }
+
+  function getPageCount() {
+    return hideValidListings ? Math.ceil(getTotalInvalidListings(state) / MAX_PAGE_SIZE) : Math.ceil(state.users.length / MAX_PAGE_SIZE);
+  }
+
+  if (!state || !currentUser.data || !hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_25__["PermissionName"].ManageUsers) || !yearGroups.data) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: 'd-flex justify-content-center py-5 mt-5'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Spinner"], {
+      as: 'div',
+      animation: 'border',
+      role: 'status'
+    }));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_23__["UserUploadContext"].Provider, {
+    value: {
+      state: state,
+      dispatch: dispatch
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    className: 'btn btn-link mr-2',
+    onClick: onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    className: "btn btn-primary ".concat(getTotalInvalidListings(state) ? 'disabled' : ''),
+    onClick: onClickNext
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'next'
+  })))), !!getTotalInvalidListings(state) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'mb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'reviewCount',
+    options: {
+      smartCount: getTotalInvalidListings(state)
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center flex-wrap'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'pr-3 mb-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'switchLabel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_11__["ToggleSwitch"], {
+    onClick: onToggleValidListings,
+    on: hideValidListings
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("main", {
+    className: 'pt-2 pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_user_review_table_UserReviewTable__WEBPACK_IMPORTED_MODULE_20__["UserReviewTable"], {
+    users: currentPage,
+    userType: props.userType,
+    onClickEdit: onClickEdit,
+    onClickDelete: onClickDelete,
+    onClickSeeFullList: function onClickSeeFullList() {
+      return setHideValidListings(false);
+    },
+    showInvalidEmptyState: hideValidListings && !getTotalInvalidListings(state)
+  }), !(hideValidListings && !getTotalInvalidListings(state)) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_pagination_Pagination__WEBPACK_IMPORTED_MODULE_10__["LocalPagination"], {
+    className: 'py-2 float-right',
+    onClickNext: function onClickNext() {
+      return setPageNumber(pageNumber + 1);
+    },
+    onClickBack: function onClickBack() {
+      return setPageNumber(pageNumber - 1);
+    },
+    currentPage: pageNumber,
+    totalPages: getPageCount()
+  })), !!editingUser && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_edit_uploaded_user_popup_EditUploadedUserPopup__WEBPACK_IMPORTED_MODULE_21__["EditUploadedUserPopup"], {
+    user: editingUser,
+    closePopup: onCloseEditPopup,
+    title: getPhrase('editUser'),
+    userType: props.userType,
+    yearGroups: yearGroups.data,
+    analyticsOptions: _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_15__["UserAction"].Edit
+    }),
+    currentUser: currentUser.data,
+    onEditOrDeleteUser: function onEditOrDeleteUser(_users) {
+      return validate(_users);
+    }
+  }), !!deletingUser && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_delete_uploaded_user_popup_DeleteUploadedUserPopup__WEBPACK_IMPORTED_MODULE_22__["DeleteUploadedUserPopup"], {
+    user: deletingUser,
+    closePopup: onCloseDeletePopup,
+    analyticsOptions: props.analyticsOptions
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/empty-state-image/EmptyStateImage.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/shared/components/empty-state-image/EmptyStateImage.tsx ***!
+  \*********************************************************************/
+/*! exports provided: EmptyStateImage */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmptyStateImage", function() { return EmptyStateImage; });
+/* 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 _empty_state_image_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./empty-state-image.scss */ "./src/shared/components/empty-state-image/empty-state-image.scss");
+/* harmony import */ var _empty_state_image_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_empty_state_image_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+EmptyStateImage.defaultProps = {
+  className: "".concat(_empty_state_image_scss__WEBPACK_IMPORTED_MODULE_1___default.a.image, " pb-3")
+};
+function EmptyStateImage(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
+    alt: '',
+    role: 'presentation',
+    src: props.src,
+    className: props.className
+  });
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/empty-state-image/empty-state-image.scss":
+/*!************************************************************************!*\
+  !*** ./src/shared/components/empty-state-image/empty-state-image.scss ***!
+  \************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"image":"cv--image--23Yda"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=41.chunk.js.map