@bigbinary/neeto-team-members-frontend 3.0.3 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/app/javascript/src/translations/en.json +2 -0
  2. package/dist/index.cjs.js +274 -170
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.js +148 -70
  5. package/dist/index.js.map +1 -1
  6. package/package.json +13 -12
package/dist/index.cjs.js CHANGED
@@ -4,14 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
6
6
  var React = require('react');
7
- var neetoui = require('@bigbinary/neetoui');
7
+ var Pane = require('@bigbinary/neetoui/Pane');
8
+ var Typography = require('@bigbinary/neetoui/Typography');
8
9
  var reactI18next = require('react-i18next');
9
10
  var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-frontend');
10
11
  var neetoCist = require('@bigbinary/neeto-cist');
11
12
  var neetoIcons = require('@bigbinary/neeto-icons');
12
13
  var Container = require('@bigbinary/neeto-molecules/Container');
13
14
  var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
14
- var formik$1 = require('@bigbinary/neetoui/formik');
15
+ var Button = require('@bigbinary/neetoui/Button');
16
+ var Callout = require('@bigbinary/neetoui/Callout');
17
+ var Label = require('@bigbinary/neetoui/Label');
18
+ var Radio = require('@bigbinary/neetoui/Radio');
19
+ var Toastr = require('@bigbinary/neetoui/Toastr');
20
+ var Input = require('@bigbinary/neetoui/formik/Input');
21
+ var Select = require('@bigbinary/neetoui/formik/Select');
22
+ var Form = require('@bigbinary/neetoui/formik/Form');
23
+ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
15
24
  var i18next = require('i18next');
16
25
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
17
26
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -20,20 +29,35 @@ var axios = require('axios');
20
29
  var yup = require('yup');
21
30
  var ramda = require('ramda');
22
31
  var formik = require('formik');
32
+ var Avatar = require('@bigbinary/neetoui/Avatar');
23
33
  var withImmutableActions = require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
24
34
  var zustand = require('zustand');
25
35
  var shallow = require('zustand/shallow');
26
36
  var devtools = require('react-query/devtools');
27
37
  var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
38
+ var Tooltip = require('@bigbinary/neetoui/Tooltip');
39
+ var Textarea = require('@bigbinary/neetoui/formik/Textarea');
40
+ var Checkbox = require('@bigbinary/neetoui/Checkbox');
41
+ var NoData = require('@bigbinary/neetoui/NoData');
28
42
  var classnames = require('classnames');
29
43
  var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
44
+ var Alert = require('@bigbinary/neetoui/Alert');
45
+ var Input$1 = require('@bigbinary/neetoui/Input');
30
46
  var utils$3 = require('@bigbinary/neeto-commons-frontend/utils');
31
47
  var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
32
48
  var Columns$1 = require('@bigbinary/neeto-molecules/Columns');
33
49
  var SubHeaderMolecule = require('@bigbinary/neeto-molecules/SubHeader');
34
50
  var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
51
+ var Table$1 = require('@bigbinary/neetoui/Table');
35
52
  var reactRouterDom = require('react-router-dom');
36
53
  var require$$0 = require('util');
54
+ var Dropdown = require('@bigbinary/neetoui/Dropdown');
55
+ var Tag = require('@bigbinary/neetoui/Tag');
56
+ var Switch = require('@bigbinary/neetoui/formik/Switch');
57
+ var Modal = require('@bigbinary/neetoui/Modal');
58
+ var MultiEmailInput = require('@bigbinary/neetoui/formik/MultiEmailInput');
59
+ var Radio$1 = require('@bigbinary/neetoui/formik/Radio');
60
+ var Checkbox$1 = require('@bigbinary/neetoui/formik/Checkbox');
37
61
  var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
38
62
 
39
63
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -57,18 +81,44 @@ function _interopNamespace(e) {
57
81
  }
58
82
 
59
83
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
84
+ var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
85
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
60
86
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
61
87
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
88
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
89
+ var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
90
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
91
+ var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
92
+ var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
93
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
94
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
95
+ var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
96
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
62
97
  var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
63
98
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
64
99
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
100
+ var Avatar__default = /*#__PURE__*/_interopDefaultLegacy(Avatar);
65
101
  var withImmutableActions__default = /*#__PURE__*/_interopDefaultLegacy(withImmutableActions);
66
102
  var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
103
+ var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
104
+ var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
105
+ var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
106
+ var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
67
107
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
68
108
  var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
109
+ var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
110
+ var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
69
111
  var SubHeaderMolecule__default = /*#__PURE__*/_interopDefaultLegacy(SubHeaderMolecule);
70
112
  var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
113
+ var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table$1);
71
114
  var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
115
+ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
116
+ var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
117
+ var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
118
+ var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
119
+ var MultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(MultiEmailInput);
120
+ var Radio__default$1 = /*#__PURE__*/_interopDefaultLegacy(Radio$1);
121
+ var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
72
122
  var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
73
123
 
74
124
  function _typeof$1(o) {
@@ -603,7 +653,8 @@ var QUERY_KEYS = {
603
653
  TEAMS: "neeto-team-members-teams",
604
654
  TEAMS_DEPENDENCIES: "neeto-team-members-teams-dependencies",
605
655
  COUNTRIES_LIST: "countries-list",
606
- USER_PROFILE: "user-profile"
656
+ USER_PROFILE: "user-profile",
657
+ CREATION_STATUS: "creation-status"
607
658
  };
608
659
  var BASE_URL = "team_members";
609
660
  var DATE_FORMAT_OPTIONS = [{
@@ -793,7 +844,7 @@ var ProfileImage = function ProfileImage() {
793
844
  var imageFile = event.target.files[0];
794
845
  var validationError = validateProfileImage(imageFile);
795
846
  if (validationError) {
796
- neetoui.Toastr.error(validationError);
847
+ Toastr__default["default"].error(validationError);
797
848
  return validationError;
798
849
  }
799
850
  return setValue({
@@ -831,14 +882,14 @@ var ProfileImage = function ProfileImage() {
831
882
  onClick: handleRemoveImage
832
883
  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Delete, {
833
884
  size: IMAGE_DELETE_BUTTON_SIZE
834
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
885
+ }))), /*#__PURE__*/React__default["default"].createElement(Avatar__default["default"], {
835
886
  size: "extraLarge",
836
887
  user: avatarDetails
837
888
  })), /*#__PURE__*/React__default["default"].createElement("div", {
838
889
  className: "ml-4 flex flex-col"
839
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
890
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
840
891
  className: "neeto-ui-text-black mb-1 font-medium"
841
- }, t("neetoTeamMembers.profile.avatar.profilePicture")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
892
+ }, t("neetoTeamMembers.profile.avatar.profilePicture")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
842
893
  className: "neeto-ui-text-gray-700 mb-2",
843
894
  style: "body3"
844
895
  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
@@ -980,7 +1031,7 @@ var ChangeProfile = function ChangeProfile(_ref) {
980
1031
  case 18:
981
1032
  _context.prev = 18;
982
1033
  _context.t0 = _context["catch"](0);
983
- neetoui.Toastr.error(_context.t0);
1034
+ Toastr__default["default"].error(_context.t0);
984
1035
  case 21:
985
1036
  case "end":
986
1037
  return _context.stop();
@@ -994,7 +1045,7 @@ var ChangeProfile = function ChangeProfile(_ref) {
994
1045
  if (isUpdatingProfile || isFetchingCountriesList || isFetchingUserDetails) {
995
1046
  return /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null));
996
1047
  }
997
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
1048
+ return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
998
1049
  formProps: {
999
1050
  "data-cy": "ntm-profile-form"
1000
1051
  },
@@ -1006,13 +1057,13 @@ var ChangeProfile = function ChangeProfile(_ref) {
1006
1057
  }, function (_ref3) {
1007
1058
  var setFieldValue = _ref3.setFieldValue,
1008
1059
  values = _ref3.values;
1009
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
1060
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, {
1010
1061
  className: "w-full"
1011
1062
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1012
1063
  className: "w-full space-y-6 pb-6"
1013
1064
  }, /*#__PURE__*/React__default["default"].createElement(ProfileImage, null), /*#__PURE__*/React__default["default"].createElement("div", {
1014
1065
  className: "grid grid-cols-2 gap-4"
1015
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
1066
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
1016
1067
  autoFocus: true,
1017
1068
  required: true,
1018
1069
  "data-cy": "profile-first-name-text-field",
@@ -1021,7 +1072,7 @@ var ChangeProfile = function ChangeProfile(_ref) {
1021
1072
  name: "firstName",
1022
1073
  type: "text",
1023
1074
  placeholder: t("neetoTeamMembers.profile.inputs.placeholder.firstName")
1024
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
1075
+ }), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
1025
1076
  required: true,
1026
1077
  "data-cy": "profile-last-name-text-field",
1027
1078
  "data-test-id": "ntm-profile-last-name",
@@ -1029,7 +1080,7 @@ var ChangeProfile = function ChangeProfile(_ref) {
1029
1080
  name: "lastName",
1030
1081
  type: "text",
1031
1082
  placeholder: t("neetoTeamMembers.profile.inputs.placeholder.lastName")
1032
- })), /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
1083
+ })), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
1033
1084
  required: true,
1034
1085
  "data-cy": "ntm-profile-country-select",
1035
1086
  label: t("neetoTeamMembers.profile.inputs.label.selectCountry"),
@@ -1043,7 +1094,7 @@ var ChangeProfile = function ChangeProfile(_ref) {
1043
1094
  }
1044
1095
  }), /*#__PURE__*/React__default["default"].createElement("div", {
1045
1096
  className: "space-y-2"
1046
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
1097
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
1047
1098
  required: true,
1048
1099
  "data-cy": "ntm-profile-time-zone-select",
1049
1100
  name: "timeZoneId",
@@ -1054,14 +1105,14 @@ var ChangeProfile = function ChangeProfile(_ref) {
1054
1105
  setFieldValue("timeZone", option === null || option === void 0 ? void 0 : option.name);
1055
1106
  handleTimeZoneChange(option);
1056
1107
  }
1057
- })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
1108
+ })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
1058
1109
  required: true
1059
- }, t("neetoTeamMembers.profile.inputs.label.dateFormat")), /*#__PURE__*/React__default["default"].createElement(neetoui.Radio, {
1110
+ }, t("neetoTeamMembers.profile.inputs.label.dateFormat")), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
1060
1111
  className: "mt-2 space-x-4"
1061
1112
  }, DATE_FORMAT_OPTIONS.map(function (_ref4) {
1062
1113
  var label = _ref4.label,
1063
1114
  value = _ref4.value;
1064
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Radio.Item, {
1115
+ return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
1065
1116
  label: label,
1066
1117
  value: value,
1067
1118
  checked: values.dateFormat === value,
@@ -1072,11 +1123,11 @@ var ChangeProfile = function ChangeProfile(_ref) {
1072
1123
  return setFieldValue("dateFormat", event.target.value);
1073
1124
  }
1074
1125
  });
1075
- })))), /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
1126
+ })))), /*#__PURE__*/React__default["default"].createElement(Callout__default["default"], {
1076
1127
  className: "neeto-ui-bg-gray-100 neeto-ui-border-gray-300 mt-8 flex w-full items-center"
1077
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1128
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1078
1129
  style: "body2"
1079
- }, t("neetoTeamMembers.profile.common.toUpdateProfile")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1130
+ }, t("neetoTeamMembers.profile.common.toUpdateProfile")), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1080
1131
  "data-cy": "ntm-visit-auth-button",
1081
1132
  "data-test-id": "ntm-visit-auth-button",
1082
1133
  href: MY_PROFILE_PATH,
@@ -1084,9 +1135,9 @@ var ChangeProfile = function ChangeProfile(_ref) {
1084
1135
  label: t("neetoTeamMembers.profile.common.neetoAuth"),
1085
1136
  style: "link",
1086
1137
  target: "_blank"
1087
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
1138
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, {
1088
1139
  className: "flex items-center space-x-2"
1089
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
1140
+ }, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
1090
1141
  cancelButtonProps: {
1091
1142
  "data-test-id": "ntm-profile-cancel-button",
1092
1143
  "data-cy": "ntm-profile-cancel-button",
@@ -1143,10 +1194,10 @@ var Profile$1 = function Profile() {
1143
1194
  };
1144
1195
  return /*#__PURE__*/React__default["default"].createElement("div", {
1145
1196
  className: "w-full"
1146
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
1197
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
1147
1198
  isOpen: isOpen,
1148
1199
  onClose: onClose
1149
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1200
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1150
1201
  style: "h2",
1151
1202
  weight: "semibold"
1152
1203
  }, t("neetoTeamMembers.profile.common.myProfile"))), /*#__PURE__*/React__default["default"].createElement(ChangeProfile, {
@@ -2635,7 +2686,7 @@ var organizationRolesApi = {
2635
2686
 
2636
2687
  var _excluded$3 = ["onSuccess"],
2637
2688
  _excluded2$2 = ["onSuccess"],
2638
- _excluded3$1 = ["onSuccess"],
2689
+ _excluded3 = ["onSuccess"],
2639
2690
  _excluded4 = ["onSuccess"];
2640
2691
  function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2641
2692
  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -2681,7 +2732,7 @@ var useUpdateRole = function useUpdateRole(_ref2) {
2681
2732
  var useDestroyRole = function useDestroyRole(_ref4) {
2682
2733
  var _ref4$onSuccess = _ref4.onSuccess,
2683
2734
  _onSuccess3 = _ref4$onSuccess === void 0 ? neetoCist.noop : _ref4$onSuccess,
2684
- options = _objectWithoutProperties(_ref4, _excluded3$1);
2735
+ options = _objectWithoutProperties(_ref4, _excluded3);
2685
2736
  return reactQuery.useMutation(function (_ref5) {
2686
2737
  var id = _ref5.id,
2687
2738
  payload = _ref5.payload;
@@ -2727,11 +2778,11 @@ var AddRoleButton = function AddRoleButton(_ref) {
2727
2778
  var _useTranslation = reactI18next.useTranslation(),
2728
2779
  t = _useTranslation.t;
2729
2780
  var isCreatePermissionGranted = config.permissions.create;
2730
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
2781
+ return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
2731
2782
  content: t("neetoTeamMembers.tooltips.noPermissionToAddRole"),
2732
2783
  disabled: isCreatePermissionGranted,
2733
2784
  position: "bottom"
2734
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2785
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2735
2786
  "data-cy": "ntm-add-role-button",
2736
2787
  disabled: !isCreatePermissionGranted,
2737
2788
  label: t("neetoTeamMembers.labels.addNewRole"),
@@ -2745,25 +2796,26 @@ var Header$3 = function Header(_ref) {
2745
2796
  handleReset = _ref.handleReset,
2746
2797
  handleSubmit = _ref.handleSubmit,
2747
2798
  isDirty = _ref.isDirty,
2748
- setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
2799
+ setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen,
2800
+ roles = _ref.roles;
2749
2801
  var _useTranslation = reactI18next.useTranslation(),
2750
2802
  t = _useTranslation.t;
2751
2803
  var isUpdatePermissionGranted = config.permissions.update;
2752
2804
  return /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
2753
2805
  breadcrumbs: renderBreadcrumbs(config === null || config === void 0 || (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs),
2754
2806
  className: "ntm-roles-header",
2755
- searchProps: renderSearchProps(),
2756
- actionBlock: isDirty ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
2807
+ searchProps: neetoCist.isNotEmpty(roles) ? renderSearchProps() : null,
2808
+ actionBlock: isDirty ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
2757
2809
  content: t("neetoTeamMembers.tooltips.noPermissionToEditRoles"),
2758
2810
  disabled: isUpdatePermissionGranted,
2759
2811
  position: "bottom"
2760
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2812
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2761
2813
  "data-cy": "ntm-role-submission-button",
2762
2814
  disabled: !isUpdatePermissionGranted,
2763
2815
  label: t("neetoTeamMembers.buttons.saveChanges"),
2764
2816
  type: "submit",
2765
2817
  onClick: handleSubmit
2766
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2818
+ }))), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2767
2819
  "data-cy": "ntm-role-reset-button",
2768
2820
  label: t("neetoTeamMembers.buttons.reset"),
2769
2821
  style: "text",
@@ -2777,7 +2829,7 @@ var Header$3 = function Header(_ref) {
2777
2829
  }),
2778
2830
  title: /*#__PURE__*/React__default["default"].createElement("span", {
2779
2831
  className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-6"
2780
- }, t("neetoTeamMembers.common.role", constants.PLURAL), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2832
+ }, t("neetoTeamMembers.common.role", constants.PLURAL), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2781
2833
  className: "neeto-ui-mt-1",
2782
2834
  "data-cy": "ntm-roles-permission-more-info-button",
2783
2835
  href: config === null || config === void 0 ? void 0 : config.helpUrl,
@@ -3023,13 +3075,13 @@ var Permissions = function Permissions(_ref) {
3023
3075
  });
3024
3076
  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
3025
3077
  key: id
3026
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
3078
+ }, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
3027
3079
  content: tooltipMessage,
3028
3080
  disabled: !tooltipMessage || isChecked,
3029
3081
  position: "left-start"
3030
3082
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3031
3083
  className: "ntm-roles-permission__card"
3032
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
3084
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
3033
3085
  checked: isChecked,
3034
3086
  className: "flex-grow-0",
3035
3087
  "data-cy": "ntm-roles-permission-checkbox",
@@ -3048,11 +3100,11 @@ var Permissions = function Permissions(_ref) {
3048
3100
  };
3049
3101
  return /*#__PURE__*/React__default["default"].createElement("div", {
3050
3102
  className: "ntm-roles-pane__body-wrapper"
3051
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3103
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3052
3104
  lineHeight: "normal",
3053
3105
  style: "h4",
3054
3106
  weight: "semibold"
3055
- }, t("neetoTeamMembers.common.permission", constants.SINGULAR)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3107
+ }, t("neetoTeamMembers.common.permission", constants.SINGULAR)), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3056
3108
  lineHeight: "normal",
3057
3109
  style: "body2"
3058
3110
  }, t("neetoTeamMembers.helpers.configPermissions"))), Object.keys(groupedPermissions).map(function (category) {
@@ -3060,7 +3112,7 @@ var Permissions = function Permissions(_ref) {
3060
3112
  className: "ntm-roles-permission",
3061
3113
  key: category,
3062
3114
  "data-cy": "ntm-roles-permission-card"
3063
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3115
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3064
3116
  className: "ntm-roles-permission__heading neeto-ui-mb-2",
3065
3117
  "data-cy": "ntm-roles-permission-category-title",
3066
3118
  lineHeight: "normal",
@@ -3118,14 +3170,14 @@ var ManageRoles = function ManageRoles(_ref) {
3118
3170
  });
3119
3171
  var isReadOnly = selectedRole.kind === "system";
3120
3172
  var isDisabled = ADMIN_ROLES.includes(selectedRole.name) && isReadOnly;
3121
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
3173
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
3122
3174
  initialFocusRef: inputReference,
3123
3175
  isOpen: isOpen,
3124
3176
  onClose: onClose
3125
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3177
+ }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3126
3178
  "data-cy": "ntm-add-role-title",
3127
3179
  style: "h2"
3128
- }, isEdit ? t("neetoTeamMembers.labels.editRole") : t("neetoTeamMembers.labels.addNewRole"))), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
3180
+ }, isEdit ? t("neetoTeamMembers.labels.editRole") : t("neetoTeamMembers.labels.addNewRole"))), /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
3129
3181
  formikProps: formikProps,
3130
3182
  ref: formReference
3131
3183
  }, function (_ref2) {
@@ -3133,11 +3185,11 @@ var ManageRoles = function ManageRoles(_ref) {
3133
3185
  var dirty = _ref2.dirty;
3134
3186
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ScrollToErrorField, {
3135
3187
  formRef: formReference
3136
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
3188
+ }), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
3137
3189
  className: "ntm-roles-pane__body"
3138
3190
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3139
3191
  className: "ntm-roles-pane__body-wrapper"
3140
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
3192
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
3141
3193
  required: true,
3142
3194
  unlimitedChars: true,
3143
3195
  "data-cy": "ntm-add-role-name-text-field",
@@ -3147,7 +3199,7 @@ var ManageRoles = function ManageRoles(_ref) {
3147
3199
  placeholder: t("neetoTeamMembers.placeholders.enterName"),
3148
3200
  readOnly: isReadOnly,
3149
3201
  ref: inputReference
3150
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, {
3202
+ }), /*#__PURE__*/React__default["default"].createElement(Textarea__default["default"], {
3151
3203
  unlimitedChars: true,
3152
3204
  "data-cy": "ntm-add-role-description-text-field",
3153
3205
  label: t("neetoTeamMembers.common.description"),
@@ -3159,15 +3211,15 @@ var ManageRoles = function ManageRoles(_ref) {
3159
3211
  isDisabled: isDisabled,
3160
3212
  permissions: permissions,
3161
3213
  permissionRelationConfig: (_config$permissionRel = config === null || config === void 0 ? void 0 : config.permissionRelation) !== null && _config$permissionRel !== void 0 ? _config$permissionRel : {}
3162
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
3214
+ }))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
3163
3215
  className: "ntm-roles-pane__footer"
3164
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3216
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3165
3217
  "data-cy": "ntm-add-role-submit-button",
3166
3218
  disabled: !dirty || isSubmitting || isDisabled,
3167
3219
  label: t("neetoTeamMembers.buttons.saveChanges"),
3168
3220
  loading: isSubmitting,
3169
3221
  type: "submit"
3170
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3222
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
3171
3223
  "data-cy": "ntm-add-role-cancel-button",
3172
3224
  label: t("neetoTeamMembers.buttons.cancel"),
3173
3225
  style: "text",
@@ -3341,13 +3393,13 @@ var Row = function Row(_ref) {
3341
3393
  style: {
3342
3394
  height: getRowClientHeight(permission)
3343
3395
  }
3344
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
3396
+ }, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
3345
3397
  content: renderRolesTooltipContent(role.name),
3346
3398
  position: "top",
3347
3399
  disabled: isUpdatePermissionGranted && !ramda.identical(role.name, "Admin")
3348
3400
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3349
3401
  className: "ntm-roles-table-cell__checkbox-wrapper"
3350
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
3402
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
3351
3403
  disabled: true,
3352
3404
  checked: isCheckboxChecked(role),
3353
3405
  className: "ntm-roles-table-cell__checkbox",
@@ -3397,7 +3449,7 @@ var TableHeader = function TableHeader(_ref) {
3397
3449
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3398
3450
  className: "ntm-roles-table-header-cell__container",
3399
3451
  "data-cy": "ntm-roles-table-role-header"
3400
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3452
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3401
3453
  className: "ntm-roles-table-header__role-name",
3402
3454
  "data-cy": "ntm-roles-table-header-role-title",
3403
3455
  lineHeight: "normal",
@@ -3448,7 +3500,7 @@ var Delete = function Delete(_ref) {
3448
3500
  payload: payload
3449
3501
  });
3450
3502
  };
3451
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
3503
+ return /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
3452
3504
  cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
3453
3505
  isOpen: isOpen,
3454
3506
  isSubmitting: isDeleting,
@@ -3549,7 +3601,7 @@ var renderDescription = function renderDescription(permissions) {
3549
3601
  className: "ntm-roles-table-sidebar__list-item",
3550
3602
  "data-name": description,
3551
3603
  key: id
3552
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3604
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3553
3605
  "data-cy": "ntm-permission-category-description",
3554
3606
  lineHeight: "normal",
3555
3607
  style: "body2"
@@ -3579,7 +3631,7 @@ var Sidebar = function Sidebar(_ref) {
3579
3631
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3580
3632
  className: "ntm-roles-table-sidebar__search",
3581
3633
  style: searchWrapperStyle
3582
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
3634
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
3583
3635
  "data-cy": "ntm-search-permissions-input",
3584
3636
  prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
3585
3637
  type: "search",
@@ -3604,7 +3656,7 @@ var Sidebar = function Sidebar(_ref) {
3604
3656
  onClick: function onClick() {
3605
3657
  return toggleDropdown(category);
3606
3658
  }
3607
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3659
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
3608
3660
  "data-cy": "ntm-permission-category-title",
3609
3661
  lineHeight: "normal",
3610
3662
  style: "h4",
@@ -3664,7 +3716,7 @@ var Table = function Table(_ref) {
3664
3716
  className: "ntm-roles-table__container"
3665
3717
  }, ramda.isEmpty(filteredRoles) ? /*#__PURE__*/React__default["default"].createElement("div", {
3666
3718
  className: "ntm-empty-state"
3667
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
3719
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
3668
3720
  title: t("neetoTeamMembers.labels.roleNotFound", constants.PLURAL),
3669
3721
  primaryButtonProps: {
3670
3722
  "data-cy": "ntm-add-role-button",
@@ -3712,17 +3764,20 @@ var Roles = function Roles(_ref) {
3712
3764
  var config = _ref.config;
3713
3765
  var isViewPermissionGranted = config.permissions.view;
3714
3766
  var isUpdatePermissionGranted = config.permissions.update;
3715
- var _useState = React.useState(false),
3767
+ var _useState = React.useState([]),
3716
3768
  _useState2 = _slicedToArray(_useState, 2),
3717
- isNewRolePaneOpen = _useState2[0],
3718
- setIsNewRolePaneOpen = _useState2[1];
3769
+ modifiedRoles = _useState2[0],
3770
+ setModifiedRoles = _useState2[1];
3771
+ var _useState3 = React.useState(false),
3772
+ _useState4 = _slicedToArray(_useState3, 2),
3773
+ isNewRolePaneOpen = _useState4[0],
3774
+ setIsNewRolePaneOpen = _useState4[1];
3719
3775
  var _useFetchRoles = useFetchRoles({
3720
- onSuccess: function onSuccess(roles) {
3721
- return setModifiedRoles(roles);
3722
- },
3776
+ onSuccess: setModifiedRoles,
3723
3777
  enabled: isViewPermissionGranted
3724
3778
  }),
3725
- roles = _useFetchRoles.data,
3779
+ _useFetchRoles$data = _useFetchRoles.data,
3780
+ roles = _useFetchRoles$data === void 0 ? [] : _useFetchRoles$data,
3726
3781
  isRolesLoading = _useFetchRoles.isLoading;
3727
3782
  var _useQueryParams = reactUtils.useQueryParams(),
3728
3783
  _useQueryParams$searc = _useQueryParams.searchTerm,
@@ -3736,17 +3791,13 @@ var Roles = function Roles(_ref) {
3736
3791
  enabled: isUpdatePermissionGranted
3737
3792
  }),
3738
3793
  bulkUpdate = _useBulkUpdateRoles.mutate;
3739
- var _useState3 = React.useState(roles),
3740
- _useState4 = _slicedToArray(_useState3, 2),
3741
- modifiedRoles = _useState4[0],
3742
- setModifiedRoles = _useState4[1];
3743
3794
  var isDirty = neetoCist.isPresent(getModifiedPermissions(roles, modifiedRoles));
3744
3795
  var permissions = sortPermissionsBySequence(permissionData);
3745
3796
  var permissionGroups = getPermissionGroups(permissions);
3746
3797
  var filteredRoles = ramda.filter(function (_ref2) {
3747
3798
  var name = _ref2.name;
3748
3799
  return ramda.includes(searchTerm.toLowerCase().trim(), name.toLowerCase().trim());
3749
- }, modifiedRoles || []);
3800
+ }, neetoCist.isNotEmpty(modifiedRoles) ? modifiedRoles : roles);
3750
3801
  var handleSubmit = function handleSubmit() {
3751
3802
  var updatedRoles = getModifiedPermissions(roles, modifiedRoles);
3752
3803
  bulkUpdate({
@@ -3770,6 +3821,7 @@ var Roles = function Roles(_ref) {
3770
3821
  handleReset: handleReset,
3771
3822
  handleSubmit: handleSubmit,
3772
3823
  isDirty: isDirty,
3824
+ roles: roles,
3773
3825
  setIsNewRolePaneOpen: setIsNewRolePaneOpen
3774
3826
  }), /*#__PURE__*/React__default["default"].createElement(Table, {
3775
3827
  config: config,
@@ -5866,18 +5918,21 @@ var fetchFilterOptions = function fetchFilterOptions(params) {
5866
5918
  params: neetoCist.keysToSnakeCase(params)
5867
5919
  });
5868
5920
  };
5921
+ var creationStatus = function creationStatus(jobId) {
5922
+ return axios__default["default"].get("".concat(BASE_URL, "/teams/creation_status/").concat(jobId));
5923
+ };
5869
5924
  var teamsApi = {
5870
5925
  bulkUpdate: bulkUpdate,
5871
5926
  create: create,
5872
5927
  fetch: fetch,
5928
+ update: update,
5873
5929
  fetchFilterOptions: fetchFilterOptions,
5874
5930
  fetchCountsPerCategory: fetchCountsPerCategory,
5875
- update: update
5931
+ creationStatus: creationStatus
5876
5932
  };
5877
5933
 
5878
5934
  var _excluded$2 = ["onSuccess"],
5879
- _excluded2$1 = ["onSuccess"],
5880
- _excluded3 = ["onSuccess"];
5935
+ _excluded2$1 = ["onSuccess"];
5881
5936
  function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5882
5937
  function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5883
5938
  var useFetchMembers = function useFetchMembers() {
@@ -5901,38 +5956,31 @@ var useFetchMembersCountsPerCategory = function useFetchMembersCountsPerCategory
5901
5956
  refetchOnWindowFocus: false
5902
5957
  }));
5903
5958
  };
5904
- var useCreateMember = function useCreateMember(_ref) {
5959
+ var useCreateMember = function useCreateMember() {
5960
+ var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
5961
+ return reactQuery.useMutation(teamsApi.create, options);
5962
+ };
5963
+ var useUpdateMember = function useUpdateMember(_ref) {
5905
5964
  var _onSuccess = _ref.onSuccess,
5906
5965
  options = _objectWithoutProperties(_ref, _excluded$2);
5907
- return reactUtils.useMutationWithInvalidation(teamsApi.create, _objectSpread$8({
5908
- keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES],
5909
- onSuccess: function onSuccess(response) {
5910
- // @ts-ignore
5911
- _onSuccess === null || _onSuccess === void 0 || _onSuccess(response);
5912
- }
5913
- }, options));
5914
- };
5915
- var useUpdateMember = function useUpdateMember(_ref2) {
5916
- var _onSuccess2 = _ref2.onSuccess,
5917
- options = _objectWithoutProperties(_ref2, _excluded2$1);
5918
- return reactUtils.useMutationWithInvalidation(function (_ref3) {
5919
- var id = _ref3.id,
5920
- payload = _ref3.payload;
5966
+ return reactUtils.useMutationWithInvalidation(function (_ref2) {
5967
+ var id = _ref2.id,
5968
+ payload = _ref2.payload;
5921
5969
  return teamsApi.update(id, payload);
5922
5970
  }, _objectSpread$8({
5923
5971
  keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES],
5924
5972
  onSuccess: function onSuccess() {
5925
- _onSuccess2 === null || _onSuccess2 === void 0 || _onSuccess2();
5973
+ _onSuccess === null || _onSuccess === void 0 || _onSuccess();
5926
5974
  }
5927
5975
  }, options));
5928
5976
  };
5929
- var useBulkUpdateMembers = function useBulkUpdateMembers(_ref4) {
5930
- var _onSuccess3 = _ref4.onSuccess,
5931
- options = _objectWithoutProperties(_ref4, _excluded3);
5977
+ var useBulkUpdateMembers = function useBulkUpdateMembers(_ref3) {
5978
+ var _onSuccess2 = _ref3.onSuccess,
5979
+ options = _objectWithoutProperties(_ref3, _excluded2$1);
5932
5980
  return reactUtils.useMutationWithInvalidation(teamsApi.bulkUpdate, _objectSpread$8({
5933
5981
  keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES],
5934
5982
  onSuccess: function onSuccess() {
5935
- _onSuccess3 === null || _onSuccess3 === void 0 || _onSuccess3();
5983
+ _onSuccess2 === null || _onSuccess2 === void 0 || _onSuccess2();
5936
5984
  }
5937
5985
  }, options));
5938
5986
  };
@@ -5940,11 +5988,11 @@ var refetchMembers = function refetchMembers() {
5940
5988
  queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
5941
5989
  queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
5942
5990
  };
5943
- var useFetchFilterOptions = function useFetchFilterOptions(_ref5) {
5944
- var _ref5$params = _ref5.params,
5945
- params = _ref5$params === void 0 ? {} : _ref5$params,
5946
- _ref5$options = _ref5.options,
5947
- options = _ref5$options === void 0 ? {} : _ref5$options;
5991
+ var useFetchFilterOptions = function useFetchFilterOptions(_ref4) {
5992
+ var _ref4$params = _ref4.params,
5993
+ params = _ref4$params === void 0 ? {} : _ref4$params,
5994
+ _ref4$options = _ref4.options,
5995
+ options = _ref4$options === void 0 ? {} : _ref4$options;
5948
5996
  return reactQuery.useQuery([QUERY_KEYS.TEAMS_DEPENDENCIES, params], function () {
5949
5997
  return teamsApi.fetchFilterOptions(params);
5950
5998
  }, _objectSpread$8(_objectSpread$8({
@@ -5953,6 +6001,11 @@ var useFetchFilterOptions = function useFetchFilterOptions(_ref5) {
5953
6001
  refetchOnWindowFocus: false
5954
6002
  }));
5955
6003
  };
6004
+ var useMembersCreationStatus = function useMembersCreationStatus(jobId, options) {
6005
+ return reactQuery.useQuery([QUERY_KEYS.CREATION_STATUS, jobId], function () {
6006
+ return teamsApi.creationStatus(jobId);
6007
+ }, options);
6008
+ };
5956
6009
 
5957
6010
  var _getQueryParams = utils$3.getQueryParams(),
5958
6011
  page = _getQueryParams.page,
@@ -6000,7 +6053,7 @@ var TEAM_MEMBERS_HIDDEN_COLUMNS = "TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS";
6000
6053
 
6001
6054
  function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6002
6055
  function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6003
- var MenuItem$2 = neetoui.Dropdown.MenuItem;
6056
+ var MenuItem$2 = Dropdown__default["default"].MenuItem;
6004
6057
  var renderNameColumn = function renderNameColumn(_ref) {
6005
6058
  var config = _ref.config,
6006
6059
  displayStatusTag = _ref.displayStatusTag,
@@ -6015,21 +6068,21 @@ var renderNameColumn = function renderNameColumn(_ref) {
6015
6068
  className: "ntm-members-table__wrapper"
6016
6069
  }, /*#__PURE__*/React__default["default"].createElement("div", {
6017
6070
  className: "ntm-members-table__column"
6018
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Avatar, {
6071
+ }, /*#__PURE__*/React__default["default"].createElement(Avatar__default["default"], {
6019
6072
  size: "medium",
6020
6073
  user: {
6021
6074
  name: name,
6022
6075
  imageUrl: imageUrl
6023
6076
  }
6024
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
6077
+ }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
6025
6078
  "data-cy": "ntm-member-name-".concat(utils$3.hyphenize(name)),
6026
6079
  style: "body2"
6027
- }, name), displayStatusTag && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
6080
+ }, name), displayStatusTag && /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
6028
6081
  "data-cy": "ntm-member-status-tag",
6029
6082
  style: active ? "primary" : "secondary",
6030
6083
  type: "outline",
6031
6084
  label: active ? i18next__default["default"].t(MEMBER_FILTER.ACTIVE.label) : i18next__default["default"].t(MEMBER_FILTER.DEACTIVATED.label)
6032
- }), subscriptionPlan === SUBSCRIPTION_PLANS.PRO && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
6085
+ }), subscriptionPlan === SUBSCRIPTION_PLANS.PRO && /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
6033
6086
  className: "neeto-ui-text-transform-uppercase",
6034
6087
  "data-cy": "ntm-member-subscription-plan-tag",
6035
6088
  label: i18next__default["default"].t("neetoTeamMembers.common.pro"),
@@ -6065,7 +6118,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
6065
6118
  position: "top"
6066
6119
  }
6067
6120
  },
6068
- menuTopChildren: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
6121
+ menuTopChildren: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
6069
6122
  disabled: tableData.active,
6070
6123
  position: "top",
6071
6124
  content: i18next__default["default"].t("neetoTeamMembers.tooltips.activateUserToEdit", constants.SINGULAR)
@@ -6537,15 +6590,15 @@ var Header$2 = function Header(_ref) {
6537
6590
  t = _useTranslation.t;
6538
6591
  var isRolesButtonVisible = !!rolesButtonProps;
6539
6592
  var isOtherActionBlockVisible = !!otherActionBlock;
6540
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isOtherActionBlockVisible && otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
6593
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isOtherActionBlockVisible && otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends({
6541
6594
  "data-cy": "ntm-manage-roles-button",
6542
6595
  label: MANAGE_ROLES_BUTTON_LABEL,
6543
6596
  style: "secondary"
6544
- }, rolesButtonProps)) : null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
6597
+ }, rolesButtonProps)) : null, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
6545
6598
  content: t("neetoTeamMembers.tooltips.noPermissionToAddMember"),
6546
6599
  disabled: isCreatePermissionGranted,
6547
6600
  position: "bottom"
6548
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
6601
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
6549
6602
  "data-cy": "ntm-add-member-button",
6550
6603
  disabled: !isCreatePermissionGranted,
6551
6604
  label: t("neetoTeamMembers.common.addNew_", {
@@ -6575,8 +6628,8 @@ var getDeactivatedButtonVisible = function getDeactivatedButtonVisible(selectedR
6575
6628
  }) && !(config !== null && config !== void 0 && (_config$hiddenBulkAct2 = config.hiddenBulkActions) !== null && _config$hiddenBulkAct2 !== void 0 && _config$hiddenBulkAct2.includes("deactivate"));
6576
6629
  };
6577
6630
 
6578
- var Menu$2 = neetoui.Dropdown.Menu,
6579
- MenuItem$1 = neetoui.Dropdown.MenuItem;
6631
+ var Menu$2 = Dropdown__default["default"].Menu,
6632
+ MenuItem$1 = Dropdown__default["default"].MenuItem;
6580
6633
  var RolesDropdown = function RolesDropdown(_ref) {
6581
6634
  var _ref$disabled = _ref.disabled,
6582
6635
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -6616,11 +6669,11 @@ var RolesDropdown = function RolesDropdown(_ref) {
6616
6669
  event.stopPropagation();
6617
6670
  setIsDropdownOpen(!isDropdownOpen);
6618
6671
  };
6619
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
6672
+ return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
6620
6673
  content: t("neetoTeamMembers.tooltips.activateUserToEdit", constants.PLURAL),
6621
6674
  disabled: isUpdatingAllowed,
6622
6675
  position: "top"
6623
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
6676
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
6624
6677
  buttonStyle: "secondary",
6625
6678
  closeOnSelect: false,
6626
6679
  "data-cy": "ntm-members-roles-update-dropdown-button",
@@ -6640,7 +6693,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
6640
6693
  onClick: function onClick(event) {
6641
6694
  event.stopPropagation();
6642
6695
  }
6643
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
6696
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default$1["default"], {
6644
6697
  "data-cy": "ntm-members-roles-search-input",
6645
6698
  prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
6646
6699
  type: "search",
@@ -6658,7 +6711,7 @@ var RolesDropdown = function RolesDropdown(_ref) {
6658
6711
  }, name);
6659
6712
  }) : /*#__PURE__*/React__default["default"].createElement("div", {
6660
6713
  className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-p-1"
6661
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
6714
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
6662
6715
  className: "neeto-ui-text-gray-700",
6663
6716
  style: "body2"
6664
6717
  }, t("neetoTeamMembers.helpers.noRolesFound")))))));
@@ -6666,8 +6719,8 @@ var RolesDropdown = function RolesDropdown(_ref) {
6666
6719
 
6667
6720
  function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6668
6721
  function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6669
- var Menu$1 = neetoui.Dropdown.Menu,
6670
- MenuItem = neetoui.Dropdown.MenuItem;
6722
+ var Menu$1 = Dropdown__default["default"].Menu,
6723
+ MenuItem = Dropdown__default["default"].MenuItem;
6671
6724
  var Left = function Left(_ref) {
6672
6725
  var _ref2, _selectedRows$keys, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
6673
6726
  var config = _ref.config,
@@ -6774,7 +6827,7 @@ var Left = function Left(_ref) {
6774
6827
  };
6775
6828
  return /*#__PURE__*/React__default["default"].createElement("div", {
6776
6829
  className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4"
6777
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
6830
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
6778
6831
  component: "h4",
6779
6832
  "data-cy": "ntm-filtered-members-count",
6780
6833
  style: "h4"
@@ -6786,11 +6839,11 @@ var Left = function Left(_ref) {
6786
6839
  },
6787
6840
  values: selectedMembersCountValues,
6788
6841
  i18nKey: hasSelectedRows ? "neetoTeamMembers.helpers.selectedMembersCount" : "neetoTeamMembers.helpers.metaNameWithCount"
6789
- })), hasSelectedRows && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
6842
+ })), hasSelectedRows && /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
6790
6843
  content: t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
6791
6844
  disabled: isUpdatePermissionGranted,
6792
6845
  position: "top"
6793
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
6846
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
6794
6847
  buttonStyle: "secondary",
6795
6848
  "data-cy": "ntm-members-take-action-dropdown-button",
6796
6849
  disabled: !isUpdatePermissionGranted,
@@ -6813,7 +6866,7 @@ var Left = function Left(_ref) {
6813
6866
  setBulkUpdateRole: setBulkUpdateRole,
6814
6867
  disabled: hasDeactivateMembers,
6815
6868
  hasUpdatePermission: isUpdatePermissionGranted
6816
- }), config === null || config === void 0 || (_config$otherBulkActi = config.otherBulkActions) === null || _config$otherBulkActi === void 0 ? void 0 : _config$otherBulkActi.call(config, resetSelectedRows, selectedRows))))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
6869
+ }), config === null || config === void 0 || (_config$otherBulkActi = config.otherBulkActions) === null || _config$otherBulkActi === void 0 ? void 0 : _config$otherBulkActi.call(config, resetSelectedRows, selectedRows))))), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
6817
6870
  isOpen: selectedAlert,
6818
6871
  submitButtonLabel: getButtonLabel(selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.type),
6819
6872
  title: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.title,
@@ -6932,11 +6985,11 @@ var AppList = function AppList(_ref) {
6932
6985
  className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6"
6933
6986
  }, /*#__PURE__*/React__default["default"].createElement("div", {
6934
6987
  className: "neeto-ui-w-full"
6935
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
6988
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
6936
6989
  checked: isAppListEnabled,
6937
6990
  className: "ntm-manage-members__checkbox-align-start",
6938
6991
  "data-cy": "ntm-manage-members-app-list-checkbox",
6939
- label: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
6992
+ label: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
6940
6993
  component: "span",
6941
6994
  lineHeight: "relaxed",
6942
6995
  style: "body2"
@@ -6960,11 +7013,11 @@ var AppList = function AppList(_ref) {
6960
7013
  return /*#__PURE__*/React__default["default"].createElement("div", {
6961
7014
  className: "ntm-manage-members__app-roles",
6962
7015
  key: appName
6963
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
7016
+ }, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
6964
7017
  content: t("neetoTeamMembers.tooltips.hostAppIsRequired"),
6965
7018
  disabled: !isCurrentApp,
6966
7019
  position: "left"
6967
- }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(formik$1.Switch, {
7020
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Switch__default["default"], {
6968
7021
  checked: isAppRoleSelectionChecked,
6969
7022
  disabled: isCurrentApp,
6970
7023
  name: "appsRoles[".concat(index, "].isEnabled"),
@@ -6975,13 +7028,13 @@ var AppList = function AppList(_ref) {
6975
7028
  var target = _ref3.target;
6976
7029
  setFieldValue("appRoles[".concat(index, "].isEnabled"), target.checked);
6977
7030
  }
6978
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
7031
+ }))), /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
6979
7032
  content: t("neetoTeamMembers.tooltips.goBackToChangeRole"),
6980
7033
  disabled: !isCurrentApp,
6981
7034
  position: "top"
6982
7035
  }, /*#__PURE__*/React__default["default"].createElement("span", {
6983
7036
  className: "ntm-manage-members-app-roles__select-wrapper"
6984
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
7037
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
6985
7038
  isDisabled: isCurrentApp || !isEnabled,
6986
7039
  name: "appRoles[".concat(index, "].activeRole"),
6987
7040
  options: buildRoleOptions(globalRoles[appName]),
@@ -7047,8 +7100,8 @@ var DEFAULT_COMPONENT_CONFIG = {
7047
7100
  footerProps: {}
7048
7101
  };
7049
7102
  var MEMBERS_FORM_COMPONENT_MAPPER = {
7050
- pane: neetoui.Pane,
7051
- modal: neetoui.Modal,
7103
+ pane: Pane__default["default"],
7104
+ modal: Modal__default["default"],
7052
7105
  page: Page
7053
7106
  };
7054
7107
  var FORM_PAGES = {
@@ -7171,7 +7224,7 @@ var buildValidationSchema = function buildValidationSchema(_ref4) {
7171
7224
  limit: memberLimit
7172
7225
  },
7173
7226
  components: {
7174
- emailTo: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7227
+ emailTo: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7175
7228
  href: "mailto:support@neeto.com",
7176
7229
  style: "link"
7177
7230
  })
@@ -7199,7 +7252,7 @@ var Confirmation = function Confirmation() {
7199
7252
  className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6"
7200
7253
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7201
7254
  className: "neeto-ui-w-full"
7202
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7255
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7203
7256
  component: "span",
7204
7257
  lineHeight: "relaxed",
7205
7258
  style: "body2"
@@ -7217,18 +7270,18 @@ var Confirmation = function Confirmation() {
7217
7270
  activeRole = _ref.activeRole;
7218
7271
  return /*#__PURE__*/React__default["default"].createElement("tr", {
7219
7272
  key: appName
7220
- }, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7273
+ }, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7221
7274
  component: "span",
7222
7275
  lineHeight: "relaxed",
7223
7276
  style: "body2"
7224
7277
  }, t("neetoTeamMembers.labels.neeto_", {
7225
7278
  product: appName
7226
- }))), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7279
+ }))), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7227
7280
  component: "span",
7228
7281
  lineHeight: "relaxed",
7229
7282
  style: "body2"
7230
7283
  }, activeRole)));
7231
- })))) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7284
+ })))) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7232
7285
  component: "span",
7233
7286
  lineHeight: "relaxed",
7234
7287
  style: "body2"
@@ -7264,7 +7317,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
7264
7317
  };
7265
7318
  return /*#__PURE__*/React__default["default"].createElement("div", {
7266
7319
  className: "neeto-ui-w-full"
7267
- }, selectedMember ? /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
7320
+ }, selectedMember ? /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
7268
7321
  "data-cy": "ntm-manage-member-email-input",
7269
7322
  name: "emails",
7270
7323
  size: "medium",
@@ -7272,12 +7325,12 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
7272
7325
  value: (_head = ramda.head(emails)) === null || _head === void 0 ? void 0 : _head.value,
7273
7326
  label: /*#__PURE__*/React__default["default"].createElement("span", {
7274
7327
  className: "neeto-ui-w-full neeto-ui-flex neeto-ui-justify-between"
7275
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7328
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7276
7329
  component: "span",
7277
7330
  style: "body2"
7278
7331
  }, t("neetoTeamMembers.common.email", constants.SINGULAR))),
7279
7332
  onChange: handleInputChange
7280
- }) : /*#__PURE__*/React__default["default"].createElement(formik$1.MultiEmailInput, {
7333
+ }) : /*#__PURE__*/React__default["default"].createElement(MultiEmailInput__default["default"], {
7281
7334
  required: true,
7282
7335
  counter: COUNTER_PROPS,
7283
7336
  "data-cy": "ntm-manage-member-email-input",
@@ -7296,12 +7349,12 @@ var NameInputs = function NameInputs(_ref) {
7296
7349
  t = _useTranslation.t;
7297
7350
  return /*#__PURE__*/React__default["default"].createElement("div", {
7298
7351
  className: "neeto-ui-flex neeto-ui-w-full neeto-ui-gap-4"
7299
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
7352
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
7300
7353
  "data-cy": "ntm-edit-member-first-name-text-field",
7301
7354
  label: t("neetoTeamMembers.labels.firstName"),
7302
7355
  name: "firstName",
7303
7356
  ref: innerRef
7304
- }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
7357
+ }), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
7305
7358
  "data-cy": "ntm-edit-member-last-name-text-field",
7306
7359
  label: t("neetoTeamMembers.labels.lastName"),
7307
7360
  name: "lastName"
@@ -7341,7 +7394,7 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
7341
7394
  }
7342
7395
  });
7343
7396
  };
7344
- return /*#__PURE__*/React__default["default"].createElement(formik$1.Radio, {
7397
+ return /*#__PURE__*/React__default["default"].createElement(Radio__default$1["default"], {
7345
7398
  stacked: true,
7346
7399
  className: "ntm-members-radio-group flex-grow-0",
7347
7400
  "data-cy": "ntm-manage-member-roles-group",
@@ -7351,9 +7404,9 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
7351
7404
  name: "role",
7352
7405
  label: /*#__PURE__*/React__default["default"].createElement("span", {
7353
7406
  className: "flex w-full items-center justify-between"
7354
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
7407
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7355
7408
  required: true
7356
- }, " ", t("neetoTeamMembers.common.role", constants.SINGULAR)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7409
+ }, " ", t("neetoTeamMembers.common.role", constants.SINGULAR)), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7357
7410
  label: t("neetoTeamMembers.labels.manageRole", constants.PLURAL),
7358
7411
  style: "link",
7359
7412
  to: config.pathToRolesPage
@@ -7370,7 +7423,7 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
7370
7423
  className: "ntm-members-form-radio-item__wrapper",
7371
7424
  htmlFor: neetoCist.slugify(name),
7372
7425
  key: id
7373
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Radio.Item, {
7426
+ }, /*#__PURE__*/React__default["default"].createElement(Radio__default$1["default"].Item, {
7374
7427
  className: "ntm-members-form-radio-item__label",
7375
7428
  "data-cy": "ntm-manage-member-roles-button",
7376
7429
  defaultChecked: ramda.identical(name, role),
@@ -7394,16 +7447,16 @@ var SubscriptionPlan = function SubscriptionPlan(_ref) {
7394
7447
  };
7395
7448
  return /*#__PURE__*/React__default["default"].createElement("div", {
7396
7449
  className: "flex flex-col space-y-4"
7397
- }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
7450
+ }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default$1["default"], {
7398
7451
  label: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
7399
7452
  i18nKey: "neetoTeamMembers.labels.upgradeToProPlan"
7400
7453
  }),
7401
7454
  name: "isSubscriptionProPlan",
7402
7455
  onChange: handleChange
7403
- }), isProPlan && /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
7456
+ }), isProPlan && /*#__PURE__*/React__default["default"].createElement(Callout__default["default"], {
7404
7457
  icon: neetoIcons.Warning,
7405
7458
  style: "warning"
7406
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7459
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7407
7460
  style: "body2",
7408
7461
  weight: "normal"
7409
7462
  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
@@ -7431,16 +7484,20 @@ var ManageMember = function ManageMember(_ref) {
7431
7484
  componentConfig = _ref$componentConfig === void 0 ? {} : _ref$componentConfig;
7432
7485
  var _useTranslation = reactI18next.useTranslation(),
7433
7486
  t = _useTranslation.t;
7487
+ var _useState = React.useState(false),
7488
+ _useState2 = _slicedToArray(_useState, 2),
7489
+ isCreationStatusPollingEnabled = _useState2[0],
7490
+ setIsCreationStatusPollingEnabled = _useState2[1];
7434
7491
  var isViewPermissionGranted = config.permissions.view;
7435
7492
  var isNotDevelopment = initializers.globalProps.railsEnv !== "development";
7436
7493
  var _useFetchMembers = useFetchMembers({
7437
7494
  enabled: isViewPermissionGranted
7438
7495
  }),
7439
7496
  team = _useFetchMembers.data;
7440
- var _useState = React.useState(FORM_PAGES.MAIN),
7441
- _useState2 = _slicedToArray(_useState, 2),
7442
- currentPage = _useState2[0],
7443
- setCurrentPage = _useState2[1];
7497
+ var _useState3 = React.useState(FORM_PAGES.MAIN),
7498
+ _useState4 = _slicedToArray(_useState3, 2),
7499
+ currentPage = _useState4[0],
7500
+ setCurrentPage = _useState4[1];
7444
7501
  var formReference = React.useRef(null);
7445
7502
  var inputReference = React.useRef(null);
7446
7503
  var appListSavedStateReference = React.useRef({
@@ -7477,14 +7534,50 @@ var ManageMember = function ManageMember(_ref) {
7477
7534
  isGlobalRolesLoading = _useFetchGlobalRoles.isLoading;
7478
7535
  var filteredRoles = getFilteredRoles(rolesList, config);
7479
7536
  var _useCreateMember = useCreateMember({
7480
- onSuccess: function onSuccess(response) {
7481
- var _config$createMember;
7482
- handleClose();
7483
- config === null || config === void 0 || (_config$createMember = config.createMember) === null || _config$createMember === void 0 || (_config$createMember = _config$createMember.onSuccess) === null || _config$createMember === void 0 || _config$createMember.callback(response);
7537
+ onSuccess: function onSuccess() {
7538
+ return setIsCreationStatusPollingEnabled(true);
7484
7539
  }
7485
7540
  }),
7541
+ _useCreateMember$data = _useCreateMember.data,
7542
+ _useCreateMember$data2 = _useCreateMember$data === void 0 ? {} : _useCreateMember$data,
7543
+ jobId = _useCreateMember$data2.jobId,
7486
7544
  createMember = _useCreateMember.mutate,
7487
7545
  isCreatingMember = _useCreateMember.isLoading;
7546
+ var refetchInterval = function refetchInterval() {
7547
+ var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
7548
+ isCompleted = _ref2.isCompleted;
7549
+ if (isCompleted) {
7550
+ setIsCreationStatusPollingEnabled(false);
7551
+ return false;
7552
+ }
7553
+ return 2000;
7554
+ };
7555
+ var _useMembersCreationSt = useMembersCreationStatus(jobId, {
7556
+ refetchInterval: refetchInterval,
7557
+ enabled: isCreationStatusPollingEnabled,
7558
+ onSuccess: function onSuccess() {
7559
+ var _config$createMember;
7560
+ var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
7561
+ isCompleted = _ref3.isCompleted,
7562
+ isSuccessful = _ref3.isSuccessful,
7563
+ users = _ref3.users,
7564
+ error = _ref3.error;
7565
+ if (!isCompleted) return;
7566
+ handleClose();
7567
+ config === null || config === void 0 || (_config$createMember = config.createMember) === null || _config$createMember === void 0 || (_config$createMember = _config$createMember.onSuccess) === null || _config$createMember === void 0 || _config$createMember.callback({
7568
+ users: users
7569
+ });
7570
+ if (isSuccessful) {
7571
+ utils$3.showThumbsUpToastr();
7572
+ } else {
7573
+ Toastr__default["default"].error(error);
7574
+ }
7575
+ refetchMembers();
7576
+ }
7577
+ }),
7578
+ _useMembersCreationSt2 = _useMembersCreationSt.data,
7579
+ _useMembersCreationSt3 = _useMembersCreationSt2 === void 0 ? {} : _useMembersCreationSt2,
7580
+ progress = _useMembersCreationSt3.progress;
7488
7581
  var _useUpdateMember = useUpdateMember({
7489
7582
  onSuccess: function onSuccess() {
7490
7583
  var _config$updateMember;
@@ -7494,9 +7587,9 @@ var ManageMember = function ManageMember(_ref) {
7494
7587
  }),
7495
7588
  updateMember = _useUpdateMember.mutate,
7496
7589
  isUpdatingMember = _useUpdateMember.isLoading;
7497
- var hasRoleChanged = function hasRoleChanged(_ref2) {
7498
- var submitted = _ref2.submitted,
7499
- values = _ref2.values;
7590
+ var hasRoleChanged = function hasRoleChanged(_ref4) {
7591
+ var submitted = _ref4.submitted,
7592
+ values = _ref4.values;
7500
7593
  return submitted && (values === null || values === void 0 ? void 0 : values.role) !== (selectedMember === null || selectedMember === void 0 ? void 0 : selectedMember.role);
7501
7594
  };
7502
7595
  var handleClose = function handleClose() {
@@ -7511,6 +7604,7 @@ var ManageMember = function ManageMember(_ref) {
7511
7604
  appListSavedStateReference.current = {
7512
7605
  isAppListEnabled: true
7513
7606
  };
7607
+ setIsCreationStatusPollingEnabled(false);
7514
7608
  };
7515
7609
  var isSubmitting = isCreatingMember || isUpdatingMember || isRolesLoading || isGlobalRolesLoading;
7516
7610
  var handleAddMember = function handleAddMember(values) {
@@ -7588,7 +7682,7 @@ var ManageMember = function ManageMember(_ref) {
7588
7682
  className: classnames__default["default"]([{
7589
7683
  "ntm-manage-members__header": currentPage !== FORM_PAGES.MAIN
7590
7684
  }, (_manageMemberComponen = manageMemberComponentConfig.headerProps) === null || _manageMemberComponen === void 0 ? void 0 : _manageMemberComponen.className])
7591
- }), currentPage !== FORM_PAGES.MAIN && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7685
+ }), currentPage !== FORM_PAGES.MAIN && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7592
7686
  "aria-label": "Back",
7593
7687
  icon: neetoIcons.LeftArrow,
7594
7688
  size: "medium",
@@ -7598,12 +7692,12 @@ var ManageMember = function ManageMember(_ref) {
7598
7692
  position: "bottom"
7599
7693
  },
7600
7694
  onClick: handleBackButton
7601
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7695
+ }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7602
7696
  className: "ntm-members-form__header",
7603
7697
  "data-cy": "ntm-manage-members-pane-header",
7604
7698
  style: "h2",
7605
7699
  weight: "semibold"
7606
- }, getTitle())), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
7700
+ }, getTitle())), /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
7607
7701
  ref: formReference,
7608
7702
  formikProps: {
7609
7703
  enableReinitialize: true,
@@ -7618,10 +7712,10 @@ var ManageMember = function ManageMember(_ref) {
7618
7712
  selectedMember: selectedMember
7619
7713
  }, team))
7620
7714
  }
