@bigbinary/neeto-team-members-frontend 2.12.1 → 2.13.0

package/dist/index.cjs.js

@@ -6466,7 +6466,8 @@ var renderPayload = function renderPayload(_ref) {
     active: true,
     firstName: firstName.trim(),
     lastName: lastName.trim(),
-    organizationRole: role
+    organizationRole: role,
+    email: emails[0].value
   } : {
     user: {
       emails: ramda.pluck("value", emails),
@@ -6619,35 +6620,43 @@ var FORM_PAGES = {
   APP_LIST: "appList",
   CONFIRMATION: "confirmation"
 };
-var OWNER_CANT_CHANGE_USER_EMAIL_KB_ARTICLE_URL = "https://neetoauthhelp.neetokb.com/articles/owner-cant-change-other-users-email";
+var EMAIL_REGEX = new RegExp("^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$", "i");
 
-var MultipleEmailInput = reactUtils.withT(function (_ref) {
+var MultipleEmailInput = function MultipleEmailInput(_ref) {
   var _head;
-  var t = _ref.t,
-    _ref$emails = _ref.emails,
+  var _ref$emails = _ref.emails,
     emails = _ref$emails === void 0 ? [] : _ref$emails,
     innerRef = _ref.innerRef,
     _ref$selectedMember = _ref.selectedMember,
     selectedMember = _ref$selectedMember === void 0 ? null : _ref$selectedMember;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik$1.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var handleInputChange = function handleInputChange(event) {
+    var email = event.target.value;
+    var emailList = [{
+      label: email,
+      value: email,
+      valid: EMAIL_REGEX.test(email)
+    }];
+    setFieldValue("emails", emailList);
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-w-full"
   }, selectedMember ? /*#__PURE__*/React__default["default"].createElement(formik.Input, {
-    disabled: true,
     "data-cy": "ntm-manage-member-email-input",
     name: "emails",
     size: "medium",
+    type: "email",
     value: (_head = ramda.head(emails)) === null || _head === void 0 ? void 0 : _head.value,
     label: /*#__PURE__*/React__default["default"].createElement("span", {
       className: "neeto-ui-w-full neeto-ui-flex neeto-ui-justify-between"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       component: "span",
       style: "body2"
-    }, t("neetoTeamMembers.common.email", constants.SINGULAR)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      href: OWNER_CANT_CHANGE_USER_EMAIL_KB_ARTICLE_URL,
-      label: t("neetoTeamMembers.helpers.whyIsItDisabled"),
-      style: "link",
-      target: "_blank"
-    }))
+    }, t("neetoTeamMembers.common.email", constants.SINGULAR))),
+    onChange: handleInputChange
   }) : /*#__PURE__*/React__default["default"].createElement(formik.MultiEmailInput, {
     required: true,
     counter: COUNTER_PROPS,
@@ -6659,7 +6668,7 @@ var MultipleEmailInput = reactUtils.withT(function (_ref) {
     placeholder: t("neetoTeamMembers.placeholders.email"),
     ref: innerRef
   }));
-});
+};
 
 var NameInputs = function NameInputs(_ref) {
   var innerRef = _ref.innerRef;