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

package/dist/scripts/19.chunk.js

@@ -0,0 +1,541 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[19],{
+
+/***/ "./src/apps/user-manager/components/delete-uploaded-user-popup/DeleteUploadedUserPopup.tsx":
+/*!*************************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/delete-uploaded-user-popup/DeleteUploadedUserPopup.tsx ***!
+  \*************************************************************************************************/
+/*! exports provided: DeleteUploadedUserPopup */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeleteUploadedUserPopup", function() { return DeleteUploadedUserPopup; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/user-manager/reducers/UserUploadReducer */ "./src/apps/user-manager/reducers/UserUploadReducer.ts");
+
+
+
+
+
+
+
+
+
+
+function DeleteUploadedUserPopup(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_9__["UserUploadContext"]),
+      dispatch = _React$useContext.dispatch;
+
+  var isDeletingStudent = props.user.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_6__["UserGroup"].Learner;
+  var namespace = isDeletingStudent ? 'userManager.deleteUploadedStudentPopup' : 'userManager.deleteUploadedStaffPopup';
+  var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+
+  function onClickDelete() {
+    dispatch({
+      type: 'delete',
+      payload: props.user
+    });
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].logUserAction({}, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["WorkflowPhase"].Discard,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["OperationDescriptor"].Single
+    }));
+    alerts.success(getPhrase('success', {
+      name: props.user.username
+    }));
+    props.closePopup();
+  }
+
+  var buttons = [{
+    variant: 'link',
+    onClick: props.closePopup,
+    buttonText: getPhrase('cancel')
+  }, {
+    variant: 'danger',
+    onClick: onClickDelete,
+    buttonText: getPhrase('delete')
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_3__["Popup"], {
+    title: getPhrase('title'),
+    closePopup: props.closePopup
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0 pb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    phrase: 'confirmation'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_4__["PopupButtons"], {
+    buttons: buttons
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/edit-uploaded-user-popup/EditUploadedUserPopup.tsx":
+/*!*********************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/edit-uploaded-user-popup/EditUploadedUserPopup.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: EditUploadedUserPopup */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditUploadedUserPopup", function() { return EditUploadedUserPopup; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/user-manager/reducers/UserUploadReducer */ "./src/apps/user-manager/reducers/UserUploadReducer.ts");
+/* harmony import */ var apps_user_manager_components_edit_user_details_EditUserDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/user-manager/components/edit-user-details/EditUserDetails */ "./src/apps/user-manager/components/edit-user-details/EditUserDetails.tsx");
+/* harmony import */ var apps_user_manager_utils_UserManagerHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/user-manager/utils/UserManagerHelper */ "./src/apps/user-manager/utils/UserManagerHelper.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; }
+
+
+
+
+
+
+
+
+
+
+var namespace = 'userManager.editUploadedUserPopup';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
+function EditUploadedUserPopup(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(apps_user_manager_reducers_UserUploadReducer__WEBPACK_IMPORTED_MODULE_6__["UserUploadContext"]),
+      state = _React$useContext.state,
+      dispatch = _React$useContext.dispatch;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(!!state.invalidUsers[props.user.lookupId]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isInvalid = _React$useState2[0],
+      setIsInvalid = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(props.user.lookupId),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      currentUserId = _React$useState4[0],
+      setCurrentUserId = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      showSpinner = _React$useState6[0],
+      setShowSpinner = _React$useState6[1];
+
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    setIsInvalid(!!state.invalidUsers[props.user.lookupId]);
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+      isInvalid: !!state.invalidUsers[props.user.lookupId],
+      data: props.user
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Start
+    }));
+  }, [props.user]);
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    if (!showSpinner) return;
+    /**
+     * Display a fake loading spinner for 300ms every time the user saves.
+     */
+
+    window.setTimeout(function () {
+      return setShowSpinner(false);
+    }, 300);
+  }, [showSpinner, setShowSpinner]);
+  var invalidUserContext = state.invalidUsers[currentUserId];
+
+  function onClickNext(updatedUser) {
+    if (isInvalid) {
+      var invalidUserIds = Object.keys(state.invalidUsers);
+      var currentIndex = invalidUserIds.indexOf(currentUserId);
+      var nextId = invalidUserIds[currentIndex + 1] || invalidUserIds[0];
+      setShowSpinner(true);
+      setCurrentUserId(nextId);
+    }
+
+    var lookupId = isInvalid ? invalidUserContext.user.lookupId : props.user.lookupId;
+    dispatch({
+      type: 'save',
+      payload: Object.assign(Object.assign({}, updatedUser), {
+        lookupId: lookupId
+      })
+    });
+    props.onEditOrDeleteUser && props.onEditOrDeleteUser(state.users.map(function (u) {
+      if (u.lookupId !== lookupId) return u;
+      return updatedUser;
+    }));
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
+      isInvalid: false,
+      data: updatedUser
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Complete
+    }));
+    alerts.success(getPhrase('success', {
+      name: updatedUser.username
+    }));
+    if (!isInvalid || !Object.keys(state.invalidUsers).length) window.setTimeout(function () {
+      return props.closePopup();
+    }, 300);
+  }
+
+  if (isInvalid && !invalidUserContext) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    closePopup: props.closePopup,
+    title: props.title,
+    showLoadingSpinner: showSpinner
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_edit_user_details_EditUserDetails__WEBPACK_IMPORTED_MODULE_7__["EditUserDetails"], {
+    initialValues: isInvalid ? invalidUserContext.user : props.user,
+    initialErrors: isInvalid ? apps_user_manager_utils_UserManagerHelper__WEBPACK_IMPORTED_MODULE_8__["UserManagerHelper"].getErrorMessages(invalidUserContext.errorCodes) : [],
+    userType: props.userType,
+    saveUser: onClickNext,
+    yearGroups: props.yearGroups,
+    onClickCancel: props.closePopup,
+    hasNext: isInvalid && Object.keys(state.invalidUsers).length > 1,
+    submitText: isInvalid && Object.keys(state.invalidUsers).length > 1 ? getPhrase('next') : getPhrase('save')
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/edit-user-details/EditUserDetails.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/edit-user-details/EditUserDetails.tsx ***!
+  \********************************************************************************/
+/*! exports provided: EditUserDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditUserDetails", function() { return EditUserDetails; });
+/* 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_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/user-manager/validation/user-validation/UserValidationSchema */ "./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts");
+/* harmony import */ var apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/user-manager/components/user-details-form/UserDetailsForm */ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx");
+
+
+
+
+function EditUserDetails(props) {
+  var saveUser = props.saveUser,
+      onClickCancel = props.onClickCancel,
+      initialValues = props.initialValues,
+      userType = props.userType,
+      yearGroups = props.yearGroups,
+      _props$hasNext = props.hasNext,
+      hasNext = _props$hasNext === void 0 ? false : _props$hasNext,
+      _props$initialErrors = props.initialErrors,
+      initialErrors = _props$initialErrors === void 0 ? {} : _props$initialErrors;
+  var initialTouched = {};
+  Object.keys(initialErrors).forEach(function (err) {
+    initialTouched[err] = true;
+  });
+  var isNew = !initialValues.userId;
+  var schema = isNew ? Object(apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_2__["getCreateUserValidationSchema"])(props.yearGroups) : Object(apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_2__["getEditUserValidationSchema"])(props.yearGroups);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    initialErrors: initialErrors,
+    initialTouched: initialTouched,
+    validationSchema: schema,
+    onSubmit: saveUser
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_3__["UserDetailsForm"], {
+    isNew: isNew,
+    userType: userType,
+    yearGroups: yearGroups,
+    onClickCancel: onClickCancel,
+    hasNext: hasNext,
+    submitText: props.submitText
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx ***!
+  \********************************************************************************/
+/*! exports provided: UserDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserDetailsForm", function() { return UserDetailsForm; });
+/* 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 formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* 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_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_FormHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/FormHelper */ "../../libs/shared/src/utils/FormHelper.ts");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var apps_user_manager_components_year_group_select_YearGroupSelect__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/user-manager/components/year-group-select/YearGroupSelect */ "./src/apps/user-manager/components/year-group-select/YearGroupSelect.tsx");
+
+
+
+
+
+
+
+
+
+
+var namespace = 'userManager.userDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function UserDetailsForm(props) {
+  var onClickCancel = props.onClickCancel,
+      hasNext = props.hasNext,
+      isNew = props.isNew,
+      userType = props.userType,
+      yearGroups = props.yearGroups,
+      submitText = props.submitText;
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_7__["useFormikContextWrapper"])();
+
+  var getTreeSelectClassName = function getTreeSelectClassName(field) {
+    return _libs_shared_src_utils_FormHelper__WEBPACK_IMPORTED_MODULE_6__["FormHelper"].getCustomFormControlClassName(formikProps.errors, formikProps.touched, field, 'revert-form-control h-auto');
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('firstName'),
+    type: 'text',
+    name: 'firstName',
+    id: 'firstName',
+    placeholder: getPhrase('firstNamePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.firstName
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('lastName'),
+    type: 'text',
+    name: 'surname',
+    id: 'surname',
+    placeholder: getPhrase('lastNamePlaceholder'),
+    value: formikProps.values.surname
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('emailAddress'),
+    type: 'text',
+    name: 'email',
+    id: 'email',
+    placeholder: getPhrase('emailAddressPlaceholder'),
+    value: formikProps.values.email
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('username'),
+    type: 'text',
+    name: 'username',
+    id: 'username',
+    placeholder: getPhrase('usernamePlaceholder'),
+    value: formikProps.values.username
+  }), isNew && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('password'),
+    type: 'password',
+    name: 'password',
+    id: 'password',
+    placeholder: getPhrase('passwordPlaceholder'),
+    value: formikProps.values.password
+  }), userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_8__["UserGroup"].Learner && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    name: 'yearGroup',
+    label: getPhrase('yearGroup')
+  }, function () {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: getTreeSelectClassName('yearGroup')
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_year_group_select_YearGroupSelect__WEBPACK_IMPORTED_MODULE_9__["YearGroupSelect"], {
+      className: 'd-flex flex-wrap justify-content-center',
+      yearGroups: yearGroups,
+      selected: formikProps.values.masterYearGroup,
+      onSelect: function onSelect(yearGroup) {
+        formikProps.setFieldValue('yearGroup', yearGroup.name);
+        formikProps.setFieldValue('masterYearGroup', {
+          id: yearGroup.id,
+          name: yearGroup.name,
+          description: yearGroup.description,
+          value: yearGroup.value
+        });
+      }
+    }));
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_4__["FormButtons"], {
+    isNew: isNew,
+    hasNext: hasNext,
+    submitText: submitText
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/year-group-select/YearGroupSelect.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/year-group-select/YearGroupSelect.tsx ***!
+  \********************************************************************************/
+/*! exports provided: YearGroupSelect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "YearGroupSelect", function() { return YearGroupSelect; });
+/* 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__);
+
+var ENTER_KEY_CODE = 13;
+
+function YearGroup(props) {
+  var yearGroup = props.yearGroup,
+      selected = props.selected,
+      onSelect = props.onSelect;
+
+  function onKeyDown(e) {
+    if (selected || e.keyCode !== ENTER_KEY_CODE) return;
+    onSelect(yearGroup);
+  }
+
+  var className = selected ? 'badge-info' : 'badge-light';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: "badge-pill d-inline-block mr-1 mb-1 cursor-pointer ".concat(className),
+    role: 'radio',
+    "aria-checked": selected,
+    onClick: function onClick() {
+      return onSelect(yearGroup);
+    },
+    tabIndex: 0,
+    onKeyDown: onKeyDown
+  }, yearGroup.name);
+}
+
+function YearGroupSelect(props) {
+  var yearGroups = props.yearGroups,
+      selected = props.selected,
+      onSelect = props.onSelect,
+      className = props.className;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    role: 'radiogroup',
+    className: className
+  }, yearGroups.map(function (y) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(YearGroup, {
+      key: y.id,
+      yearGroup: y,
+      selected: !!selected && y.id === selected.id,
+      onSelect: onSelect
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts":
+/*!**********************************************************************************!*\
+  !*** ./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts ***!
+  \**********************************************************************************/
+/*! exports provided: getEditUserValidationSchema, getCreateUserValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getEditUserValidationSchema", function() { return getEditUserValidationSchema; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCreateUserValidationSchema", function() { return getCreateUserValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('userManager.userValidation');
+var getEditUserValidationSchema = function getEditUserValidationSchema(yearGroups, create) {
+  var _a;
+
+  var schema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+    firstName: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+      return getPhrase('nameExceeds');
+    }).required(function () {
+      return getPhrase('nameRequired');
+    })["default"](''),
+    surname: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+      return getPhrase('surnameExceeds');
+    }).required(function () {
+      return getPhrase('surnameRequired');
+    })["default"](''),
+    yearGroup: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])()["default"](''),
+    username: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+      return getPhrase('usernameExceeds');
+    }).required(function () {
+      return getPhrase('usernameRequired');
+    })["default"](''),
+    customerId: Object(yup__WEBPACK_IMPORTED_MODULE_0__["number"])(),
+    userType: Object(yup__WEBPACK_IMPORTED_MODULE_0__["mixed"])()["default"](_libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_2__["UserGroup"].Unknown),
+    roleId: Object(yup__WEBPACK_IMPORTED_MODULE_0__["number"])(),
+    masterRole: Object(yup__WEBPACK_IMPORTED_MODULE_0__["number"])(),
+    userId: Object(yup__WEBPACK_IMPORTED_MODULE_0__["number"])(),
+    isPrimaryContact: Object(yup__WEBPACK_IMPORTED_MODULE_0__["boolean"])()["default"](false)
+  });
+
+  if ((_a = yearGroups) === null || _a === void 0 ? void 0 : _a.length) {
+    schema.shape({
+      masterYearGroup: Object(yup__WEBPACK_IMPORTED_MODULE_0__["mixed"])().required(function () {
+        return getPhrase('yearGroupRequired');
+      }).test('masterYearGroup', getPhrase('yearGroupInvalid'), function (val) {
+        return !!yearGroups.find(function (y) {
+          return y.id === val.id;
+        });
+      })
+    });
+  } // Email is not required when editing a user, although it is when creating
+
+
+  if (!create) {
+    schema.shape({
+      email: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+        return getPhrase('emailExceeds');
+      }).email(function () {
+        return getPhrase('emailValid');
+      })["default"]('')
+    });
+  }
+
+  return schema;
+};
+var getCreateUserValidationSchema = function getCreateUserValidationSchema(yearGroups) {
+  return getEditUserValidationSchema(yearGroups, true).shape({
+    password: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])()["default"](''),
+    requirePasswordChange: Object(yup__WEBPACK_IMPORTED_MODULE_0__["boolean"])()["default"](true),
+    email: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+      return getPhrase('emailExceeds');
+    }).required(function () {
+      return getPhrase('emailRequired');
+    }).email(function () {
+      return getPhrase('emailValid');
+    })["default"]('')
+  });
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=19.chunk.js.map

package/dist/scripts/19.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/delete-uploaded-user-popup/DeleteUploadedUserPopup.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/edit-uploaded-user-popup/EditUploadedUserPopup.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/edit-user-details/EditUserDetails.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/year-group-select/YearGroupSelect.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/validation/user-validation/UserValidationSchema.ts"],"names":[],"mappings":"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","file":"scripts/19.chunk.js","sourcesContent":["import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupButtons, PopupButton } from 'libs/shared/components/popup/PopupButtons';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { WorkflowPhase, OperationDescriptor } from 'libs/analytics/interfaces';\r\n\r\nimport { UserUploadContext } from 'apps/user-manager/reducers/UserUploadReducer';\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\n\r\ntype DeleteUploadedUserPopupProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{\r\n  user: EditUserRequest;\r\n}>>;\r\n\r\nexport function DeleteUploadedUserPopup(props: DeleteUploadedUserPopupProps): JSX.Element {\r\n  const { dispatch } = React.useContext(UserUploadContext);\r\n\r\n  const isDeletingStudent = props.user.userType === UserGroup.Learner;\r\n\r\n  const namespace = isDeletingStudent\r\n    ? 'userManager.deleteUploadedStudentPopup'\r\n    : 'userManager.deleteUploadedStaffPopup';\r\n\r\n  const getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\n  const alerts = useAlerts();\r\n\r\n  function onClickDelete(): void {\r\n    dispatch({\r\n      type: 'delete',\r\n      payload: props.user\r\n    });\r\n\r\n    AnalyticsHelper.logUserAction({}, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      workflowPhase: WorkflowPhase.Discard,\r\n      descriptor: OperationDescriptor.Single\r\n    }));\r\n\r\n    alerts.success(getPhrase('success', { name: props.user.username }));\r\n\r\n    props.closePopup();\r\n  }\r\n\r\n  const buttons: PopupButton[] = [\r\n    {\r\n      variant: 'link',\r\n      onClick: props.closePopup,\r\n      buttonText: getPhrase('cancel')\r\n    },\r\n    {\r\n      variant: 'danger',\r\n      onClick: onClickDelete,\r\n      buttonText: getPhrase('delete')\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <Popup title={getPhrase('title')} closePopup={props.closePopup}>\r\n        <p className='m-0 pb-1'><Text phrase='confirmation' /></p>\r\n        <PopupButtons buttons={buttons} />\r\n      </Popup>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { PropsWithPopupViewProps, PropsWithAnalyticsOptions, CurrentUser, YearGroup } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { UserUploadContext } from 'apps/user-manager/reducers/UserUploadReducer';\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\nimport { EditUserDetails } from 'apps/user-manager/components/edit-user-details/EditUserDetails';\r\nimport { UserManagerHelper } from 'apps/user-manager/utils/UserManagerHelper';\r\n\r\nconst namespace = 'userManager.editUploadedUserPopup';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype EditUploadedUserPopupProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{\r\n  user: EditUserRequest;\r\n  userType: UserGroup;\r\n  title: string;\r\n  currentUser: CurrentUser;\r\n  yearGroups: YearGroup[];\r\n  onEditOrDeleteUser?: (users: EditUserRequest[]) => void;\r\n}>>;\r\n\r\nexport function EditUploadedUserPopup(props: EditUploadedUserPopupProps): JSX.Element {\r\n  const { state, dispatch } = React.useContext(UserUploadContext);\r\n\r\n  const [ isInvalid, setIsInvalid ] = React.useState(!!state.invalidUsers[props.user.lookupId]);\r\n  const [ currentUserId, setCurrentUserId ] = React.useState<string>(props.user.lookupId);\r\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\r\n\r\n  const alerts = useAlerts();\r\n\r\n  React.useEffect(() => {\r\n    setIsInvalid(!!state.invalidUsers[props.user.lookupId]);\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      isInvalid: !!state.invalidUsers[props.user.lookupId],\r\n      data: props.user\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      workflowPhase: WorkflowPhase.Start\r\n    }));\r\n  }, [props.user]);\r\n\r\n  React.useEffect(() => {\r\n    if (!showSpinner)\r\n      return;\r\n\r\n    /**\r\n     * Display a fake loading spinner for 300ms every time the user saves.\r\n     */\r\n    window.setTimeout(() => setShowSpinner(false), 300);\r\n  }, [ showSpinner, setShowSpinner ]);\r\n\r\n  const invalidUserContext = state.invalidUsers[currentUserId];\r\n\r\n  function onClickNext(updatedUser: EditUserRequest): void {\r\n    if (isInvalid) {\r\n      const invalidUserIds = Object.keys(state.invalidUsers);\r\n\r\n      const currentIndex = invalidUserIds.indexOf(currentUserId);\r\n      const nextId = invalidUserIds[currentIndex + 1] || invalidUserIds[0];\r\n\r\n      setShowSpinner(true);\r\n      setCurrentUserId(nextId);\r\n    }\r\n\r\n    const lookupId = isInvalid\r\n      ? invalidUserContext.user.lookupId\r\n      : props.user.lookupId;\r\n\r\n    dispatch({\r\n      type: 'save',\r\n      payload: {\r\n        ...updatedUser,\r\n        lookupId\r\n      }\r\n    });\r\n\r\n    props.onEditOrDeleteUser && props.onEditOrDeleteUser(state.users.map(u => {\r\n      if (u.lookupId !== lookupId)\r\n        return u;\r\n\r\n      return updatedUser;\r\n    }));\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      isInvalid: false,\r\n      data: updatedUser\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      workflowPhase: WorkflowPhase.Complete\r\n    }));\r\n\r\n    alerts.success(getPhrase('success', { name: updatedUser.username }));\r\n\r\n    if (!isInvalid || !Object.keys(state.invalidUsers).length)\r\n      window.setTimeout(() => props.closePopup(), 300);\r\n  }\r\n\r\n  if (isInvalid && !invalidUserContext)\r\n    return <></>;\r\n\r\n  return (\r\n    <Popup closePopup={props.closePopup} title={props.title} showLoadingSpinner={showSpinner}>\r\n      <EditUserDetails\r\n        initialValues={isInvalid ? invalidUserContext.user : props.user}\r\n        initialErrors={isInvalid ? UserManagerHelper.getErrorMessages(invalidUserContext.errorCodes) : []}\r\n        userType={props.userType}\r\n        saveUser={onClickNext}\r\n        yearGroups={props.yearGroups}\r\n        onClickCancel={props.closePopup}\r\n        hasNext={isInvalid && Object.keys(state.invalidUsers).length > 1}\r\n        submitText={(isInvalid && Object.keys(state.invalidUsers).length > 1) ? getPhrase('next') : getPhrase('save')}\r\n      />\r\n    </Popup>\r\n  );\r\n}","import React from 'react';\r\nimport { FormikErrors, FormikTouched } from 'formik';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { YearGroup } from 'libs/shared/interfaces';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\nimport { getCreateUserValidationSchema, getEditUserValidationSchema } from 'apps/user-manager/validation/user-validation/UserValidationSchema';\r\nimport { UserDetailsForm } from 'apps/user-manager/components/user-details-form/UserDetailsForm';\r\n\r\nexport interface EditUserDetailsProps {\r\n  saveUser: (data: EditUserRequest) => void;\r\n  userType: UserGroup;\r\n  yearGroups: YearGroup[];\r\n  onClickCancel: () => void;\r\n  initialValues: EditUserRequest;\r\n  initialErrors?: FormikErrors<EditUserRequest>;\r\n  hasNext?: boolean;\r\n  submitText?: string;\r\n}\r\n\r\nexport function EditUserDetails(props: EditUserDetailsProps): React.ReactElement {\r\n  const { saveUser, onClickCancel, initialValues, userType, yearGroups, hasNext = false, initialErrors = {} } = props;\r\n\r\n  const initialTouched: FormikTouched<EditUserRequest> = {};\r\n  Object.keys(initialErrors).forEach((err: keyof EditUserRequest) => {\r\n    initialTouched[err] = true;\r\n  });\r\n  \r\n  const isNew = !initialValues.userId;\r\n\r\n  const schema = isNew\r\n    ? getCreateUserValidationSchema(props.yearGroups)\r\n    : getEditUserValidationSchema(props.yearGroups);\r\n\r\n  return (\r\n    <FormWrapper<EditUserRequest>\r\n      initialValues={initialValues}\r\n      initialErrors={initialErrors}\r\n      initialTouched={initialTouched}\r\n      validationSchema={schema}\r\n      onSubmit={saveUser}\r\n    >\r\n      <UserDetailsForm\r\n        isNew={isNew}\r\n        userType={userType}\r\n        yearGroups={yearGroups}\r\n        onClickCancel={onClickCancel}\r\n        hasNext={hasNext}\r\n        submitText={props.submitText}\r\n      />\r\n    </FormWrapper>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\r\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\nimport { YearGroup } from 'libs/shared/interfaces';\r\n\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\nimport { YearGroupSelect } from 'apps/user-manager/components/year-group-select/YearGroupSelect';\r\n\r\nconst namespace = 'userManager.userDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface UserDetailsFormProps {\r\n  onClickCancel: () => void;\r\n  userType: UserGroup;\r\n  yearGroups: YearGroup[];\r\n  isNew?: boolean;\r\n  hasNext?: boolean;\r\n  submitText?: string;\r\n}\r\n\r\nexport function UserDetailsForm(props: UserDetailsFormProps): React.ReactElement {\r\n  const { onClickCancel, hasNext, isNew, userType, yearGroups, submitText } = props;\r\n\r\n  const formikProps = useFormikContextWrapper<EditUserRequest>();\r\n\r\n  const getTreeSelectClassName = (field: keyof EditUserRequest) => FormHelper.getCustomFormControlClassName(\r\n    formikProps.errors,\r\n    formikProps.touched,\r\n    field,\r\n    'revert-form-control h-auto'\r\n  );\r\n\r\n  return (\r\n    <Form>\r\n      <FormField\r\n        label={getPhrase('firstName')}\r\n        type='text'\r\n        name='firstName'\r\n        id='firstName'\r\n        placeholder={getPhrase('firstNamePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.firstName}\r\n      />\r\n      <FormField\r\n        label={getPhrase('lastName')}\r\n        type='text'\r\n        name='surname'\r\n        id='surname'\r\n        placeholder={getPhrase('lastNamePlaceholder')}\r\n        value={formikProps.values.surname}\r\n      />\r\n      <FormField\r\n        label={getPhrase('emailAddress')}\r\n        type='text'\r\n        name='email'\r\n        id='email'\r\n        placeholder={getPhrase('emailAddressPlaceholder')}\r\n        value={formikProps.values.email}\r\n      />\r\n      <FormField\r\n        label={getPhrase('username')}\r\n        type='text'\r\n        name='username'\r\n        id='username'\r\n        placeholder={getPhrase('usernamePlaceholder')}\r\n        value={formikProps.values.username}\r\n      />\r\n      {isNew && (\r\n        <FormField\r\n          label={getPhrase('password')}\r\n          type='password'\r\n          name='password'\r\n          id='password'\r\n          placeholder={getPhrase('passwordPlaceholder')}\r\n          value={formikProps.values.password}\r\n        />\r\n      )}\r\n      {userType === UserGroup.Learner && (\r\n        <FormField\r\n          name='yearGroup'\r\n          label={getPhrase('yearGroup')}\r\n        >\r\n          {() => (\r\n            <div className={getTreeSelectClassName('yearGroup')}>\r\n              <YearGroupSelect\r\n                className='d-flex flex-wrap justify-content-center'\r\n                yearGroups={yearGroups}\r\n                selected={formikProps.values.masterYearGroup}\r\n                onSelect={(yearGroup: YearGroup) => {\r\n                  formikProps.setFieldValue('yearGroup', yearGroup.name);\r\n                  formikProps.setFieldValue('masterYearGroup', {\r\n                    id: yearGroup.id,\r\n                    name: yearGroup.name,\r\n                    description: yearGroup.description,\r\n                    value: yearGroup.value\r\n                  });\r\n                }}\r\n              />\r\n            </div>\r\n          )}\r\n        </FormField>\r\n      )}\r\n      <div className='btn-container d-flex justify-content-end'>\r\n        <button type='button' className='btn btn-link mr-2' onClick={onClickCancel}>\r\n          <Text namespace={namespace} phrase='cancel' />\r\n        </button>\r\n        <FormButtons isNew={isNew} hasNext={hasNext} submitText={submitText} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { YearGroup } from 'libs/shared/interfaces';\r\n\r\nconst ENTER_KEY_CODE = 13;\r\n\r\ninterface YearGroupProps {\r\n  yearGroup: YearGroup;\r\n  selected: boolean;\r\n  onSelect: (yearGroup: YearGroup) => void;\r\n}\r\n\r\nfunction YearGroup(props: YearGroupProps): React.ReactElement {\r\n  const { yearGroup, selected, onSelect } = props;\r\n\r\n  function onKeyDown(e: React.KeyboardEvent): void {\r\n    if (selected || e.keyCode !== ENTER_KEY_CODE)\r\n      return;\r\n\r\n    onSelect(yearGroup);\r\n  }\r\n\r\n  const className = selected ? 'badge-info' : 'badge-light';\r\n\r\n  return (\r\n    <span\r\n      className={`badge-pill d-inline-block mr-1 mb-1 cursor-pointer ${className}`}\r\n      role='radio'\r\n      aria-checked={selected}\r\n      onClick={() => onSelect(yearGroup)}\r\n      tabIndex={0}\r\n      onKeyDown={onKeyDown}\r\n    >\r\n      {yearGroup.name}\r\n    </span>\r\n  );\r\n}\r\n\r\ninterface YearGroupSelectProps {\r\n  yearGroups: YearGroup[];\r\n  onSelect: (yearGroup: YearGroup) => void;\r\n  selected?: YearGroup;\r\n  className?: string;\r\n}\r\n\r\nexport function YearGroupSelect(props: YearGroupSelectProps): React.ReactElement {\r\n  const { yearGroups, selected, onSelect, className } = props;\r\n\r\n  return (\r\n    <div role='radiogroup' className={className}>\r\n      {yearGroups.map(y =>\r\n        <YearGroup\r\n          key={y.id}\r\n          yearGroup={y}\r\n          selected={!!selected && y.id === selected.id}\r\n          onSelect={onSelect}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n}","import { object, string, number, boolean, mixed } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { YearGroup } from 'libs/shared/interfaces';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('userManager.userValidation');\r\n\r\nexport const getEditUserValidationSchema = (yearGroups?: YearGroup[], create?: boolean) => {\r\n  const schema = object().shape({\r\n    firstName: string()\r\n      .max(255, () => getPhrase('nameExceeds'))\r\n      .required(() => getPhrase('nameRequired'))\r\n      .default(''),\r\n    surname: string()\r\n      .max(255, () => getPhrase('surnameExceeds'))\r\n      .required(() => getPhrase('surnameRequired'))\r\n      .default(''),\r\n    yearGroup: string()\r\n      .default(''),\r\n    username: string()\r\n      .max(255, () => getPhrase('usernameExceeds'))\r\n      .required(() => getPhrase('usernameRequired'))\r\n      .default(''),\r\n    customerId: number(),\r\n    userType: mixed<UserGroup>().default(UserGroup.Unknown),\r\n    roleId: number(),\r\n    masterRole: number(),\r\n    userId: number(),\r\n    isPrimaryContact: boolean().default(false)\r\n  });\r\n\r\n  if (yearGroups?.length) {\r\n    schema.shape({\r\n      masterYearGroup: mixed<YearGroup>()\r\n        .required(() => getPhrase('yearGroupRequired'))\r\n        .test('masterYearGroup', getPhrase('yearGroupInvalid'), val => !!yearGroups.find(y => y.id === val.id))\r\n    });\r\n  }\r\n\r\n  // Email is not required when editing a user, although it is when creating\r\n  if (!create) {\r\n    schema.shape({\r\n      email: string()\r\n        .max(255, () => getPhrase('emailExceeds'))\r\n        .email(() => getPhrase('emailValid'))\r\n        .default('')\r\n    });\r\n  }\r\n\r\n  return schema;\r\n};\r\n\r\nexport const getCreateUserValidationSchema = (yearGroups?: YearGroup[]) => {\r\n  return getEditUserValidationSchema(yearGroups, true).shape({\r\n    password: string().default(''),\r\n    requirePasswordChange: boolean().default(true),\r\n    email: string()\r\n      .max(255, () => getPhrase('emailExceeds'))\r\n      .required(() => getPhrase('emailRequired'))\r\n      .email(() => getPhrase('emailValid'))\r\n      .default('')\r\n  });\r\n};"],"sourceRoot":""}