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

package/dist/index.cjs.js

@@ -5757,13 +5757,17 @@ var useFilters = function useFilters(_ref) {
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var searchKeywordProps = {
+    node: "first_name,last_name,email",
+    value: searchTerm,
+    key: "search_term"
+  };
   var _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     emailSearchTerm = _useState2[0],
     setEmailSearchTerm = _useState2[1];
-  var defaultNeetoFilters = neetoFiltersFrontend.buildFiltersFromURL((_config$filterColumns = config === null || config === void 0 ? void 0 : config.filterColumns) !== null && _config$filterColumns !== void 0 ? _config$filterColumns : defaultNeetoFiltersColumns());
+  var defaultNeetoFilters = neetoFiltersFrontend.buildFiltersFromURL([].concat(_toConsumableArray((_config$filterColumns = config === null || config === void 0 ? void 0 : config.filterColumns) !== null && _config$filterColumns !== void 0 ? _config$filterColumns : defaultNeetoFiltersColumns()), [searchKeywordProps]));
   var _useState3 = React.useState(_objectSpread$7(_objectSpread$7(_objectSpread$7({}, DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues), {}, {
-      searchTerm: searchTerm,
       neetoFilters: defaultNeetoFilters,
       category: getValidCategory(URL_CATEGORY_FILTER_VALUE, config === null || config === void 0 || (_config$defaultFilter = config.defaultFilterValues) === null || _config$defaultFilter === void 0 ? void 0 : _config$defaultFilter.category)
     })),
@@ -5808,8 +5812,8 @@ var useFilters = function useFilters(_ref) {
     filters: filters,
     setFilters: setFilters,
     filterColumns: filterColumns,
-    searchTerm: searchTerm,
-    searchProps: searchProps
+    searchProps: searchProps,
+    searchKeywordProps: searchKeywordProps
   };
 };
 
@@ -6231,9 +6235,7 @@ var Left = function Left(_ref) {
     onClose: function onClose() {
       return setAlertType("");
     },
-    onSubmit: function onSubmit() {
-      return handleAlertClose();
-    }
+    onSubmit: handleAlertClose
   }));
 };
 var Right = reactUtils.withT(function (_ref3) {
@@ -6242,7 +6244,8 @@ var Right = reactUtils.withT(function (_ref3) {
     filterColumns = _ref3.filterColumns,
     handleNeetoFilterChange = _ref3.handleNeetoFilterChange,
     setIsFiltersPaneOpen = _ref3.setIsFiltersPaneOpen,
-    isFiltersPaneOpen = _ref3.isFiltersPaneOpen;
+    isFiltersPaneOpen = _ref3.isFiltersPaneOpen,
+    searchKeywordProps = _ref3.searchKeywordProps;
   return /*#__PURE__*/React__default["default"].createElement(SubHeaderMolecule__default["default"].RightBlock, {
     columnsButtonProps: {
       columnData: columns,
@@ -6257,7 +6260,8 @@ var Right = reactUtils.withT(function (_ref3) {
       columns: filterColumns,
       isOpen: isFiltersPaneOpen,
       setIsOpen: setIsFiltersPaneOpen,
-      onChange: handleNeetoFilterChange
+      onChange: handleNeetoFilterChange,
+      keyword: searchKeywordProps
     }
   });
 });
@@ -6466,7 +6470,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 +6624,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 +6672,7 @@ var MultipleEmailInput = reactUtils.withT(function (_ref) {
     placeholder: t("neetoTeamMembers.placeholders.email"),
     ref: innerRef
   }));
-});
+};
 
 var NameInputs = function NameInputs(_ref) {
   var innerRef = _ref.innerRef;
@@ -7047,10 +7060,9 @@ var TeamMembers = function TeamMembers(_ref) {
     filters = _useFilters.filters,
     setFilters = _useFilters.setFilters,
     filterColumns = _useFilters.filterColumns,
-    searchTerm = _useFilters.searchTerm,
-    searchProps = _useFilters.searchProps;
+    searchProps = _useFilters.searchProps,
+    searchKeywordProps = _useFilters.searchKeywordProps;
   var _useFetchMembers = useFetchMembers(_objectSpread(_objectSpread({}, filters), {}, {
-      searchTerm: encodeURIComponent(searchTerm),
       category: filters.category.toLowerCase()
     }), {
       enabled: isViewPermissionGranted
@@ -7174,10 +7186,12 @@ var TeamMembers = function TeamMembers(_ref) {
       filterColumns: filterColumns,
       handleNeetoFilterChange: handleNeetoFilterChange,
       isFiltersPaneOpen: isFiltersPaneOpen,
+      searchKeywordProps: searchKeywordProps,
       setIsFiltersPaneOpen: setIsFiltersPaneOpen
     })
   }), /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
     columns: filterColumns,
+    keyword: searchKeywordProps,
     setIsPaneOpen: setIsFiltersPaneOpen,
     onChange: handleNeetoFilterChange
   }), /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {