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

package/dist/scripts/53.chunk.js

@@ -0,0 +1,440 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[53],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./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"]('')
+  });
+};
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/views/edit-user/EditUserView.tsx":
+/*!****************************************************************!*\
+  !*** ./src/apps/user-manager/views/edit-user/EditUserView.tsx ***!
+  \****************************************************************/
+/*! exports provided: EditUserView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditUserView", function() { return EditUserView; });
+/* 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 _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_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/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 _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_6__ = __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_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
+/* harmony import */ var apps_user_manager_components_edit_user_details_EditUserDetails__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/user-manager/components/edit-user-details/EditUserDetails */ "./src/apps/user-manager/components/edit-user-details/EditUserDetails.tsx");
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace('userManager.editUser');
+function EditUserView(props) {
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var user = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__["SchoolUserRequests"].getUser(props.id));
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_6__["UserRequests"].currentUser());
+  var yearGroups = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(currentUser.data && apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__["SchoolUserRequests"].yearGroups(currentUser.data.customerId));
+
+  var saveUser = function saveUser(user) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__["SchoolUserRequests"].updateUser(user, currentUser.data.id, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].logUserAction(user, props.analyticsOptions);
+      alerts.success(getPhrase('success'));
+    }, function () {
+      alerts.error(getPhrase('error'));
+    }, function () {
+      props.closePopup();
+    }));
+  };
+
+  var isLoaded = !!user.data && !!currentUser.data && !!yearGroups.data;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    closePopup: props.closePopup,
+    title: getPhrase('popupTitle'),
+    showLoadingSpinner: !isLoaded
+  }, isLoaded && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_edit_user_details_EditUserDetails__WEBPACK_IMPORTED_MODULE_9__["EditUserDetails"], {
+    userType: props.userType,
+    yearGroups: yearGroups.data,
+    initialValues: {
+      userId: user.data.id,
+      firstName: user.data.name,
+      surname: user.data.surname,
+      userType: user.data.userType,
+      customerId: currentUser.data.customerId,
+      email: user.data.email,
+      yearGroup: user.data.yearGroup,
+      masterYearGroup: user.data.masterYearGroup,
+      username: user.data.username,
+      masterRole: user.data.role,
+      roleId: user.data.roleId,
+      isPrimaryContact: user.data.isPrimaryContact
+    },
+    saveUser: saveUser,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=53.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","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","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/views/edit-user/EditUserView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEO,IAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;AAC5B,MAAM,YAAY,GAAG,qFAAU,CAAmB,4FAAc,CAAC,KAAlC,CAA/B;AAEA,SAAO;AACL,WADK,mBACG,YADH,EACsD;AACzD,kBAAY,CAAC,OAAb,CAAqB,YAArB;AACD,KAHI;AAIL,SAJK,iBAIC,YAJD,EAIoD;AACvD,kBAAY,CAAC,KAAb,CAAmB,YAAnB;AACD,KANI;AAOL,WAPK,mBAOG,YAPH,EAOuB;AAC1B,kBAAY,CAAC,WAAb,CAAyB;AACvB,YAAI,EAAE,wFAAS,CAAC,OADO;AAEvB,eAAO,EAAE,kGAAmB,CAAC,OAFN;AAGvB,eAAO,EAAE;AAHc,OAAzB;AAKD;AAbI,GAAP;AAeD,CAlBM,C;;;;;;;;;;;;ACJP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAKA;AACA;AAaM,SAAU,eAAV,CAA0B,KAA1B,EAAqD;AAAA,MACjD,QADiD,GACqD,KADrD,CACjD,QADiD;AAAA,MACvC,aADuC,GACqD,KADrD,CACvC,aADuC;AAAA,MACxB,aADwB,GACqD,KADrD,CACxB,aADwB;AAAA,MACT,QADS,GACqD,KADrD,CACT,QADS;AAAA,MACC,UADD,GACqD,KADrD,CACC,UADD;AAAA,uBACqD,KADrD,CACa,OADb;AAAA,MACa,OADb,+BACuB,KADvB;AAAA,6BACqD,KADrD,CAC8B,aAD9B;AAAA,MAC8B,aAD9B,qCAC8C,EAD9C;AAGzD,MAAM,cAAc,GAAmC,EAAvD;AACA,QAAM,CAAC,IAAP,CAAY,aAAZ,EAA2B,OAA3B,CAAmC,UAAC,GAAD,EAA+B;AAChE,kBAAc,CAAC,GAAD,CAAd,GAAsB,IAAtB;AACD,GAFD;AAIA,MAAM,KAAK,GAAG,CAAC,aAAa,CAAC,MAA7B;AAEA,MAAM,MAAM,GAAG,KAAK,GAChB,uIAA6B,CAAC,KAAK,CAAC,UAAP,CADb,GAEhB,qIAA2B,CAAC,KAAK,CAAC,UAAP,CAF/B;AAIA,SACE,2DAAC,sGAAD,EAAY;AACV,iBAAa,EAAE,aADL;AAEV,iBAAa,EAAE,aAFL;AAGV,kBAAc,EAAE,cAHN;AAIV,oBAAgB,EAAE,MAJR;AAKV,YAAQ,EAAE;AALA,GAAZ,EAOE,2DAAC,8GAAD,EAAgB;AACd,SAAK,EAAE,KADO;AAEd,YAAQ,EAAE,QAFI;AAGd,cAAU,EAAE,UAHE;AAId,iBAAa,EAAE,aAJD;AAKd,WAAO,EAAE,OALK;AAMd,cAAU,EAAE,KAAK,CAAC;AANJ,GAAhB,CAPF,CADF;AAkBD,C;;;;;;;;;;;;ACtDD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA,IAAM,SAAS,GAAG,6BAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AAWM,SAAU,eAAV,CAA0B,KAA1B,EAAqD;AAAA,MACjD,aADiD,GACmB,KADnB,CACjD,aADiD;AAAA,MAClC,OADkC,GACmB,KADnB,CAClC,OADkC;AAAA,MACzB,KADyB,GACmB,KADnB,CACzB,KADyB;AAAA,MAClB,QADkB,GACmB,KADnB,CAClB,QADkB;AAAA,MACR,UADQ,GACmB,KADnB,CACR,UADQ;AAAA,MACI,UADJ,GACmB,KADnB,CACI,UADJ;AAGzD,MAAM,WAAW,GAAG,0HAAuB,EAA3C;;AAEA,MAAM,sBAAsB,GAAG,SAAzB,sBAAyB,CAAC,KAAD;AAAA,WAAkC,4EAAU,CAAC,6BAAX,CAC/D,WAAW,CAAC,MADmD,EAE/D,WAAW,CAAC,OAFmD,EAG/D,KAH+D,EAI/D,4BAJ+D,CAAlC;AAAA,GAA/B;;AAOA,SACE,oDAAC,2CAAD,EAAK,IAAL,EACE,oDAAC,gGAAD,EAAU;AACR,SAAK,EAAE,SAAS,CAAC,WAAD,CADR;AAER,QAAI,EAAC,MAFG;AAGR,QAAI,EAAC,WAHG;AAIR,MAAE,EAAC,WAJK;AAKR,eAAW,EAAE,SAAS,CAAC,sBAAD,CALd;AAMR,aAAS,MAND;AAOR,SAAK,EAAE,WAAW,CAAC,MAAZ,CAAmB;AAPlB,GAAV,CADF,EAUE,oDAAC,gGAAD,EAAU;AACR,SAAK,EAAE,SAAS,CAAC,UAAD,CADR;AAER,QAAI,EAAC,MAFG;AAGR,QAAI,EAAC,SAHG;AAIR,MAAE,EAAC,SAJK;AAKR,eAAW,EAAE,SAAS,CAAC,qBAAD,CALd;AAMR,SAAK,EAAE,WAAW,CAAC,MAAZ,CAAmB;AANlB,GAAV,CAVF,EAkBE,oDAAC,gGAAD,EAAU;AACR,SAAK,EAAE,SAAS,CAAC,cAAD,CADR;AAER,QAAI,EAAC,MAFG;AAGR,QAAI,EAAC,OAHG;AAIR,MAAE,EAAC,OAJK;AAKR,eAAW,EAAE,SAAS,CAAC,yBAAD,CALd;AAMR,SAAK,EAAE,WAAW,CAAC,MAAZ,CAAmB;AANlB,GAAV,CAlBF,EA0BE,oDAAC,gGAAD,EAAU;AACR,SAAK,EAAE,SAAS,CAAC,UAAD,CADR;AAER,QAAI,EAAC,MAFG;AAGR,QAAI,EAAC,UAHG;AAIR,MAAE,EAAC,UAJK;AAKR,eAAW,EAAE,SAAS,CAAC,qBAAD,CALd;AAMR,SAAK,EAAE,WAAW,CAAC,MAAZ,CAAmB;AANlB,GAAV,CA1BF,EAkCG,KAAK,IACJ,oDAAC,gGAAD,EAAU;AACR,SAAK,EAAE,SAAS,CAAC,UAAD,CADR;AAER,QAAI,EAAC,UAFG;AAGR,QAAI,EAAC,UAHG;AAIR,MAAE,EAAC,UAJK;AAKR,eAAW,EAAE,SAAS,CAAC,qBAAD,CALd;AAMR,SAAK,EAAE,WAAW,CAAC,MAAZ,CAAmB;AANlB,GAAV,CAnCJ,EA4CG,QAAQ,KAAK,0EAAS,CAAC,OAAvB,IACC,oDAAC,gGAAD,EAAU;AACR,QAAI,EAAC,WADG;AAER,SAAK,EAAE,SAAS,CAAC,WAAD;AAFR,GAAV,EAIG;AAAA,WACC;AAAK,eAAS,EAAE,sBAAsB,CAAC,WAAD;AAAtC,OACE,oDAAC,8GAAD,EAAgB;AACd,eAAS,EAAC,yCADI;AAEd,gBAAU,EAAE,UAFE;AAGd,cAAQ,EAAE,WAAW,CAAC,MAAZ,CAAmB,eAHf;AAId,cAAQ,EAAE,kBAAC,SAAD,EAAyB;AACjC,mBAAW,CAAC,aAAZ,CAA0B,WAA1B,EAAuC,SAAS,CAAC,IAAjD;AACA,mBAAW,CAAC,aAAZ,CAA0B,iBAA1B,EAA6C;AAC3C,YAAE,EAAE,SAAS,CAAC,EAD6B;AAE3C,cAAI,EAAE,SAAS,CAAC,IAF2B;AAG3C,qBAAW,EAAE,SAAS,CAAC,WAHoB;AAI3C,eAAK,EAAE,SAAS,CAAC;AAJ0B,SAA7C;AAMD;AAZa,KAAhB,CADF,CADD;AAAA,GAJH,CA7CJ,EAqEE;AAAK,aAAS,EAAC;AAAf,KACE;AAAQ,QAAI,EAAC,QAAb;AAAsB,aAAS,EAAC,mBAAhC;AAAoD,WAAO,EAAE;AAA7D,KACE,oDAAC,0EAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAC;AAA9B,GAAL,CADF,CADF,EAIE,oDAAC,sGAAD,EAAY;AAAC,SAAK,EAAE,KAAR;AAAe,WAAO,EAAE,OAAxB;AAAiC,cAAU,EAAE;AAA7C,GAAZ,CAJF,CArEF,CADF;AA8ED,C;;;;;;;;;;;;ACtHD;AAAA;AAAA;AAAA;AAAA;AAGA,IAAM,cAAc,GAAG,EAAvB;;AAQA,SAAS,SAAT,CAAmB,KAAnB,EAAwC;AAAA,MAC9B,SAD8B,GACI,KADJ,CAC9B,SAD8B;AAAA,MACnB,QADmB,GACI,KADJ,CACnB,QADmB;AAAA,MACT,QADS,GACI,KADJ,CACT,QADS;;AAGtC,WAAS,SAAT,CAAmB,CAAnB,EAAyC;AACvC,QAAI,QAAQ,IAAI,CAAC,CAAC,OAAF,KAAc,cAA9B,EACE;AAEF,YAAQ,CAAC,SAAD,CAAR;AACD;;AAED,MAAM,SAAS,GAAG,QAAQ,GAAG,YAAH,GAAkB,aAA5C;AAEA,SACE;AACE,aAAS,+DAAwD,SAAxD,CADX;AAEE,QAAI,EAAC,OAFP;AAEc,oBACE,QAHhB;AAIE,WAAO,EAAE;AAAA,aAAM,QAAQ,CAAC,SAAD,CAAd;AAAA,KAJX;AAKE,YAAQ,EAAE,CALZ;AAME,aAAS,EAAE;AANb,KAQG,SAAS,CAAC,IARb,CADF;AAYD;;AASK,SAAU,eAAV,CAA0B,KAA1B,EAAqD;AAAA,MACjD,UADiD,GACH,KADG,CACjD,UADiD;AAAA,MACrC,QADqC,GACH,KADG,CACrC,QADqC;AAAA,MAC3B,QAD2B,GACH,KADG,CAC3B,QAD2B;AAAA,MACjB,SADiB,GACH,KADG,CACjB,SADiB;AAGzD,SACE;AAAK,QAAI,EAAC,YAAV;AAAuB,aAAS,EAAE;AAAlC,KACG,UAAU,CAAC,GAAX,CAAe,WAAC;AAAA,WACf,2DAAC,SAAD,EAAU;AACR,SAAG,EAAE,CAAC,CAAC,EADC;AAER,eAAS,EAAE,CAFH;AAGR,cAAQ,EAAE,CAAC,CAAC,QAAF,IAAc,CAAC,CAAC,EAAF,KAAS,QAAQ,CAAC,EAHlC;AAIR,cAAQ,EAAE;AAJF,KAAV,CADe;AAAA,GAAhB,CADH,CADF;AAYD,C;;;;;;;;;;;;AC3DD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAEA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,4BAAjC,CAAlB;AAEO,IAAM,2BAA2B,GAAG,SAA9B,2BAA8B,CAAC,UAAD,EAA2B,MAA3B,EAA+C;;;AACxF,MAAM,MAAM,GAAG,kDAAM,GAAG,KAAT,CAAe;AAC5B,aAAS,EAAE,kDAAM,GACd,GADQ,CACJ,GADI,EACC;AAAA,aAAM,SAAS,CAAC,aAAD,CAAf;AAAA,KADD,EAER,QAFQ,CAEC;AAAA,aAAM,SAAS,CAAC,cAAD,CAAf;AAAA,KAFD,aAGA,EAHA,CADiB;AAK5B,WAAO,EAAE,kDAAM,GACZ,GADM,CACF,GADE,EACG;AAAA,aAAM,SAAS,CAAC,gBAAD,CAAf;AAAA,KADH,EAEN,QAFM,CAEG;AAAA,aAAM,SAAS,CAAC,iBAAD,CAAf;AAAA,KAFH,aAGE,EAHF,CALmB;AAS5B,aAAS,EAAE,kDAAM,aAAN,CACA,EADA,CATiB;AAW5B,YAAQ,EAAE,kDAAM,GACb,GADO,CACH,GADG,EACE;AAAA,aAAM,SAAS,CAAC,iBAAD,CAAf;AAAA,KADF,EAEP,QAFO,CAEE;AAAA,aAAM,SAAS,CAAC,kBAAD,CAAf;AAAA,KAFF,aAGC,EAHD,CAXkB;AAe5B,cAAU,EAAE,kDAAM,EAfU;AAgB5B,YAAQ,EAAE,iDAAK,aAAL,CAA2B,0EAAS,CAAC,OAArC,CAhBkB;AAiB5B,UAAM,EAAE,kDAAM,EAjBc;AAkB5B,cAAU,EAAE,kDAAM,EAlBU;AAmB5B,UAAM,EAAE,kDAAM,EAnBc;AAoB5B,oBAAgB,EAAE,mDAAO,aAAP,CAAkB,KAAlB;AApBU,GAAf,CAAf;;AAuBA,YAAI,UAAJ,MAAc,IAAd,IAAc,aAAd,GAAc,MAAd,GAAc,GAAE,MAAhB,EAAwB;AACtB,UAAM,CAAC,KAAP,CAAa;AACX,qBAAe,EAAE,iDAAK,GACnB,QADc,CACL;AAAA,eAAM,SAAS,CAAC,mBAAD,CAAf;AAAA,OADK,EAEd,IAFc,CAET,iBAFS,EAEU,SAAS,CAAC,kBAAD,CAFnB,EAEyC,aAAG;AAAA,eAAI,CAAC,CAAC,UAAU,CAAC,IAAX,CAAgB,WAAC;AAAA,iBAAI,CAAC,CAAC,EAAF,KAAS,GAAG,CAAC,EAAjB;AAAA,SAAjB,CAAN;AAAA,OAF5C;AADN,KAAb;AAKD,GA9BuF,CAgCxF;;;AACA,MAAI,CAAC,MAAL,EAAa;AACX,UAAM,CAAC,KAAP,CAAa;AACX,WAAK,EAAE,kDAAM,GACV,GADI,CACA,GADA,EACK;AAAA,eAAM,SAAS,CAAC,cAAD,CAAf;AAAA,OADL,EAEJ,KAFI,CAEE;AAAA,eAAM,SAAS,CAAC,YAAD,CAAf;AAAA,OAFF,aAGI,EAHJ;AADI,KAAb;AAMD;;AAED,SAAO,MAAP;AACD,CA3CM;AA6CA,IAAM,6BAA6B,GAAG,SAAhC,6BAAgC,CAAC,UAAD,EAA6B;AACxE,SAAO,2BAA2B,CAAC,UAAD,EAAa,IAAb,CAA3B,CAA8C,KAA9C,CAAoD;AACzD,YAAQ,EAAE,kDAAM,aAAN,CAAiB,EAAjB,CAD+C;AAEzD,yBAAqB,EAAE,mDAAO,aAAP,CAAkB,IAAlB,CAFkC;AAGzD,SAAK,EAAE,kDAAM,GACV,GADI,CACA,GADA,EACK;AAAA,aAAM,SAAS,CAAC,cAAD,CAAf;AAAA,KADL,EAEJ,QAFI,CAEK;AAAA,aAAM,SAAS,CAAC,eAAD,CAAf;AAAA,KAFL,EAGJ,KAHI,CAGE;AAAA,aAAM,SAAS,CAAC,YAAD,CAAf;AAAA,KAHF,aAII,EAJJ;AAHkD,GAApD,CAAP;AASD,CAVM,C;;;;;;;;;;;;ACrDP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAGA;AACA;AACA;AAGA;AAEA;AAEA;AAEA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,sBAAjC,CAAlB;AAOM,SAAU,YAAV,CAAuB,KAAvB,EAA+C;AACnD,MAAM,MAAM,GAAG,kFAAS,EAAxB;AAEA,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AAEA,MAAM,IAAI,GAAG,6DAAM,CAAC,aAAP,CAA2B,uGAAkB,CAAC,OAAnB,CAA2B,KAAK,CAAC,EAAjC,CAA3B,CAAb;AACA,MAAM,WAAW,GAAG,6DAAM,CAAC,aAAP,CAAkC,0FAAY,CAAC,WAAb,EAAlC,CAApB;AACA,MAAM,UAAU,GAAG,6DAAM,CAAC,aAAP,CAAkC,WAAW,CAAC,IAAZ,IACnD,uGAAkB,CAAC,UAAnB,CAA8B,WAAW,CAAC,IAAZ,CAAiB,UAA/C,CADiB,CAAnB;;AAGA,MAAM,QAAQ,GAAG,SAAX,QAAW,CAAC,IAAD,EAA0B;AACzC,iEAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,uGAAkB,CAAC,UAAnB,CAA8B,IAA9B,EAAoC,WAAW,CAAC,IAAZ,CAAiB,EAArD,EAAyD,YAAK;AACnF,yFAAe,CAAC,aAAhB,CAA8B,IAA9B,EAAoC,KAAK,CAAC,gBAA1C;AAEA,YAAM,CAAC,OAAP,CAAe,SAAS,CAAC,SAAD,CAAxB;AACD,KAJsB,EAIpB,YAAK;AACN,YAAM,CAAC,KAAP,CAAa,SAAS,CAAC,OAAD,CAAtB;AACD,KANsB,EAMpB,YAAK;AACN,WAAK,CAAC,UAAN;AACD,KARsB,CAAvB;AASD,GAVD;;AAYA,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,IAAP,IAAe,CAAC,CAAC,WAAW,CAAC,IAA7B,IAAqC,CAAC,CAAC,UAAU,CAAC,IAAnE;AAEA,SACE,2DAAC,6EAAD,EAAM;AAAC,cAAU,EAAE,KAAK,CAAC,UAAnB;AAA+B,SAAK,EAAE,SAAS,CAAC,YAAD,CAA/C;AAA+D,sBAAkB,EAAE,CAAC;AAApF,GAAN,EACG,QAAQ,IACP,2DAAC,8GAAD,EAAgB;AACd,YAAQ,EAAE,KAAK,CAAC,QADF;AAEd,cAAU,EAAE,UAAU,CAAC,IAFT;AAGd,iBAAa,EAAE;AACb,YAAM,EAAE,IAAI,CAAC,IAAL,CAAU,EADL;AAEb,eAAS,EAAE,IAAI,CAAC,IAAL,CAAU,IAFR;AAGb,aAAO,EAAE,IAAI,CAAC,IAAL,CAAU,OAHN;AAIb,cAAQ,EAAE,IAAI,CAAC,IAAL,CAAU,QAJP;AAKb,gBAAU,EAAE,WAAW,CAAC,IAAZ,CAAiB,UALhB;AAMb,WAAK,EAAE,IAAI,CAAC,IAAL,CAAU,KANJ;AAOb,eAAS,EAAE,IAAI,CAAC,IAAL,CAAU,SAPR;AAQb,qBAAe,EAAE,IAAI,CAAC,IAAL,CAAU,eARd;AASb,cAAQ,EAAE,IAAI,CAAC,IAAL,CAAU,QATP;AAUb,gBAAU,EAAE,IAAI,CAAC,IAAL,CAAU,IAVT;AAWb,YAAM,EAAE,IAAI,CAAC,IAAL,CAAU,MAXL;AAYb,sBAAgB,EAAE,IAAI,CAAC,IAAL,CAAU;AAZf,KAHD;AAiBd,YAAQ,EAAE,QAjBI;AAkBd,iBAAa,EAAE,KAAK,CAAC;AAlBP,GAAhB,CAFJ,CADF;AA0BD,C","file":"scripts/53.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\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};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { PropsWithPopupViewProps, PropsWithAnalyticsOptions, User, 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 { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\nimport { EditUserDetails } from 'apps/user-manager/components/edit-user-details/EditUserDetails';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('userManager.editUser');\r\n\r\ntype EditUserViewProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{\r\n  id: string;\r\n  userType: UserGroup\r\n}>>;\r\n\r\nexport function EditUserView(props: EditUserViewProps): React.ReactElement {\r\n  const alerts = useAlerts();\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const user = Flight.useBasicFetch<User>(SchoolUserRequests.getUser(props.id));\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(currentUser.data &&\r\n    SchoolUserRequests.yearGroups(currentUser.data.customerId));\r\n\r\n  const saveUser = (user: EditUserRequest) => {\r\n    Flight.fetch(dispatch, SchoolUserRequests.updateUser(user, currentUser.data.id, () => {\r\n      AnalyticsHelper.logUserAction(user, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success'));\r\n    }, () => {\r\n      alerts.error(getPhrase('error'));\r\n    }, () => {\r\n      props.closePopup();\r\n    }));\r\n  };\r\n\r\n  const isLoaded = !!user.data && !!currentUser.data && !!yearGroups.data;\r\n\r\n  return (\r\n    <Popup closePopup={props.closePopup} title={getPhrase('popupTitle')} showLoadingSpinner={!isLoaded}>\r\n      {isLoaded && (\r\n        <EditUserDetails\r\n          userType={props.userType}\r\n          yearGroups={yearGroups.data}\r\n          initialValues={{\r\n            userId: user.data.id,\r\n            firstName: user.data.name,\r\n            surname: user.data.surname,\r\n            userType: user.data.userType,\r\n            customerId: currentUser.data.customerId,\r\n            email: user.data.email,\r\n            yearGroup: user.data.yearGroup,\r\n            masterYearGroup: user.data.masterYearGroup,\r\n            username: user.data.username,\r\n            masterRole: user.data.role,\r\n            roleId: user.data.roleId,\r\n            isPrimaryContact: user.data.isPrimaryContact\r\n          }}\r\n          saveUser={saveUser}\r\n          onClickCancel={props.closePopup}\r\n        />\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/54-aa1a08cdbf.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[54],{1006:function(a,t,e){"use strict";e.d(t,"a",(function(){return i}));var n=e(27),i={createViewKey:function(a){return{url:"/api/player/create-view-key",key:"view:key:".concat(a),type:n.a.POST,data:{mediaId:a.toString()}}}}},1029:function(a,t,e){"use strict";e.d(t,"a",(function(){return i}));var n=e(27),i={clip:function(a){return{key:"clip:".concat(a),url:"/api/domain/v2/objects/".concat(a,"?query=video[thumbnail],owner")}},createClip:function(a,t,e,i,c){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(a,"/clips"),data:t,type:n.a.POST,success:e,error:i,always:c}},updateClip:function(a,t,e,i,c){return{key:"clip:".concat(a),url:"/api/domain/v2/objects/".concat(a),data:t,type:n.a.PUT,success:e,error:i,always:c}},deleteClip:function(a,t,e,i,c){return{key:"clip:".concat(a),url:"/api/domain/v2/objects/".concat(a),type:n.a.DELETE,invalidationKeys:["videos:".concat(t)],success:e,error:i,always:c}}}},1454:function(a,t,e){"use strict";e.r(t),e.d(t,"PlayClipView",(function(){return C}));var n=e(0),i=e(19),c=e(304),o=e(103),r=e(9),l=e(165),s=e(1006),p=e(142),u=e(961),d=e(161),m=e(101),y=e(70),f=e(471),v=e(1029),g=e(72),w=e(7),b=e(13);function h(a,t){return function(a){if(Array.isArray(a))return a}(a)||function(a,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(a)))return;var e=[],n=!0,i=!1,c=void 0;try{for(var o,r=a[Symbol.iterator]();!(n=(o=r.next()).done)&&(e.push(o.value),!t||e.length!==t);n=!0);}catch(a){i=!0,c=a}finally{try{n||null==r.return||r.return()}finally{if(i)throw c}}return e}(a,t)||function(a,t){if(!a)return;if("string"==typeof a)return E(a,t);var e=Object.prototype.toString.call(a).slice(8,-1);"Object"===e&&a.constructor&&(e=a.constructor.name);if("Map"===e||"Set"===e)return Array.from(a);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return E(a,t)}(a,t)||function(){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 E(a,t){(null==t||t>a.length)&&(t=a.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=a[e];return n}var k=r.a.encloseNamespace("shared.playClip");function N(a,t,e){var n,i=[],c=t.id===(null===(n=a.owner)||void 0===n?void 0:n.id);return c&&e(m.a.CreateClips)&&i.push({label:k("editClip"),appLink:{application:w.a.DEFAULT,action:b.a.Default.EDIT_CLIP,args:[a.id]},analyticsData:{id:a.id},analyticsOptions:{actionType:l.n.Edit,entity:l.d.Clip,location:l.j.PlayPage,workflowPhase:l.o.Start}}),c&&e(m.a.CreateClips)&&i.push({label:k("deleteClip"),appLink:{application:w.a.DEFAULT,action:b.a.Default.DELETE_CLIP,args:[a.id]},className:"text-danger",analyticsData:{id:a.id},analyticsOptions:{actionType:l.n.Delete,entity:l.d.Clip,location:l.j.PlayPage,workflowPhase:l.o.Start}}),i}function C(a){var t,e=Object(d.a)().hasPermissions,r=i.a.useBasicFetch(p.a.config()),l=i.a.useBasicFetch(y.a.currentUser()),m=i.a.useBasicFetch(v.a.clip(a.id)),w=i.a.useBasicFetch(s.a.createViewKey(a.id)),b=h(Object(o.a)(g.a.WEB_PLAYER_DATA),2)[1];return Object(c.a)(null===(t=m.data)||void 0===t?void 0:t.name),n.useEffect((function(){b("allowFloatingPlayer",!1)}),[]),n.createElement("div",{className:"pb-3"},!!w.data&&!!r.data&&n.createElement(f.a,{viewKey:w.data.viewKey,playerApi:r.data.playerApiUrl,hotkeyElQuerySelector:"body",className:"mb-3",autoplay:!0}),!!m.data&&!!l.data&&n.createElement("div",{className:"d-flex justify-content-between align-items-center"},n.createElement("h1",{className:"h3 d-inline-block m-0"},m.data.name),n.createElement(u.a,{actions:N(m.data,l.data,e)})))}},960:function(a,t,e){a.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},961:function(a,t,e){"use strict";var n=e(0),i=e(184),c=e(306),o=e(45),r=e(48),l=e(64),s=e(58),p=e(17),u=e(960),d=e.n(u);function m(a){var t="dropdown-item";return a&&(t+=" ".concat(a)),t}function y(a){if(a.action.appLink)return n.createElement(s.a,{appLink:a.action.appLink,onClick:a.action.onClick,className:m(a.action.className),analyticsData:a.action.analyticsData,analyticsOptions:a.action.analyticsOptions},a.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(m(a.action.className)),onClick:function(t){a.action.analyticsData&&a.action.analyticsOptions&&r.a.logUserAction(a.action.analyticsData,a.action.analyticsOptions),o.a.isFunction(a.action.onClick)&&a.action.onClick(t)}},a.action.label)}function f(a){if(!a.actions||!a.actions.length)return n.createElement(n.Fragment,null);var t="dropdown";a.className&&(t+=" ".concat(a.className));var e="actions-dropdown-".concat(c.a.getRandomInt()),i="dropdown-toggle px-0 ".concat(d.a.dropdownToggle);return a.dropdownToggleClassName&&(i+=" ".concat(a.dropdownToggleClassName)),n.createElement("div",{className:t},n.createElement("button",{className:i,type:"button",id:e,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(l.a,{svgName:p.b.More,size:l.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":e},a.actions.map((function(a,t){return n.createElement(y,{key:t,action:a})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=e(308);function g(a){var t=[],e=[];a.actions.forEach((function(a){a.button?t.push(a):e.push(a)}));var c="d-flex";return a.className&&(c+=" ".concat(a.className)),n.createElement("div",{className:c},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:d.a.buttonList},t.map((function(a,t){return n.createElement(n.Fragment,{key:t},a.label?n.createElement(v.a,{appLink:a.appLink,onClick:a.onClick,svgName:a.svgName,className:a.className,tooltip:a.tooltip,showSpinner:a.showSpinner,analyticsData:a.analyticsData,analyticsOptions:a.analyticsOptions},a.label):n.createElement(i.a,{appLink:a.appLink,onClick:a.onClick,svgName:a.svgName,className:a.className,analyticsData:a.analyticsData,analyticsOptions:a.analyticsOptions}))}))),a.sortComponent?a.sortComponent:"",!!e.length&&n.createElement(f,{actions:e,className:!!t.length&&"ml-2",dropdownToggleClassName:a.actionsDropdownClassName})))}e.d(t,"a",(function(){return g}))}}]);