7621
- }, function (_ref3) {
7715
+ }, function (_ref5) {
7622
7716
  var _manageMemberComponen2, _manageMemberComponen3;
7623
- var values = _ref3.values,
7624
- dirty = _ref3.dirty;
7717
+ var values = _ref5.values,
7718
+ dirty = _ref5.dirty;
7625
7719
  var emails = values.emails,
7626
7720
  role = values.role;
7627
7721
  formikValues.current = values;
@@ -7629,16 +7723,24 @@ var ManageMember = function ManageMember(_ref) {
7629
7723
  formRef: formReference
7630
7724
  }), /*#__PURE__*/React__default["default"].createElement(Component.Body, _extends({}, manageMemberComponentConfig.bodyProps, {
7631
7725
  className: classnames__default["default"](["ntm-members-form__body", (_manageMemberComponen2 = manageMemberComponentConfig.bodyProps) === null || _manageMemberComponen2 === void 0 ? void 0 : _manageMemberComponen2.className])
7632
- }), renderFormPage(currentPage, emails, role)), /*#__PURE__*/React__default["default"].createElement(Component.Footer, _extends({}, manageMemberComponentConfig.footerProps, {
7726
+ }), isCreationStatusPollingEnabled && /*#__PURE__*/React__default["default"].createElement(Callout__default["default"], {
7727
+ className: "w-full",
7728
+ icon: neetoIcons.Info,
7729
+ style: "info"
7730
+ }, t("neetoTeamMembers.helpers.memberCreationStatus", {
7731
+ count: emails.length,
7732
+ totalCount: progress === null || progress === void 0 ? void 0 : progress.totalCount,
7733
+ completedCount: progress === null || progress === void 0 ? void 0 : progress.completedCount
7734
+ })), renderFormPage(currentPage, emails, role)), /*#__PURE__*/React__default["default"].createElement(Component.Footer, _extends({}, manageMemberComponentConfig.footerProps, {
7633
7735
  className: classnames__default["default"](["ntm-members-form__footer", (_manageMemberComponen3 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen3 === void 0 ? void 0 : _manageMemberComponen3.className])
7634
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7635
- disabled: !dirty || isSubmitting,
7636
- loading: isSubmitting,
7736
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7737
+ loading: isSubmitting || isCreationStatusPollingEnabled,
7637
7738
  style: "primary",
7638
7739
  type: "submit",
7639
7740
  "data-cy": isLastPage ? "ntm-manage-member-submit-button" : "ntm-manage-member-continue-button",
7741
+ disabled: !dirty || isSubmitting || isCreationStatusPollingEnabled,
7640
7742
  label: isLastPage ? t("neetoTeamMembers.buttons.saveChanges") : t("neetoTeamMembers.buttons.continue")
7641
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7743
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7642
7744
  "data-cy": "ntm-manage-member-cancel-button",
7643
7745
  label: t("neetoTeamMembers.buttons.cancel"),
7644
7746
  style: "text",
@@ -7754,6 +7856,8 @@ var TeamMembers = function TeamMembers(_ref) {
7754
7856
  config === null || config === void 0 || (_config$fetchApiRespo = config.fetchApiResponse) === null || _config$fetchApiRespo === void 0 || _config$fetchApiRespo.call(config, {
7755
7857
  team: team
7756
7858
  });
7859
+ var currentCategoryMembersCount = getPerCategoryCount(team === null || team === void 0 ? void 0 : team.perCategoryCount, category.toUpperCase());
7860
+ var hasMembers = currentCategoryMembersCount > 0;
7757
7861
  var updateMemberAlertProps = {
7758
7862
  member: selectedMember,
7759
7863
  config: config
@@ -7813,9 +7917,9 @@ var TeamMembers = function TeamMembers(_ref) {
7813
7917
  memberFilter: filters.category
7814
7918
  }), /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header$1, {
7815
7919
  config: config,
7816
- searchProps: searchProps,
7817
7920
  setIsOpen: setIsOpen,
7818
- filterCategory: filters.category
7921
+ filterCategory: filters.category,
7922
+ searchProps: hasMembers ? searchProps : null
7819
7923
  }), /*#__PURE__*/React__default["default"].createElement(SubHeaderMolecule__default["default"], {
7820
7924
  leftActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Left, {
7821
7925
  config: config,
@@ -7824,7 +7928,7 @@ var TeamMembers = function TeamMembers(_ref) {
7824
7928
  filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
7825
7929
  roles: filteredRoles
7826
7930
  }),
7827
- rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
7931
+ rightActionBlock: hasMembers && /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
7828
7932
  columns: columns,
7829
7933
  filterColumns: filterColumns,
7830
7934
  handleNeetoFilterChange: handleNeetoFilterChange,
@@ -7839,7 +7943,7 @@ var TeamMembers = function TeamMembers(_ref) {
7839
7943
  onChange: handleNeetoFilterChange
7840
7944
  }), /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
7841
7945
  hasPagination: (team === null || team === void 0 ? void 0 : team.membersCount) > filters.pageSize
7842
- }, (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
7946
+ }, (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
7843
7947
  fixedHeight: true,
7844
7948
  allowRowClick: false,
7845
7949
  columnData: getVisibleColumnData(columns),
@@ -7862,7 +7966,7 @@ var TeamMembers = function TeamMembers(_ref) {
7862
7966
  onRowSelect: handleRowSelect
7863
7967
  }) : /*#__PURE__*/React__default["default"].createElement("div", {
7864
7968
  className: "flex h-full w-full items-center justify-center"
7865
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
7969
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
7866
7970
  primaryButtonProps: noDataButtonProps,
7867
7971
  title: noDataTitle
7868
7972
  })))), /*#__PURE__*/React__default["default"].createElement(ManageMember, {
@@ -7873,7 +7977,7 @@ var TeamMembers = function TeamMembers(_ref) {
7873
7977
  },
7874
7978
  roles: filteredRoles,
7875
7979
  onComplete: handlePaneClose
7876
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
7980
+ }), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
7877
7981
  cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
7878
7982
  isOpen: isOpen.alert,
7879
7983
  isSubmitting: isUpdatingMember,