@bigbinary/neeto-team-members-frontend 3.1.2 → 3.1.4
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.
- package/app/javascript/src/translations/en.json +2 -1
- package/dist/index.cjs.js +1446 -1245
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +1396 -1196
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { globalProps, taxonomies } from '@bigbinary/neeto-commons-frontend/initializers';
|
|
2
|
-
import
|
|
2
|
+
import require$$0, { useState, useMemo, useEffect, createElement, useRef, Fragment as Fragment$1, memo, useCallback } from 'react';
|
|
3
3
|
import Pane from '@bigbinary/neetoui/Pane';
|
|
4
4
|
import Typography from '@bigbinary/neetoui/Typography';
|
|
5
5
|
import { useTranslation, Trans } from 'react-i18next';
|
|
@@ -27,6 +27,7 @@ import { object, string } from 'yup';
|
|
|
27
27
|
import { replace as replace$1, is, prop, append, equals, concat, groupBy, pluck, not, map, identical, modify, includes, __, isEmpty, filter as filter$1, identity, clamp, curry, mergeLeft, isNil, toLower, assoc, trim, isNotNil, keys, pick, move, head, reverse } from 'ramda';
|
|
28
28
|
import { useField, useFormikContext } from 'formik';
|
|
29
29
|
import Avatar from '@bigbinary/neetoui/Avatar';
|
|
30
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
30
31
|
import withImmutableActions from '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
|
|
31
32
|
import { create as create$2 } from 'zustand';
|
|
32
33
|
import { shallow } from 'zustand/shallow';
|
|
@@ -47,9 +48,10 @@ import SubHeaderMolecule from '@bigbinary/neeto-molecules/SubHeader';
|
|
|
47
48
|
import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
|
|
48
49
|
import Table$1 from '@bigbinary/neetoui/Table';
|
|
49
50
|
import { useHistory } from 'react-router-dom';
|
|
50
|
-
import require$$0 from 'util';
|
|
51
|
+
import require$$0$1 from 'util';
|
|
51
52
|
import Dropdown from '@bigbinary/neetoui/Dropdown';
|
|
52
53
|
import Tag from '@bigbinary/neetoui/Tag';
|
|
54
|
+
import useFetchNeetoApps from '@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps';
|
|
53
55
|
import Switch from '@bigbinary/neetoui/formik/Switch';
|
|
54
56
|
import Modal from '@bigbinary/neetoui/Modal';
|
|
55
57
|
import MultiEmailInput from '@bigbinary/neetoui/formik/MultiEmailInput';
|
|
@@ -622,16 +624,16 @@ var profileApi = {
|
|
|
622
624
|
updateUser: updateUser
|
|
623
625
|
};
|
|
624
626
|
|
|
625
|
-
function ownKeys$
|
|
626
|
-
function _objectSpread$
|
|
627
|
+
function ownKeys$j(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; }
|
|
628
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
627
629
|
var useFetchProfile = function useFetchProfile(options) {
|
|
628
|
-
return useQuery([QUERY_KEYS.USER_PROFILE], profileApi.fetchUserDetails, _objectSpread$
|
|
630
|
+
return useQuery([QUERY_KEYS.USER_PROFILE], profileApi.fetchUserDetails, _objectSpread$j({
|
|
629
631
|
staleTime: DEFAULT_STALE_TIME,
|
|
630
632
|
refetchOnWindowFocus: true
|
|
631
633
|
}, options));
|
|
632
634
|
};
|
|
633
635
|
var useUpdateProfileMutation = function useUpdateProfileMutation(options) {
|
|
634
|
-
return useMutationWithInvalidation(profileApi.updateUser, _objectSpread$
|
|
636
|
+
return useMutationWithInvalidation(profileApi.updateUser, _objectSpread$j(_objectSpread$j({
|
|
635
637
|
keysToInvalidate: [[QUERY_KEYS.USER_PROFILE]]
|
|
636
638
|
}, options), {}, {
|
|
637
639
|
onSuccess: function onSuccess() {
|
|
@@ -657,10 +659,10 @@ var VALIDATION_ERRORS = {
|
|
|
657
659
|
})
|
|
658
660
|
};
|
|
659
661
|
|
|
660
|
-
function ownKeys$
|
|
661
|
-
function _objectSpread$
|
|
662
|
+
function ownKeys$i(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; }
|
|
663
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
662
664
|
var useFetchCountries = function useFetchCountries(options) {
|
|
663
|
-
return useQuery([QUERY_KEYS.COUNTRIES_LIST], profileApi.fetchCountries, _objectSpread$
|
|
665
|
+
return useQuery([QUERY_KEYS.COUNTRIES_LIST], profileApi.fetchCountries, _objectSpread$i({
|
|
664
666
|
staleTime: DEFAULT_STALE_TIME
|
|
665
667
|
}, options));
|
|
666
668
|
};
|
|
@@ -806,57 +808,65 @@ var ProfileImage = function ProfileImage() {
|
|
|
806
808
|
}
|
|
807
809
|
return null;
|
|
808
810
|
};
|
|
809
|
-
return /*#__PURE__*/
|
|
810
|
-
className: "mb-8 flex flex-row justify-start"
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
811
|
+
return /*#__PURE__*/jsxs("div", {
|
|
812
|
+
className: "mb-8 flex flex-row justify-start",
|
|
813
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
814
|
+
className: "flex-shrink-0",
|
|
815
|
+
children: [isPresent(avatarDetails === null || avatarDetails === void 0 ? void 0 : avatarDetails.imageUrl) && /*#__PURE__*/jsx("div", {
|
|
816
|
+
className: "relative z-10",
|
|
817
|
+
children: /*#__PURE__*/jsx("div", {
|
|
818
|
+
className: "neeto-ui-bg-gray-300 neeto-ui-rounded-full absolute right-0 top-0 cursor-pointer p-0.5",
|
|
819
|
+
"data-cy": "profile-image-remove-button",
|
|
820
|
+
onClick: handleRemoveImage,
|
|
821
|
+
children: /*#__PURE__*/jsx(Delete$1, {
|
|
822
|
+
size: IMAGE_DELETE_BUTTON_SIZE
|
|
823
|
+
})
|
|
824
|
+
})
|
|
825
|
+
}), /*#__PURE__*/jsx(Avatar, {
|
|
826
|
+
size: "extraLarge",
|
|
827
|
+
user: avatarDetails
|
|
828
|
+
})]
|
|
829
|
+
}), /*#__PURE__*/jsxs("div", {
|
|
830
|
+
className: "ml-4 flex flex-col",
|
|
831
|
+
children: [/*#__PURE__*/jsx(Label, {
|
|
832
|
+
className: "neeto-ui-text-black mb-1 font-medium",
|
|
833
|
+
children: t("neetoTeamMembers.profile.avatar.profilePicture")
|
|
834
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
835
|
+
className: "neeto-ui-text-gray-700 mb-2",
|
|
836
|
+
style: "body3",
|
|
837
|
+
children: /*#__PURE__*/jsx(Trans, {
|
|
838
|
+
components: {
|
|
839
|
+
code: /*#__PURE__*/jsx("code", {})
|
|
840
|
+
},
|
|
841
|
+
i18nKey: "neetoTeamMembers.profile.avatar.profilePictureUploadMessage",
|
|
842
|
+
values: {
|
|
843
|
+
limit: globalProps.endUserUploadedFileSizeLimitInMb
|
|
844
|
+
}
|
|
845
|
+
})
|
|
846
|
+
}), /*#__PURE__*/jsxs("div", {
|
|
847
|
+
className: "neeto-ui-file-upload flex flex-row ",
|
|
848
|
+
"data-cy": "profile-image-upload-container",
|
|
849
|
+
children: [/*#__PURE__*/jsx("label", {
|
|
850
|
+
className: "neeto-ui-btn--style-secondary neeto-ui-btn m-0 mr-3 ",
|
|
851
|
+
"data-cy": "profile-image-upload-label",
|
|
852
|
+
htmlFor: "uploadProfileImage",
|
|
853
|
+
children: avatarDetails !== null && avatarDetails !== void 0 && avatarDetails.imageUrl ? t("neetoTeamMembers.profile.avatar.changeProfilePicture") : t("neetoTeamMembers.profile.avatar.uploadProfilePicture")
|
|
854
|
+
}), /*#__PURE__*/jsx("input", {
|
|
855
|
+
hidden: true,
|
|
856
|
+
accept: "image/*",
|
|
857
|
+
"data-cy": "profile-image-upload-file-field",
|
|
858
|
+
id: "uploadProfileImage",
|
|
859
|
+
name: "profile_image_path",
|
|
860
|
+
type: "file",
|
|
861
|
+
onChange: onProfileImageChange
|
|
862
|
+
}, avatarDetails === null || avatarDetails === void 0 ? void 0 : avatarDetails.imageUrl)]
|
|
863
|
+
})]
|
|
864
|
+
})]
|
|
865
|
+
});
|
|
856
866
|
};
|
|
857
867
|
|
|
858
|
-
function ownKeys$
|
|
859
|
-
function _objectSpread$
|
|
868
|
+
function ownKeys$h(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; }
|
|
869
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
860
870
|
var ChangeProfile = function ChangeProfile(_ref) {
|
|
861
871
|
var onClose = _ref.onClose;
|
|
862
872
|
var _useTranslation = useTranslation(),
|
|
@@ -954,7 +964,7 @@ var ChangeProfile = function ChangeProfile(_ref) {
|
|
|
954
964
|
url: url
|
|
955
965
|
};
|
|
956
966
|
case 14:
|
|
957
|
-
payload = _objectSpread$
|
|
967
|
+
payload = _objectSpread$h(_objectSpread$h({}, values), {}, {
|
|
958
968
|
timeZone: selectedTimeZoneOption === null || selectedTimeZoneOption === void 0 ? void 0 : selectedTimeZoneOption.name,
|
|
959
969
|
avatar: avatar
|
|
960
970
|
});
|
|
@@ -979,9 +989,11 @@ var ChangeProfile = function ChangeProfile(_ref) {
|
|
|
979
989
|
};
|
|
980
990
|
}();
|
|
981
991
|
if (isUpdatingProfile || isFetchingCountriesList || isFetchingUserDetails) {
|
|
982
|
-
return /*#__PURE__*/
|
|
992
|
+
return /*#__PURE__*/jsx(Container, {
|
|
993
|
+
children: /*#__PURE__*/jsx(PageLoader, {})
|
|
994
|
+
});
|
|
983
995
|
}
|
|
984
|
-
return /*#__PURE__*/
|
|
996
|
+
return /*#__PURE__*/jsx(Form, {
|
|
985
997
|
formProps: {
|
|
986
998
|
"data-cy": "ntm-profile-form"
|
|
987
999
|
},
|
|
@@ -989,105 +1001,119 @@ var ChangeProfile = function ChangeProfile(_ref) {
|
|
|
989
1001
|
initialValues: initialFormValues,
|
|
990
1002
|
validationSchema: PROFILE_VALIDATION_SCHEMA,
|
|
991
1003
|
onSubmit: handleSubmit
|
|
992
|
-
}
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1004
|
+
},
|
|
1005
|
+
children: function children(_ref3) {
|
|
1006
|
+
var setFieldValue = _ref3.setFieldValue,
|
|
1007
|
+
values = _ref3.values;
|
|
1008
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
1009
|
+
children: [/*#__PURE__*/jsxs(Pane.Body, {
|
|
1010
|
+
className: "w-full",
|
|
1011
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
1012
|
+
className: "w-full space-y-6 pb-6",
|
|
1013
|
+
children: [/*#__PURE__*/jsx(ProfileImage, {}), /*#__PURE__*/jsxs("div", {
|
|
1014
|
+
className: "grid grid-cols-2 gap-4",
|
|
1015
|
+
children: [/*#__PURE__*/jsx(Input, {
|
|
1016
|
+
autoFocus: true,
|
|
1017
|
+
required: true,
|
|
1018
|
+
"data-cy": "profile-first-name-text-field",
|
|
1019
|
+
"data-test-id": "ntm-profile-first-name",
|
|
1020
|
+
label: t("neetoTeamMembers.profile.inputs.label.firstName"),
|
|
1021
|
+
name: "firstName",
|
|
1022
|
+
type: "text",
|
|
1023
|
+
placeholder: t("neetoTeamMembers.profile.inputs.placeholder.firstName")
|
|
1024
|
+
}), /*#__PURE__*/jsx(Input, {
|
|
1025
|
+
required: true,
|
|
1026
|
+
"data-cy": "profile-last-name-text-field",
|
|
1027
|
+
"data-test-id": "ntm-profile-last-name",
|
|
1028
|
+
label: t("neetoTeamMembers.profile.inputs.label.lastName"),
|
|
1029
|
+
name: "lastName",
|
|
1030
|
+
type: "text",
|
|
1031
|
+
placeholder: t("neetoTeamMembers.profile.inputs.placeholder.lastName")
|
|
1032
|
+
})]
|
|
1033
|
+
}), /*#__PURE__*/jsx(Select, {
|
|
1034
|
+
required: true,
|
|
1035
|
+
"data-cy": "ntm-profile-country-select",
|
|
1036
|
+
label: t("neetoTeamMembers.profile.inputs.label.selectCountry"),
|
|
1037
|
+
name: "countryId",
|
|
1038
|
+
options: countryDropdownOptions,
|
|
1039
|
+
value: selectedCountryOption,
|
|
1040
|
+
onChange: function onChange(option) {
|
|
1041
|
+
var dependentFields = handleCountryChange(option);
|
|
1042
|
+
setFieldValue("dateFormat", dependentFields === null || dependentFields === void 0 ? void 0 : dependentFields.dateFormat);
|
|
1043
|
+
setFieldValue("timeZone", dependentFields === null || dependentFields === void 0 ? void 0 : dependentFields.timeZone);
|
|
1044
|
+
}
|
|
1045
|
+
}), /*#__PURE__*/jsx("div", {
|
|
1046
|
+
className: "space-y-2",
|
|
1047
|
+
children: /*#__PURE__*/jsx(Select, {
|
|
1048
|
+
required: true,
|
|
1049
|
+
"data-cy": "ntm-profile-time-zone-select",
|
|
1050
|
+
name: "timeZoneId",
|
|
1051
|
+
options: timeZoneDropdownOptions,
|
|
1052
|
+
value: selectedTimeZoneOption,
|
|
1053
|
+
label: t("neetoTeamMembers.profile.inputs.label.selectTimeZone"),
|
|
1054
|
+
onChange: function onChange(option) {
|
|
1055
|
+
setFieldValue("timeZone", option === null || option === void 0 ? void 0 : option.name);
|
|
1056
|
+
handleTimeZoneChange(option);
|
|
1057
|
+
}
|
|
1058
|
+
})
|
|
1059
|
+
}), /*#__PURE__*/jsxs("div", {
|
|
1060
|
+
children: [/*#__PURE__*/jsx(Label, {
|
|
1061
|
+
required: true,
|
|
1062
|
+
children: t("neetoTeamMembers.profile.inputs.label.dateFormat")
|
|
1063
|
+
}), /*#__PURE__*/jsx(Radio, {
|
|
1064
|
+
className: "mt-2 space-x-4",
|
|
1065
|
+
children: DATE_FORMAT_OPTIONS.map(function (_ref4) {
|
|
1066
|
+
var label = _ref4.label,
|
|
1067
|
+
value = _ref4.value;
|
|
1068
|
+
return /*#__PURE__*/createElement(Radio.Item, {
|
|
1069
|
+
label: label,
|
|
1070
|
+
value: value,
|
|
1071
|
+
checked: values.dateFormat === value,
|
|
1072
|
+
"data-cy": "ntm-profile-date-format-radio",
|
|
1073
|
+
key: value,
|
|
1074
|
+
name: "dateFormat",
|
|
1075
|
+
onChange: function onChange(event) {
|
|
1076
|
+
return setFieldValue("dateFormat", event.target.value);
|
|
1077
|
+
}
|
|
1078
|
+
});
|
|
1079
|
+
})
|
|
1080
|
+
})]
|
|
1081
|
+
})]
|
|
1082
|
+
}), /*#__PURE__*/jsxs(Callout, {
|
|
1083
|
+
className: "neeto-ui-bg-gray-100 neeto-ui-border-gray-300 mt-8 flex w-full items-center",
|
|
1084
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
1085
|
+
style: "body2",
|
|
1086
|
+
children: t("neetoTeamMembers.profile.common.toUpdateProfile")
|
|
1087
|
+
}), /*#__PURE__*/jsx(Button, {
|
|
1088
|
+
"data-cy": "ntm-visit-auth-button",
|
|
1089
|
+
"data-test-id": "ntm-visit-auth-button",
|
|
1090
|
+
href: MY_PROFILE_PATH,
|
|
1091
|
+
icon: ExternalLink,
|
|
1092
|
+
label: t("neetoTeamMembers.profile.common.neetoAuth"),
|
|
1093
|
+
style: "link",
|
|
1094
|
+
target: "_blank"
|
|
1095
|
+
})]
|
|
1096
|
+
})]
|
|
1097
|
+
}), /*#__PURE__*/jsx(Pane.Footer, {
|
|
1098
|
+
className: "flex items-center space-x-2",
|
|
1099
|
+
children: /*#__PURE__*/jsx(ActionBlock, {
|
|
1100
|
+
cancelButtonProps: {
|
|
1101
|
+
"data-test-id": "ntm-profile-cancel-button",
|
|
1102
|
+
"data-cy": "ntm-profile-cancel-button",
|
|
1103
|
+
disabled: false,
|
|
1104
|
+
style: "text",
|
|
1105
|
+
className: "ml-2",
|
|
1106
|
+
onClick: onClose
|
|
1107
|
+
},
|
|
1108
|
+
submitButtonProps: {
|
|
1109
|
+
"data-cy": "ntm-profile-submit-button",
|
|
1110
|
+
"data-test-id": "ntm-profile-save-changes-button",
|
|
1111
|
+
loading: isUpdatingProfile || isUploading
|
|
1112
|
+
}
|
|
1113
|
+
})
|
|
1114
|
+
})]
|
|
1061
1115
|
});
|
|
1062
|
-
}
|
|
1063
|
-
className: "neeto-ui-bg-gray-100 neeto-ui-border-gray-300 mt-8 flex w-full items-center"
|
|
1064
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
1065
|
-
style: "body2"
|
|
1066
|
-
}, t("neetoTeamMembers.profile.common.toUpdateProfile")), /*#__PURE__*/React.createElement(Button, {
|
|
1067
|
-
"data-cy": "ntm-visit-auth-button",
|
|
1068
|
-
"data-test-id": "ntm-visit-auth-button",
|
|
1069
|
-
href: MY_PROFILE_PATH,
|
|
1070
|
-
icon: ExternalLink,
|
|
1071
|
-
label: t("neetoTeamMembers.profile.common.neetoAuth"),
|
|
1072
|
-
style: "link",
|
|
1073
|
-
target: "_blank"
|
|
1074
|
-
}))), /*#__PURE__*/React.createElement(Pane.Footer, {
|
|
1075
|
-
className: "flex items-center space-x-2"
|
|
1076
|
-
}, /*#__PURE__*/React.createElement(ActionBlock, {
|
|
1077
|
-
cancelButtonProps: {
|
|
1078
|
-
"data-test-id": "ntm-profile-cancel-button",
|
|
1079
|
-
"data-cy": "ntm-profile-cancel-button",
|
|
1080
|
-
disabled: false,
|
|
1081
|
-
style: "text",
|
|
1082
|
-
className: "ml-2",
|
|
1083
|
-
onClick: onClose
|
|
1084
|
-
},
|
|
1085
|
-
submitButtonProps: {
|
|
1086
|
-
"data-cy": "ntm-profile-submit-button",
|
|
1087
|
-
"data-test-id": "ntm-profile-save-changes-button",
|
|
1088
|
-
loading: isUpdatingProfile || isUploading
|
|
1089
|
-
}
|
|
1090
|
-
})));
|
|
1116
|
+
}
|
|
1091
1117
|
});
|
|
1092
1118
|
};
|
|
1093
1119
|
|
|
@@ -1128,17 +1154,22 @@ var Profile$1 = function Profile() {
|
|
|
1128
1154
|
var onClose = function onClose() {
|
|
1129
1155
|
return setIsOpen(false);
|
|
1130
1156
|
};
|
|
1131
|
-
return /*#__PURE__*/
|
|
1132
|
-
className: "w-full"
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1157
|
+
return /*#__PURE__*/jsx("div", {
|
|
1158
|
+
className: "w-full",
|
|
1159
|
+
children: /*#__PURE__*/jsxs(Pane, {
|
|
1160
|
+
isOpen: isOpen,
|
|
1161
|
+
onClose: onClose,
|
|
1162
|
+
children: [/*#__PURE__*/jsx(Pane.Header, {
|
|
1163
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
1164
|
+
style: "h2",
|
|
1165
|
+
weight: "semibold",
|
|
1166
|
+
children: t("neetoTeamMembers.profile.common.myProfile")
|
|
1167
|
+
})
|
|
1168
|
+
}), /*#__PURE__*/jsx(ChangeProfile, {
|
|
1169
|
+
onClose: onClose
|
|
1170
|
+
})]
|
|
1171
|
+
})
|
|
1172
|
+
});
|
|
1142
1173
|
};
|
|
1143
1174
|
|
|
1144
1175
|
var dist = {exports: {}};
|
|
@@ -1147,7 +1178,7 @@ dist.exports;
|
|
|
1147
1178
|
|
|
1148
1179
|
(function (module, exports) {
|
|
1149
1180
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
1150
|
-
module.exports = factory(
|
|
1181
|
+
module.exports = factory(require$$0);
|
|
1151
1182
|
})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
|
|
1152
1183
|
return /******/ (function(modules) { // webpackBootstrap
|
|
1153
1184
|
/******/ // The module cache
|
|
@@ -2528,15 +2559,17 @@ var queryClient = new QueryClient({
|
|
|
2528
2559
|
}
|
|
2529
2560
|
});
|
|
2530
2561
|
|
|
2531
|
-
|
|
2562
|
+
function ownKeys$g(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; }
|
|
2563
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2532
2564
|
var withReactQuery = function withReactQuery(Component) {
|
|
2533
2565
|
var QueryWrapper = function QueryWrapper(props) {
|
|
2534
|
-
return /*#__PURE__*/
|
|
2535
|
-
client: queryClient
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2566
|
+
return /*#__PURE__*/jsxs(QueryClientProvider, {
|
|
2567
|
+
client: queryClient,
|
|
2568
|
+
children: [/*#__PURE__*/jsx(Component, _objectSpread$g({}, props)), /*#__PURE__*/jsx(ReactQueryDevtools, {
|
|
2569
|
+
initialIsOpen: false,
|
|
2570
|
+
position: "bottom-right"
|
|
2571
|
+
})]
|
|
2572
|
+
});
|
|
2540
2573
|
};
|
|
2541
2574
|
return QueryWrapper;
|
|
2542
2575
|
};
|
|
@@ -2548,11 +2581,11 @@ var permissionsApi = {
|
|
|
2548
2581
|
fetch: fetch$3
|
|
2549
2582
|
};
|
|
2550
2583
|
|
|
2551
|
-
function ownKeys$
|
|
2552
|
-
function _objectSpread$
|
|
2584
|
+
function ownKeys$f(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; }
|
|
2585
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2553
2586
|
var useFetchPermissions = function useFetchPermissions() {
|
|
2554
2587
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2555
|
-
return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$
|
|
2588
|
+
return useQuery(QUERY_KEYS.PERMISSIONS, permissionsApi.fetch, _objectSpread$f({
|
|
2556
2589
|
select: function select(response) {
|
|
2557
2590
|
return response === null || response === void 0 ? void 0 : response.permissions;
|
|
2558
2591
|
}
|
|
@@ -2624,11 +2657,11 @@ var _excluded$3 = ["onSuccess"],
|
|
|
2624
2657
|
_excluded2$2 = ["onSuccess"],
|
|
2625
2658
|
_excluded3 = ["onSuccess"],
|
|
2626
2659
|
_excluded4 = ["onSuccess"];
|
|
2627
|
-
function ownKeys$
|
|
2628
|
-
function _objectSpread$
|
|
2660
|
+
function ownKeys$e(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; }
|
|
2661
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2629
2662
|
var useFetchRoles = function useFetchRoles() {
|
|
2630
2663
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2631
|
-
return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$
|
|
2664
|
+
return useQuery(QUERY_KEYS.ROLES, organizationRolesApi.fetch, _objectSpread$e({
|
|
2632
2665
|
select: function select(response) {
|
|
2633
2666
|
return response === null || response === void 0 ? void 0 : response.organizationRoles;
|
|
2634
2667
|
}
|
|
@@ -2636,12 +2669,12 @@ var useFetchRoles = function useFetchRoles() {
|
|
|
2636
2669
|
};
|
|
2637
2670
|
var useFetchGlobalRoles = function useFetchGlobalRoles() {
|
|
2638
2671
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2639
|
-
return useQuery(QUERY_KEYS.GLOBAL_ROLES, globalRolesApi.fetch, _objectSpread$
|
|
2672
|
+
return useQuery(QUERY_KEYS.GLOBAL_ROLES, globalRolesApi.fetch, _objectSpread$e({}, options));
|
|
2640
2673
|
};
|
|
2641
2674
|
var useCreateRole = function useCreateRole(_ref) {
|
|
2642
2675
|
var _onSuccess = _ref.onSuccess,
|
|
2643
2676
|
options = _objectWithoutProperties(_ref, _excluded$3);
|
|
2644
|
-
return useMutation(organizationRolesApi.create, _objectSpread$
|
|
2677
|
+
return useMutation(organizationRolesApi.create, _objectSpread$e({
|
|
2645
2678
|
onSuccess: function onSuccess() {
|
|
2646
2679
|
queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
|
|
2647
2680
|
queryClient.invalidateQueries(QUERY_KEYS.ROLES);
|
|
@@ -2656,7 +2689,7 @@ var useUpdateRole = function useUpdateRole(_ref2) {
|
|
|
2656
2689
|
var id = _ref3.id,
|
|
2657
2690
|
payload = _ref3.payload;
|
|
2658
2691
|
return organizationRolesApi.update(id, payload);
|
|
2659
|
-
}, _objectSpread$
|
|
2692
|
+
}, _objectSpread$e({
|
|
2660
2693
|
onSuccess: function onSuccess() {
|
|
2661
2694
|
queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
|
|
2662
2695
|
queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
|
|
@@ -2673,7 +2706,7 @@ var useDestroyRole = function useDestroyRole(_ref4) {
|
|
|
2673
2706
|
var id = _ref5.id,
|
|
2674
2707
|
payload = _ref5.payload;
|
|
2675
2708
|
return organizationRolesApi.destroy(id, payload);
|
|
2676
|
-
}, _objectSpread$
|
|
2709
|
+
}, _objectSpread$e({
|
|
2677
2710
|
onSuccess: function onSuccess() {
|
|
2678
2711
|
queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
|
|
2679
2712
|
queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
|
|
@@ -2685,7 +2718,7 @@ var useDestroyRole = function useDestroyRole(_ref4) {
|
|
|
2685
2718
|
var useBulkUpdateRoles = function useBulkUpdateRoles(_ref6) {
|
|
2686
2719
|
var _onSuccess4 = _ref6.onSuccess,
|
|
2687
2720
|
options = _objectWithoutProperties(_ref6, _excluded4);
|
|
2688
|
-
return useMutation(organizationRolesApi.bulkUpdate, _objectSpread$
|
|
2721
|
+
return useMutation(organizationRolesApi.bulkUpdate, _objectSpread$e({
|
|
2689
2722
|
onSuccess: function onSuccess() {
|
|
2690
2723
|
queryClient.invalidateQueries(QUERY_KEYS.TEAMS);
|
|
2691
2724
|
queryClient.invalidateQueries(QUERY_KEYS.TEAMS_DEPENDENCIES);
|
|
@@ -2714,16 +2747,19 @@ var AddRoleButton = function AddRoleButton(_ref) {
|
|
|
2714
2747
|
var _useTranslation = useTranslation(),
|
|
2715
2748
|
t = _useTranslation.t;
|
|
2716
2749
|
var isCreatePermissionGranted = config.permissions.create;
|
|
2717
|
-
return /*#__PURE__*/
|
|
2750
|
+
return /*#__PURE__*/jsx(Tooltip, {
|
|
2718
2751
|
content: t("neetoTeamMembers.tooltips.noPermissionToAddRole"),
|
|
2719
2752
|
disabled: isCreatePermissionGranted,
|
|
2720
|
-
position: "bottom"
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2753
|
+
position: "bottom",
|
|
2754
|
+
children: /*#__PURE__*/jsx("span", {
|
|
2755
|
+
children: /*#__PURE__*/jsx(Button, {
|
|
2756
|
+
"data-cy": "ntm-add-role-button",
|
|
2757
|
+
disabled: !isCreatePermissionGranted,
|
|
2758
|
+
label: t("neetoTeamMembers.labels.addNewRole"),
|
|
2759
|
+
onClick: onClick
|
|
2760
|
+
})
|
|
2761
|
+
})
|
|
2762
|
+
});
|
|
2727
2763
|
};
|
|
2728
2764
|
|
|
2729
2765
|
var Header$3 = function Header(_ref) {
|
|
@@ -2737,43 +2773,49 @@ var Header$3 = function Header(_ref) {
|
|
|
2737
2773
|
var _useTranslation = useTranslation(),
|
|
2738
2774
|
t = _useTranslation.t;
|
|
2739
2775
|
var isUpdatePermissionGranted = config.permissions.update;
|
|
2740
|
-
return /*#__PURE__*/
|
|
2776
|
+
return /*#__PURE__*/jsx(NeetoHeader, {
|
|
2741
2777
|
breadcrumbs: renderBreadcrumbs(config === null || config === void 0 || (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs),
|
|
2742
2778
|
className: "ntm-roles-header",
|
|
2743
2779
|
searchProps: isNotEmpty(roles) ? renderSearchProps() : null,
|
|
2744
|
-
actionBlock: isDirty ? /*#__PURE__*/
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
|
|
2758
|
-
|
|
2759
|
-
|
|
2760
|
-
|
|
2780
|
+
actionBlock: isDirty ? /*#__PURE__*/jsxs(Fragment, {
|
|
2781
|
+
children: [/*#__PURE__*/jsx(Tooltip, {
|
|
2782
|
+
content: t("neetoTeamMembers.tooltips.noPermissionToEditRoles"),
|
|
2783
|
+
disabled: isUpdatePermissionGranted,
|
|
2784
|
+
position: "bottom",
|
|
2785
|
+
children: /*#__PURE__*/jsx("span", {
|
|
2786
|
+
children: /*#__PURE__*/jsx(Button, {
|
|
2787
|
+
"data-cy": "ntm-role-submission-button",
|
|
2788
|
+
disabled: !isUpdatePermissionGranted,
|
|
2789
|
+
label: t("neetoTeamMembers.buttons.saveChanges"),
|
|
2790
|
+
type: "submit",
|
|
2791
|
+
onClick: handleSubmit
|
|
2792
|
+
})
|
|
2793
|
+
})
|
|
2794
|
+
}), /*#__PURE__*/jsx(Button, {
|
|
2795
|
+
"data-cy": "ntm-role-reset-button",
|
|
2796
|
+
label: t("neetoTeamMembers.buttons.reset"),
|
|
2797
|
+
style: "text",
|
|
2798
|
+
type: "reset",
|
|
2799
|
+
onClick: handleReset
|
|
2800
|
+
})]
|
|
2801
|
+
}) : /*#__PURE__*/jsx(AddRoleButton, {
|
|
2761
2802
|
config: config,
|
|
2762
2803
|
onClick: function onClick() {
|
|
2763
2804
|
return setIsNewRolePaneOpen(true);
|
|
2764
2805
|
}
|
|
2765
2806
|
}),
|
|
2766
|
-
title: /*#__PURE__*/
|
|
2767
|
-
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-6"
|
|
2768
|
-
|
|
2769
|
-
|
|
2770
|
-
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2807
|
+
title: /*#__PURE__*/jsxs("span", {
|
|
2808
|
+
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-6",
|
|
2809
|
+
children: [t("neetoTeamMembers.common.role", PLURAL), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/jsx(Button, {
|
|
2810
|
+
className: "neeto-ui-mt-1",
|
|
2811
|
+
"data-cy": "ntm-roles-permission-more-info-button",
|
|
2812
|
+
href: config === null || config === void 0 ? void 0 : config.helpUrl,
|
|
2813
|
+
icon: ExternalLink,
|
|
2814
|
+
label: t("neetoTeamMembers.helpers.moreInfoAboutPermissions"),
|
|
2815
|
+
style: "link",
|
|
2816
|
+
target: "_blank"
|
|
2817
|
+
})]
|
|
2818
|
+
})
|
|
2777
2819
|
});
|
|
2778
2820
|
};
|
|
2779
2821
|
|
|
@@ -2866,8 +2908,8 @@ var ROLE_FORMIK_PROPS = {
|
|
|
2866
2908
|
validationSchema: ADD_ROLE_FORM_VALIDATION_SCHEMA
|
|
2867
2909
|
};
|
|
2868
2910
|
|
|
2869
|
-
function ownKeys$
|
|
2870
|
-
function _objectSpread$
|
|
2911
|
+
function ownKeys$d(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; }
|
|
2912
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2871
2913
|
var sortPermissionsBySequence = function sortPermissionsBySequence() {
|
|
2872
2914
|
var _permissions$;
|
|
2873
2915
|
var permissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
@@ -2909,7 +2951,7 @@ var getModifiedPermissions = function getModifiedPermissions() {
|
|
|
2909
2951
|
var attachChildrenRecursively = function attachChildrenRecursively(permission, permissionsNameMap, permissionRelationConfig) {
|
|
2910
2952
|
var _ref = permissionRelationConfig[permission.name] || {},
|
|
2911
2953
|
children = _ref.children;
|
|
2912
|
-
return children ? _objectSpread$
|
|
2954
|
+
return children ? _objectSpread$d(_objectSpread$d({}, permission), {}, {
|
|
2913
2955
|
children: children.flatMap(function (childName) {
|
|
2914
2956
|
return attachChildrenRecursively(permissionsNameMap[childName][0], permissionsNameMap, permissionRelationConfig);
|
|
2915
2957
|
})
|
|
@@ -2935,8 +2977,8 @@ var getChildrenRemovedFromRoot = function getChildrenRemovedFromRoot(_ref3) {
|
|
|
2935
2977
|
});
|
|
2936
2978
|
};
|
|
2937
2979
|
|
|
2938
|
-
function ownKeys$
|
|
2939
|
-
function _objectSpread$
|
|
2980
|
+
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; }
|
|
2981
|
+
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; }
|
|
2940
2982
|
var Permissions = function Permissions(_ref) {
|
|
2941
2983
|
var _ref$permissions = _ref.permissions,
|
|
2942
2984
|
permissions = _ref$permissions === void 0 ? [] : _ref$permissions,
|
|
@@ -3009,59 +3051,69 @@ var Permissions = function Permissions(_ref) {
|
|
|
3009
3051
|
return pluck("description", permissionsNameMap[name]);
|
|
3010
3052
|
}).join(", ")
|
|
3011
3053
|
});
|
|
3012
|
-
return /*#__PURE__*/
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
|
|
3054
|
+
return /*#__PURE__*/jsx(Fragment$1, {
|
|
3055
|
+
children: /*#__PURE__*/jsx(Tooltip, {
|
|
3056
|
+
content: tooltipMessage,
|
|
3057
|
+
disabled: !tooltipMessage || isChecked,
|
|
3058
|
+
position: "left-start",
|
|
3059
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
3060
|
+
className: "ntm-roles-permission__card",
|
|
3061
|
+
children: [/*#__PURE__*/jsx(Checkbox, {
|
|
3062
|
+
checked: isChecked,
|
|
3063
|
+
className: "flex-grow-0",
|
|
3064
|
+
"data-cy": "ntm-roles-permission-checkbox",
|
|
3065
|
+
disabled: isCheckingDisabled,
|
|
3066
|
+
label: description,
|
|
3067
|
+
onChange: function onChange() {
|
|
3068
|
+
return handleTogglePermission(id);
|
|
3069
|
+
}
|
|
3070
|
+
}), /*#__PURE__*/jsx("div", {
|
|
3071
|
+
className: "ntm-roles-permission__sub-blocks neeto-ui-relative neeto-ui-pl-6",
|
|
3072
|
+
children: sortedChildren === null || sortedChildren === void 0 ? void 0 : sortedChildren.map(function (childPermission) {
|
|
3073
|
+
return renderPermission(_objectSpread$c(_objectSpread$c({}, childPermission), {}, {
|
|
3074
|
+
isParentChecked: isChecked
|
|
3075
|
+
}));
|
|
3076
|
+
})
|
|
3077
|
+
})]
|
|
3078
|
+
})
|
|
3079
|
+
})
|
|
3080
|
+
}, id);
|
|
3036
3081
|
};
|
|
3037
|
-
return /*#__PURE__*/
|
|
3038
|
-
className: "ntm-roles-pane__body-wrapper"
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
3047
|
-
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
|
|
3057
|
-
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
|
|
3082
|
+
return /*#__PURE__*/jsxs("div", {
|
|
3083
|
+
className: "ntm-roles-pane__body-wrapper",
|
|
3084
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
3085
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
3086
|
+
lineHeight: "normal",
|
|
3087
|
+
style: "h4",
|
|
3088
|
+
weight: "semibold",
|
|
3089
|
+
children: t("neetoTeamMembers.common.permission", SINGULAR)
|
|
3090
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
3091
|
+
lineHeight: "normal",
|
|
3092
|
+
style: "body2",
|
|
3093
|
+
children: t("neetoTeamMembers.helpers.configPermissions")
|
|
3094
|
+
})]
|
|
3095
|
+
}), Object.keys(groupedPermissions).map(function (category) {
|
|
3096
|
+
return /*#__PURE__*/jsxs("div", {
|
|
3097
|
+
className: "ntm-roles-permission",
|
|
3098
|
+
"data-cy": "ntm-roles-permission-card",
|
|
3099
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
3100
|
+
className: "ntm-roles-permission__heading neeto-ui-mb-2",
|
|
3101
|
+
"data-cy": "ntm-roles-permission-category-title",
|
|
3102
|
+
lineHeight: "normal",
|
|
3103
|
+
style: "h5",
|
|
3104
|
+
weight: "bold",
|
|
3105
|
+
children: category
|
|
3106
|
+
}), /*#__PURE__*/jsx("div", {
|
|
3107
|
+
className: "ntm-roles-permission-category-card",
|
|
3108
|
+
children: groupedPermissions[category].map(renderPermission)
|
|
3109
|
+
})]
|
|
3110
|
+
}, category);
|
|
3111
|
+
})]
|
|
3112
|
+
});
|
|
3061
3113
|
};
|
|
3062
3114
|
|
|
3063
|
-
function ownKeys$
|
|
3064
|
-
function _objectSpread$
|
|
3115
|
+
function ownKeys$b(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; }
|
|
3116
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3065
3117
|
var ManageRoles = function ManageRoles(_ref) {
|
|
3066
3118
|
var config = _ref.config,
|
|
3067
3119
|
_ref$isOpen = _ref.isOpen,
|
|
@@ -3089,7 +3141,7 @@ var ManageRoles = function ManageRoles(_ref) {
|
|
|
3089
3141
|
var isSubmitting = isCreatingRole || isUpdatingRole;
|
|
3090
3142
|
var handleSubmit = function handleSubmit(formValues) {
|
|
3091
3143
|
var payload = {
|
|
3092
|
-
organizationRole: _objectSpread$
|
|
3144
|
+
organizationRole: _objectSpread$b(_objectSpread$b({}, formValues), {}, {
|
|
3093
3145
|
name: formValues.name.trim(),
|
|
3094
3146
|
description: formValues.description.trim()
|
|
3095
3147
|
})
|
|
@@ -3100,68 +3152,82 @@ var ManageRoles = function ManageRoles(_ref) {
|
|
|
3100
3152
|
}) : createRole(payload);
|
|
3101
3153
|
};
|
|
3102
3154
|
var initialValues = isEdit ? selectedRole : ADD_ROLE_FORM_INITIAL_VALUES;
|
|
3103
|
-
var formikProps = _objectSpread$
|
|
3155
|
+
var formikProps = _objectSpread$b(_objectSpread$b({}, ROLE_FORMIK_PROPS), {}, {
|
|
3104
3156
|
initialValues: initialValues,
|
|
3105
3157
|
onSubmit: handleSubmit
|
|
3106
3158
|
});
|
|
3107
3159
|
var isReadOnly = selectedRole.kind === "system";
|
|
3108
3160
|
var isDisabled = ADMIN_ROLES.includes(selectedRole.name) && isReadOnly;
|
|
3109
|
-
return /*#__PURE__*/
|
|
3161
|
+
return /*#__PURE__*/jsxs(Pane, {
|
|
3110
3162
|
initialFocusRef: inputReference,
|
|
3111
3163
|
isOpen: isOpen,
|
|
3112
|
-
onClose: onClose
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
|
|
3129
|
-
|
|
3130
|
-
|
|
3131
|
-
|
|
3132
|
-
|
|
3133
|
-
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
|
|
3139
|
-
|
|
3140
|
-
|
|
3141
|
-
|
|
3142
|
-
|
|
3143
|
-
|
|
3144
|
-
|
|
3145
|
-
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
|
|
3152
|
-
|
|
3153
|
-
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3164
|
+
onClose: onClose,
|
|
3165
|
+
children: [/*#__PURE__*/jsx(Pane.Header, {
|
|
3166
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
3167
|
+
"data-cy": "ntm-add-role-title",
|
|
3168
|
+
style: "h2",
|
|
3169
|
+
children: isEdit ? t("neetoTeamMembers.labels.editRole") : t("neetoTeamMembers.labels.addNewRole")
|
|
3170
|
+
})
|
|
3171
|
+
}), /*#__PURE__*/jsx(Form, {
|
|
3172
|
+
formikProps: formikProps,
|
|
3173
|
+
ref: formReference,
|
|
3174
|
+
children: function children(_ref2) {
|
|
3175
|
+
var _config$permissionRel;
|
|
3176
|
+
var dirty = _ref2.dirty;
|
|
3177
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
3178
|
+
children: [/*#__PURE__*/jsx(ScrollToErrorField, {
|
|
3179
|
+
formRef: formReference
|
|
3180
|
+
}), /*#__PURE__*/jsx(Pane.Body, {
|
|
3181
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
3182
|
+
className: "ntm-roles-pane__body",
|
|
3183
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
3184
|
+
className: "ntm-roles-pane__body-wrapper",
|
|
3185
|
+
children: [/*#__PURE__*/jsx(Input, {
|
|
3186
|
+
required: true,
|
|
3187
|
+
unlimitedChars: true,
|
|
3188
|
+
"data-cy": "ntm-add-role-name-text-field",
|
|
3189
|
+
label: t("neetoTeamMembers.common.name"),
|
|
3190
|
+
maxLength: ROLE_NAME_MAX_LENGTH,
|
|
3191
|
+
name: "name",
|
|
3192
|
+
placeholder: t("neetoTeamMembers.placeholders.enterName"),
|
|
3193
|
+
readOnly: isReadOnly,
|
|
3194
|
+
ref: inputReference
|
|
3195
|
+
}), /*#__PURE__*/jsx(Textarea, {
|
|
3196
|
+
unlimitedChars: true,
|
|
3197
|
+
"data-cy": "ntm-add-role-description-text-field",
|
|
3198
|
+
label: t("neetoTeamMembers.common.description"),
|
|
3199
|
+
maxLength: ROLE_DESCRIPTION_MAX_LENGTH,
|
|
3200
|
+
name: "description",
|
|
3201
|
+
readOnly: isDisabled,
|
|
3202
|
+
placeholder: t("neetoTeamMembers.placeholders.enterDescription")
|
|
3203
|
+
})]
|
|
3204
|
+
}), /*#__PURE__*/jsx(Permissions, {
|
|
3205
|
+
isDisabled: isDisabled,
|
|
3206
|
+
permissions: permissions,
|
|
3207
|
+
permissionRelationConfig: (_config$permissionRel = config === null || config === void 0 ? void 0 : config.permissionRelation) !== null && _config$permissionRel !== void 0 ? _config$permissionRel : {}
|
|
3208
|
+
})]
|
|
3209
|
+
})
|
|
3210
|
+
}), /*#__PURE__*/jsx(Pane.Footer, {
|
|
3211
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
3212
|
+
className: "ntm-roles-pane__footer",
|
|
3213
|
+
children: [/*#__PURE__*/jsx(Button, {
|
|
3214
|
+
"data-cy": "ntm-add-role-submit-button",
|
|
3215
|
+
disabled: !dirty || isSubmitting || isDisabled,
|
|
3216
|
+
label: t("neetoTeamMembers.buttons.saveChanges"),
|
|
3217
|
+
loading: isSubmitting,
|
|
3218
|
+
type: "submit"
|
|
3219
|
+
}), /*#__PURE__*/jsx(Button, {
|
|
3220
|
+
"data-cy": "ntm-add-role-cancel-button",
|
|
3221
|
+
label: t("neetoTeamMembers.buttons.cancel"),
|
|
3222
|
+
style: "text",
|
|
3223
|
+
onClick: onClose
|
|
3224
|
+
})]
|
|
3225
|
+
})
|
|
3226
|
+
})]
|
|
3227
|
+
});
|
|
3228
|
+
}
|
|
3229
|
+
})]
|
|
3230
|
+
});
|
|
3165
3231
|
};
|
|
3166
3232
|
|
|
3167
3233
|
var DEFAULT_MANAGE_ROLE_VALUES = {
|
|
@@ -3318,34 +3384,37 @@ var Row = function Row(_ref) {
|
|
|
3318
3384
|
var isCheckboxChecked = function isCheckboxChecked(role) {
|
|
3319
3385
|
return !allPermissionsOfCategory ? includes(permission === null || permission === void 0 ? void 0 : permission.id, role.permissionIds) : allPermissionIdsOfCategory.every(includes(__, role.permissionIds));
|
|
3320
3386
|
};
|
|
3321
|
-
return /*#__PURE__*/
|
|
3387
|
+
return /*#__PURE__*/jsx("div", {
|
|
3322
3388
|
className: classnames("ntm-roles-table__row", {
|
|
3323
3389
|
"ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
|
|
3390
|
+
}),
|
|
3391
|
+
children: roles.map(function (role) {
|
|
3392
|
+
return /*#__PURE__*/jsx("div", {
|
|
3393
|
+
className: "ntm-roles-table__cell",
|
|
3394
|
+
style: {
|
|
3395
|
+
height: getRowClientHeight(permission)
|
|
3396
|
+
},
|
|
3397
|
+
children: /*#__PURE__*/jsx(Tooltip, {
|
|
3398
|
+
content: renderRolesTooltipContent(role.name),
|
|
3399
|
+
position: "top",
|
|
3400
|
+
disabled: isUpdatePermissionGranted && !identical(role.name, "Admin"),
|
|
3401
|
+
children: /*#__PURE__*/jsx("div", {
|
|
3402
|
+
className: "ntm-roles-table-cell__checkbox-wrapper",
|
|
3403
|
+
children: /*#__PURE__*/jsx(Checkbox, {
|
|
3404
|
+
disabled: true,
|
|
3405
|
+
checked: isCheckboxChecked(role),
|
|
3406
|
+
className: "ntm-roles-table-cell__checkbox",
|
|
3407
|
+
"data-cy": "ntm-roles-table-permission-checkbox",
|
|
3408
|
+
onChange: function onChange(_ref2) {
|
|
3409
|
+
var checked = _ref2.target.checked;
|
|
3410
|
+
return handleSubmit(role, checked);
|
|
3411
|
+
}
|
|
3412
|
+
})
|
|
3413
|
+
})
|
|
3414
|
+
})
|
|
3415
|
+
}, role.id);
|
|
3324
3416
|
})
|
|
3325
|
-
}
|
|
3326
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
3327
|
-
className: "ntm-roles-table__cell",
|
|
3328
|
-
key: role.id,
|
|
3329
|
-
style: {
|
|
3330
|
-
height: getRowClientHeight(permission)
|
|
3331
|
-
}
|
|
3332
|
-
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
3333
|
-
content: renderRolesTooltipContent(role.name),
|
|
3334
|
-
position: "top",
|
|
3335
|
-
disabled: isUpdatePermissionGranted && !identical(role.name, "Admin")
|
|
3336
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3337
|
-
className: "ntm-roles-table-cell__checkbox-wrapper"
|
|
3338
|
-
}, /*#__PURE__*/React.createElement(Checkbox, {
|
|
3339
|
-
disabled: true,
|
|
3340
|
-
checked: isCheckboxChecked(role),
|
|
3341
|
-
className: "ntm-roles-table-cell__checkbox",
|
|
3342
|
-
"data-cy": "ntm-roles-table-permission-checkbox",
|
|
3343
|
-
onChange: function onChange(_ref2) {
|
|
3344
|
-
var checked = _ref2.target.checked;
|
|
3345
|
-
return handleSubmit(role, checked);
|
|
3346
|
-
}
|
|
3347
|
-
}))));
|
|
3348
|
-
}));
|
|
3417
|
+
});
|
|
3349
3418
|
};
|
|
3350
3419
|
|
|
3351
3420
|
var TableHeader = function TableHeader(_ref) {
|
|
@@ -3370,44 +3439,48 @@ var TableHeader = function TableHeader(_ref) {
|
|
|
3370
3439
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3371
3440
|
}, []);
|
|
3372
3441
|
useEffect(getOverflowStatus, [getOverflowStatus, scrollSyncElement, roles]);
|
|
3373
|
-
return /*#__PURE__*/
|
|
3442
|
+
return /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
|
|
3374
3443
|
group: "horizontal",
|
|
3375
|
-
ref: scrollSyncElement
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3391
|
-
|
|
3392
|
-
|
|
3393
|
-
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3444
|
+
ref: scrollSyncElement,
|
|
3445
|
+
children: /*#__PURE__*/jsx("div", {
|
|
3446
|
+
className: "ntm-roles-table__header",
|
|
3447
|
+
"data-cy": "ntm-roles-table-header",
|
|
3448
|
+
children: roles === null || roles === void 0 ? void 0 : roles.map(function (role, index) {
|
|
3449
|
+
var isSystemRole = identical("system", role.kind);
|
|
3450
|
+
var isAdminRole = ADMIN_ROLES.includes(role.name) && isSystemRole;
|
|
3451
|
+
return /*#__PURE__*/jsx("div", {
|
|
3452
|
+
className: "ntm-roles-table__cell",
|
|
3453
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
3454
|
+
className: "ntm-roles-table-header-cell__container",
|
|
3455
|
+
"data-cy": "ntm-roles-table-role-header",
|
|
3456
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
3457
|
+
className: "ntm-roles-table-header__role-name",
|
|
3458
|
+
"data-cy": "ntm-roles-table-header-role-title",
|
|
3459
|
+
lineHeight: "normal",
|
|
3460
|
+
style: "h4",
|
|
3461
|
+
weight: "semibold",
|
|
3462
|
+
children: role.name
|
|
3463
|
+
}), !isAdminRole && /*#__PURE__*/jsx(MoreDropdown, {
|
|
3464
|
+
dropdownProps: {
|
|
3465
|
+
autoWidth: true
|
|
3466
|
+
},
|
|
3467
|
+
dropdownButtonProps: {
|
|
3468
|
+
className: "ntm-roles-table-header__dropdown",
|
|
3469
|
+
"data-cy": "ntm-roles-table-header-role-dropdown-button"
|
|
3470
|
+
},
|
|
3471
|
+
menuItems: getMenuItems({
|
|
3472
|
+
isDeletePermissionGranted: isDeletePermissionGranted,
|
|
3473
|
+
isUpdatePermissionGranted: isUpdatePermissionGranted,
|
|
3474
|
+
role: role,
|
|
3475
|
+
setManageRole: setManageRole,
|
|
3476
|
+
isSystemRole: isSystemRole
|
|
3477
|
+
})
|
|
3478
|
+
})]
|
|
3479
|
+
})
|
|
3480
|
+
}, "ntm-roles-".concat(index));
|
|
3408
3481
|
})
|
|
3409
|
-
})
|
|
3410
|
-
})
|
|
3482
|
+
})
|
|
3483
|
+
});
|
|
3411
3484
|
};
|
|
3412
3485
|
var TableHeader$1 = /*#__PURE__*/memo(TableHeader);
|
|
3413
3486
|
|
|
@@ -3436,13 +3509,13 @@ var Delete = function Delete(_ref) {
|
|
|
3436
3509
|
payload: payload
|
|
3437
3510
|
});
|
|
3438
3511
|
};
|
|
3439
|
-
return /*#__PURE__*/
|
|
3512
|
+
return /*#__PURE__*/jsx(Alert, {
|
|
3440
3513
|
cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
|
|
3441
3514
|
isOpen: isOpen,
|
|
3442
3515
|
isSubmitting: isDeleting,
|
|
3443
3516
|
submitButtonLabel: t("neetoTeamMembers.buttons.delete"),
|
|
3444
3517
|
title: t("neetoTeamMembers.labels.deleteRole"),
|
|
3445
|
-
message: /*#__PURE__*/
|
|
3518
|
+
message: /*#__PURE__*/jsx(Trans, {
|
|
3446
3519
|
i18nKey: "neetoTeamMembers.alerts.messages.deletingRole",
|
|
3447
3520
|
values: {
|
|
3448
3521
|
name: selectedRole === null || selectedRole === void 0 ? void 0 : selectedRole.name
|
|
@@ -3469,59 +3542,61 @@ var Columns = function Columns(_ref) {
|
|
|
3469
3542
|
var onClose = function onClose() {
|
|
3470
3543
|
return setManageRole(DEFAULT_MANAGE_ROLE_VALUES);
|
|
3471
3544
|
};
|
|
3472
|
-
return /*#__PURE__*/
|
|
3473
|
-
className: "ntm-roles-table__columns"
|
|
3474
|
-
|
|
3475
|
-
config: config,
|
|
3476
|
-
roles: filteredRoles,
|
|
3477
|
-
setIsScrollPresent: setIsScrollPresent,
|
|
3478
|
-
setManageRole: setManageRole
|
|
3479
|
-
}), /*#__PURE__*/React.createElement(distExports.ScrollSyncPane, {
|
|
3480
|
-
group: ["horizontal", "vertical"]
|
|
3481
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3482
|
-
className: "ntm-roles-table__rows"
|
|
3483
|
-
}, categories.map(function (category, index) {
|
|
3484
|
-
var groupedPermissions = filteredGroupPermissions.get(category);
|
|
3485
|
-
var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
|
|
3486
|
-
var permissions = groupedPermissions.get("permissions");
|
|
3487
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
3488
|
-
key: index
|
|
3489
|
-
}, /*#__PURE__*/React.createElement(Row, {
|
|
3490
|
-
allPermissionsOfCategory: groupedPermissions,
|
|
3545
|
+
return /*#__PURE__*/jsxs("div", {
|
|
3546
|
+
className: "ntm-roles-table__columns",
|
|
3547
|
+
children: [/*#__PURE__*/jsx(TableHeader$1, {
|
|
3491
3548
|
config: config,
|
|
3492
3549
|
roles: filteredRoles,
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
|
|
3504
|
-
|
|
3505
|
-
|
|
3506
|
-
|
|
3507
|
-
|
|
3508
|
-
|
|
3509
|
-
|
|
3510
|
-
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3550
|
+
setIsScrollPresent: setIsScrollPresent,
|
|
3551
|
+
setManageRole: setManageRole
|
|
3552
|
+
}), /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
|
|
3553
|
+
group: ["horizontal", "vertical"],
|
|
3554
|
+
children: /*#__PURE__*/jsx("div", {
|
|
3555
|
+
className: "ntm-roles-table__rows",
|
|
3556
|
+
children: categories.map(function (category, index) {
|
|
3557
|
+
var groupedPermissions = filteredGroupPermissions.get(category);
|
|
3558
|
+
var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
|
|
3559
|
+
var permissions = groupedPermissions.get("permissions");
|
|
3560
|
+
return /*#__PURE__*/jsxs("div", {
|
|
3561
|
+
children: [/*#__PURE__*/jsx(Row, {
|
|
3562
|
+
allPermissionsOfCategory: groupedPermissions,
|
|
3563
|
+
config: config,
|
|
3564
|
+
roles: filteredRoles,
|
|
3565
|
+
setModifiedRoles: setModifiedRoles
|
|
3566
|
+
}), isPermissionVisible && permissions.map(function (permission) {
|
|
3567
|
+
return /*#__PURE__*/jsx(Row, {
|
|
3568
|
+
config: config,
|
|
3569
|
+
permission: permission,
|
|
3570
|
+
roles: filteredRoles,
|
|
3571
|
+
setModifiedRoles: setModifiedRoles
|
|
3572
|
+
}, permission.id);
|
|
3573
|
+
})]
|
|
3574
|
+
}, index);
|
|
3575
|
+
})
|
|
3576
|
+
})
|
|
3577
|
+
}), /*#__PURE__*/jsx(ManageRoles, {
|
|
3578
|
+
config: config,
|
|
3579
|
+
isOpen: manageRole.isEdit,
|
|
3580
|
+
permissions: permissions,
|
|
3581
|
+
selectedRole: manageRole.selectedRole,
|
|
3582
|
+
onClose: onClose
|
|
3583
|
+
}), /*#__PURE__*/jsx(Delete, {
|
|
3584
|
+
isOpen: manageRole.isDelete,
|
|
3585
|
+
roles: roles,
|
|
3586
|
+
selectedRole: manageRole.selectedRole,
|
|
3587
|
+
onClose: onClose
|
|
3588
|
+
})]
|
|
3589
|
+
});
|
|
3515
3590
|
};
|
|
3516
3591
|
|
|
3517
3592
|
var ToggleDropdown = function ToggleDropdown(_ref) {
|
|
3518
3593
|
var isVisible = _ref.isVisible;
|
|
3519
|
-
return isVisible ? /*#__PURE__*/
|
|
3594
|
+
return isVisible ? /*#__PURE__*/jsx(Up, {
|
|
3520
3595
|
className: "ntm-roles-table-sidebar__drop-down-button",
|
|
3521
3596
|
"data-cy": "ntm-permission-category-hide-button",
|
|
3522
3597
|
size: 16,
|
|
3523
3598
|
strokeWidth: 2
|
|
3524
|
-
}) : /*#__PURE__*/
|
|
3599
|
+
}) : /*#__PURE__*/jsx(Down, {
|
|
3525
3600
|
className: "ntm-roles-table-sidebar__drop-down-button",
|
|
3526
3601
|
"data-cy": "ntm-permission-category-show-button",
|
|
3527
3602
|
size: 16,
|
|
@@ -3533,15 +3608,16 @@ var renderDescription = function renderDescription(permissions) {
|
|
|
3533
3608
|
return permissions === null || permissions === void 0 ? void 0 : permissions.map(function (_ref) {
|
|
3534
3609
|
var id = _ref.id,
|
|
3535
3610
|
description = _ref.description;
|
|
3536
|
-
return /*#__PURE__*/
|
|
3611
|
+
return /*#__PURE__*/jsx("div", {
|
|
3537
3612
|
className: "ntm-roles-table-sidebar__list-item",
|
|
3538
3613
|
"data-name": description,
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
|
|
3542
|
-
|
|
3543
|
-
|
|
3544
|
-
|
|
3614
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
3615
|
+
"data-cy": "ntm-permission-category-description",
|
|
3616
|
+
lineHeight: "normal",
|
|
3617
|
+
style: "body2",
|
|
3618
|
+
children: description
|
|
3619
|
+
})
|
|
3620
|
+
}, id);
|
|
3545
3621
|
});
|
|
3546
3622
|
};
|
|
3547
3623
|
var getSearchWrapperStyle = function getSearchWrapperStyle() {
|
|
@@ -3562,45 +3638,51 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
3562
3638
|
t = _useTranslation.t;
|
|
3563
3639
|
var categories = Array.from(filteredGroupPermissions.keys());
|
|
3564
3640
|
var searchWrapperStyle = isScrollPresent ? getSearchWrapperStyle() : {};
|
|
3565
|
-
return /*#__PURE__*/
|
|
3566
|
-
className: "ntm-roles-table__sidebar"
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
3571
|
-
|
|
3572
|
-
|
|
3573
|
-
|
|
3574
|
-
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3641
|
+
return /*#__PURE__*/jsxs("div", {
|
|
3642
|
+
className: "ntm-roles-table__sidebar",
|
|
3643
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
3644
|
+
className: "ntm-roles-table-sidebar__search",
|
|
3645
|
+
style: searchWrapperStyle,
|
|
3646
|
+
children: /*#__PURE__*/jsx(Input$1, {
|
|
3647
|
+
"data-cy": "ntm-search-permissions-input",
|
|
3648
|
+
prefix: /*#__PURE__*/jsx(Search, {}),
|
|
3649
|
+
type: "search",
|
|
3650
|
+
value: searchTerm,
|
|
3651
|
+
placeholder: t("neetoTeamMembers.placeholders.searchPermission", PLURAL),
|
|
3652
|
+
onChange: function onChange(_ref2) {
|
|
3653
|
+
var value = _ref2.target.value;
|
|
3654
|
+
return setSearchTerm(value);
|
|
3655
|
+
}
|
|
3656
|
+
})
|
|
3657
|
+
}), /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
|
|
3658
|
+
group: "vertical",
|
|
3659
|
+
children: /*#__PURE__*/jsx("div", {
|
|
3660
|
+
className: "ntm-roles-table-sidebar__list",
|
|
3661
|
+
children: categories.map(function (category, index) {
|
|
3662
|
+
var groupedPermissions = filteredGroupPermissions.get(category);
|
|
3663
|
+
var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
|
|
3664
|
+
var permissions = groupedPermissions.get("permissions");
|
|
3665
|
+
return /*#__PURE__*/jsxs("div", {
|
|
3666
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
3667
|
+
className: "ntm-roles-table-sidebar__list-item ntm-roles-table-sidebar__list-item--highlighted cursor-pointer",
|
|
3668
|
+
onClick: function onClick() {
|
|
3669
|
+
return toggleDropdown(category);
|
|
3670
|
+
},
|
|
3671
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
3672
|
+
"data-cy": "ntm-permission-category-title",
|
|
3673
|
+
lineHeight: "normal",
|
|
3674
|
+
style: "h4",
|
|
3675
|
+
weight: "semibold",
|
|
3676
|
+
children: category
|
|
3677
|
+
}), /*#__PURE__*/jsx(ToggleDropdown, {
|
|
3678
|
+
isVisible: isPermissionVisible
|
|
3679
|
+
})]
|
|
3680
|
+
}), isPermissionVisible && renderDescription(permissions)]
|
|
3681
|
+
}, index);
|
|
3682
|
+
})
|
|
3683
|
+
})
|
|
3684
|
+
})]
|
|
3685
|
+
});
|
|
3604
3686
|
};
|
|
3605
3687
|
|
|
3606
3688
|
var Table = function Table(_ref) {
|
|
@@ -3646,54 +3728,61 @@ var Table = function Table(_ref) {
|
|
|
3646
3728
|
var newValue = filterPermissionsBySearch(searchTerm, permissionGroups);
|
|
3647
3729
|
setFilteredGroupPermissions(newValue);
|
|
3648
3730
|
}, [permissionGroups, searchTerm]);
|
|
3649
|
-
return /*#__PURE__*/
|
|
3650
|
-
|
|
3651
|
-
|
|
3652
|
-
|
|
3653
|
-
|
|
3654
|
-
|
|
3655
|
-
|
|
3656
|
-
|
|
3657
|
-
|
|
3658
|
-
|
|
3659
|
-
|
|
3660
|
-
|
|
3661
|
-
|
|
3662
|
-
|
|
3731
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
3732
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
3733
|
+
className: "ntm-roles-table__wrapper",
|
|
3734
|
+
children: /*#__PURE__*/jsx("div", {
|
|
3735
|
+
className: "ntm-roles-table__container",
|
|
3736
|
+
children: isEmpty(filteredRoles) ? /*#__PURE__*/jsx("div", {
|
|
3737
|
+
className: "ntm-empty-state",
|
|
3738
|
+
children: /*#__PURE__*/jsx(NoData, {
|
|
3739
|
+
title: t("neetoTeamMembers.labels.roleNotFound", PLURAL),
|
|
3740
|
+
primaryButtonProps: {
|
|
3741
|
+
"data-cy": "ntm-add-role-button",
|
|
3742
|
+
disabled: !isCreatePermissionGranted,
|
|
3743
|
+
label: t("neetoTeamMembers.labels.addNewRole"),
|
|
3744
|
+
onClick: function onClick() {
|
|
3745
|
+
return setIsNewRolePaneOpen(true);
|
|
3746
|
+
}
|
|
3747
|
+
}
|
|
3748
|
+
})
|
|
3749
|
+
}) : /*#__PURE__*/jsxs(Fragment, {
|
|
3750
|
+
children: [/*#__PURE__*/jsx(Sidebar, {
|
|
3751
|
+
filteredGroupPermissions: filteredGroupPermissions,
|
|
3752
|
+
isScrollPresent: isScrollPresent,
|
|
3753
|
+
searchTerm: searchTerm,
|
|
3754
|
+
setSearchTerm: setSearchTerm,
|
|
3755
|
+
toggleDropdown: toggleDropdown
|
|
3756
|
+
}), /*#__PURE__*/jsx(Columns, {
|
|
3757
|
+
config: config,
|
|
3758
|
+
filteredGroupPermissions: filteredGroupPermissions,
|
|
3759
|
+
filteredRoles: filteredRoles,
|
|
3760
|
+
permissions: permissions,
|
|
3761
|
+
roles: roles,
|
|
3762
|
+
setIsScrollPresent: setIsScrollPresent,
|
|
3763
|
+
setModifiedRoles: setModifiedRoles
|
|
3764
|
+
})]
|
|
3765
|
+
})
|
|
3766
|
+
})
|
|
3767
|
+
}), /*#__PURE__*/jsx(ManageRoles, {
|
|
3768
|
+
config: config,
|
|
3769
|
+
permissions: permissions,
|
|
3770
|
+
selectedRole: selectedRole,
|
|
3771
|
+
isOpen: isEditPaneOpen,
|
|
3772
|
+
onClose: function onClose() {
|
|
3773
|
+
setSelectedRole(undefined);
|
|
3774
|
+
setIsEditPaneOpen(false);
|
|
3663
3775
|
}
|
|
3664
|
-
}
|
|
3665
|
-
|
|
3666
|
-
|
|
3667
|
-
|
|
3668
|
-
|
|
3669
|
-
|
|
3670
|
-
|
|
3671
|
-
|
|
3672
|
-
|
|
3673
|
-
|
|
3674
|
-
filteredRoles: filteredRoles,
|
|
3675
|
-
permissions: permissions,
|
|
3676
|
-
roles: roles,
|
|
3677
|
-
setIsScrollPresent: setIsScrollPresent,
|
|
3678
|
-
setModifiedRoles: setModifiedRoles
|
|
3679
|
-
})))), /*#__PURE__*/React.createElement(ManageRoles, {
|
|
3680
|
-
config: config,
|
|
3681
|
-
permissions: permissions,
|
|
3682
|
-
selectedRole: selectedRole,
|
|
3683
|
-
isOpen: isEditPaneOpen,
|
|
3684
|
-
onClose: function onClose() {
|
|
3685
|
-
setSelectedRole(undefined);
|
|
3686
|
-
setIsEditPaneOpen(false);
|
|
3687
|
-
}
|
|
3688
|
-
}), /*#__PURE__*/React.createElement(Delete, {
|
|
3689
|
-
roles: roles,
|
|
3690
|
-
selectedRole: selectedRole,
|
|
3691
|
-
isOpen: isDeleteAlertOpen,
|
|
3692
|
-
onClose: function onClose() {
|
|
3693
|
-
setSelectedRole(undefined);
|
|
3694
|
-
setIsDeleteAlertOpen(false);
|
|
3695
|
-
}
|
|
3696
|
-
}));
|
|
3776
|
+
}), /*#__PURE__*/jsx(Delete, {
|
|
3777
|
+
roles: roles,
|
|
3778
|
+
selectedRole: selectedRole,
|
|
3779
|
+
isOpen: isDeleteAlertOpen,
|
|
3780
|
+
onClose: function onClose() {
|
|
3781
|
+
setSelectedRole(undefined);
|
|
3782
|
+
setIsDeleteAlertOpen(false);
|
|
3783
|
+
}
|
|
3784
|
+
})]
|
|
3785
|
+
});
|
|
3697
3786
|
};
|
|
3698
3787
|
|
|
3699
3788
|
var Roles = function Roles(_ref) {
|
|
@@ -3746,35 +3835,41 @@ var Roles = function Roles(_ref) {
|
|
|
3746
3835
|
return setModifiedRoles(roles);
|
|
3747
3836
|
};
|
|
3748
3837
|
if (isRolesLoading || isPermissionsLoading) {
|
|
3749
|
-
return /*#__PURE__*/
|
|
3750
|
-
className: "ntm-members-page-loader"
|
|
3751
|
-
|
|
3838
|
+
return /*#__PURE__*/jsx("div", {
|
|
3839
|
+
className: "ntm-members-page-loader",
|
|
3840
|
+
children: /*#__PURE__*/jsx(PageLoader, {})
|
|
3841
|
+
});
|
|
3752
3842
|
}
|
|
3753
|
-
return /*#__PURE__*/
|
|
3754
|
-
|
|
3755
|
-
|
|
3756
|
-
|
|
3757
|
-
|
|
3758
|
-
|
|
3759
|
-
|
|
3760
|
-
|
|
3761
|
-
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
|
|
3767
|
-
|
|
3768
|
-
|
|
3769
|
-
|
|
3770
|
-
|
|
3771
|
-
|
|
3772
|
-
|
|
3773
|
-
|
|
3774
|
-
|
|
3775
|
-
|
|
3776
|
-
|
|
3777
|
-
|
|
3843
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
3844
|
+
children: [/*#__PURE__*/jsx(distExports.ScrollSync, {
|
|
3845
|
+
children: /*#__PURE__*/jsxs(Container, {
|
|
3846
|
+
isHeaderFixed: true,
|
|
3847
|
+
children: [/*#__PURE__*/jsx(Header$3, {
|
|
3848
|
+
config: config,
|
|
3849
|
+
handleReset: handleReset,
|
|
3850
|
+
handleSubmit: handleSubmit,
|
|
3851
|
+
isDirty: isDirty,
|
|
3852
|
+
roles: roles,
|
|
3853
|
+
setIsNewRolePaneOpen: setIsNewRolePaneOpen
|
|
3854
|
+
}), /*#__PURE__*/jsx(Table, {
|
|
3855
|
+
config: config,
|
|
3856
|
+
filteredRoles: filteredRoles,
|
|
3857
|
+
permissionGroups: permissionGroups,
|
|
3858
|
+
permissions: permissions,
|
|
3859
|
+
roles: roles,
|
|
3860
|
+
setIsNewRolePaneOpen: setIsNewRolePaneOpen,
|
|
3861
|
+
setModifiedRoles: setModifiedRoles
|
|
3862
|
+
})]
|
|
3863
|
+
})
|
|
3864
|
+
}), /*#__PURE__*/jsx(ManageRoles, {
|
|
3865
|
+
config: config,
|
|
3866
|
+
permissions: permissions,
|
|
3867
|
+
isOpen: isNewRolePaneOpen,
|
|
3868
|
+
onClose: function onClose() {
|
|
3869
|
+
return setIsNewRolePaneOpen(false);
|
|
3870
|
+
}
|
|
3871
|
+
})]
|
|
3872
|
+
});
|
|
3778
3873
|
};
|
|
3779
3874
|
var index$1 = withTitle(withReactQuery(Roles), i18next.t("neetoTeamMembers.common.role", PLURAL));
|
|
3780
3875
|
|
|
@@ -4319,7 +4414,7 @@ var callBound$1 = function callBoundIntrinsic(name, allowMissing) {
|
|
|
4319
4414
|
return intrinsic;
|
|
4320
4415
|
};
|
|
4321
4416
|
|
|
4322
|
-
var util_inspect = require$$0.inspect;
|
|
4417
|
+
var util_inspect = require$$0$1.inspect;
|
|
4323
4418
|
|
|
4324
4419
|
var hasMap = typeof Map === 'function' && Map.prototype;
|
|
4325
4420
|
var mapSizeDescriptor = Object.getOwnPropertyDescriptor && hasMap ? Object.getOwnPropertyDescriptor(Map.prototype, 'size') : null;
|
|
@@ -5869,14 +5964,14 @@ var teamsApi = {
|
|
|
5869
5964
|
|
|
5870
5965
|
var _excluded$2 = ["onSuccess"],
|
|
5871
5966
|
_excluded2$1 = ["onSuccess"];
|
|
5872
|
-
function ownKeys$
|
|
5873
|
-
function _objectSpread$
|
|
5967
|
+
function ownKeys$a(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; }
|
|
5968
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5874
5969
|
var useFetchMembers = function useFetchMembers() {
|
|
5875
5970
|
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
5876
5971
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
5877
5972
|
return useQuery([QUERY_KEYS.TEAMS, params], function () {
|
|
5878
5973
|
return teamsApi.fetch(params);
|
|
5879
|
-
}, _objectSpread$
|
|
5974
|
+
}, _objectSpread$a(_objectSpread$a({
|
|
5880
5975
|
select: identity,
|
|
5881
5976
|
keepPreviousData: true
|
|
5882
5977
|
}, options), {}, {
|
|
@@ -5885,7 +5980,7 @@ var useFetchMembers = function useFetchMembers() {
|
|
|
5885
5980
|
};
|
|
5886
5981
|
var useFetchMembersCountsPerCategory = function useFetchMembersCountsPerCategory() {
|
|
5887
5982
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
5888
|
-
return useQuery([QUERY_KEYS.TEAMS], teamsApi.fetchCountsPerCategory, _objectSpread$
|
|
5983
|
+
return useQuery([QUERY_KEYS.TEAMS], teamsApi.fetchCountsPerCategory, _objectSpread$a(_objectSpread$a({
|
|
5889
5984
|
select: identity,
|
|
5890
5985
|
keepPreviousData: true
|
|
5891
5986
|
}, options), {}, {
|
|
@@ -5903,7 +5998,7 @@ var useUpdateMember = function useUpdateMember(_ref) {
|
|
|
5903
5998
|
var id = _ref2.id,
|
|
5904
5999
|
payload = _ref2.payload;
|
|
5905
6000
|
return teamsApi.update(id, payload);
|
|
5906
|
-
}, _objectSpread$
|
|
6001
|
+
}, _objectSpread$a({
|
|
5907
6002
|
keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES],
|
|
5908
6003
|
onSuccess: function onSuccess() {
|
|
5909
6004
|
_onSuccess === null || _onSuccess === void 0 || _onSuccess();
|
|
@@ -5913,7 +6008,7 @@ var useUpdateMember = function useUpdateMember(_ref) {
|
|
|
5913
6008
|
var useBulkUpdateMembers = function useBulkUpdateMembers(_ref3) {
|
|
5914
6009
|
var _onSuccess2 = _ref3.onSuccess,
|
|
5915
6010
|
options = _objectWithoutProperties(_ref3, _excluded2$1);
|
|
5916
|
-
return useMutationWithInvalidation(teamsApi.bulkUpdate, _objectSpread$
|
|
6011
|
+
return useMutationWithInvalidation(teamsApi.bulkUpdate, _objectSpread$a({
|
|
5917
6012
|
keysToInvalidate: [QUERY_KEYS.TEAMS, QUERY_KEYS.TEAMS_DEPENDENCIES],
|
|
5918
6013
|
onSuccess: function onSuccess() {
|
|
5919
6014
|
_onSuccess2 === null || _onSuccess2 === void 0 || _onSuccess2();
|
|
@@ -5931,7 +6026,7 @@ var useFetchFilterOptions = function useFetchFilterOptions(_ref4) {
|
|
|
5931
6026
|
options = _ref4$options === void 0 ? {} : _ref4$options;
|
|
5932
6027
|
return useQuery([QUERY_KEYS.TEAMS_DEPENDENCIES, params], function () {
|
|
5933
6028
|
return teamsApi.fetchFilterOptions(params);
|
|
5934
|
-
}, _objectSpread$
|
|
6029
|
+
}, _objectSpread$a(_objectSpread$a({
|
|
5935
6030
|
select: identity
|
|
5936
6031
|
}, options), {}, {
|
|
5937
6032
|
refetchOnWindowFocus: false
|
|
@@ -5987,8 +6082,8 @@ var DEFAULT_SELECTED_ROWS = {
|
|
|
5987
6082
|
};
|
|
5988
6083
|
var TEAM_MEMBERS_HIDDEN_COLUMNS = "TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS";
|
|
5989
6084
|
|
|
5990
|
-
function ownKeys$
|
|
5991
|
-
function _objectSpread$
|
|
6085
|
+
function ownKeys$9(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; }
|
|
6086
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5992
6087
|
var MenuItem$2 = Dropdown.MenuItem;
|
|
5993
6088
|
var renderNameColumn = function renderNameColumn(_ref) {
|
|
5994
6089
|
var config = _ref.config,
|
|
@@ -6000,36 +6095,39 @@ var renderNameColumn = function renderNameColumn(_ref) {
|
|
|
6000
6095
|
name = tableData.displayName,
|
|
6001
6096
|
imageUrl = tableData.profileImageUrl,
|
|
6002
6097
|
subscriptionPlan = tableData.subscriptionPlan;
|
|
6003
|
-
return /*#__PURE__*/
|
|
6004
|
-
className: "ntm-members-table__wrapper"
|
|
6005
|
-
|
|
6006
|
-
|
|
6007
|
-
|
|
6008
|
-
|
|
6009
|
-
|
|
6010
|
-
|
|
6011
|
-
|
|
6012
|
-
|
|
6013
|
-
|
|
6014
|
-
|
|
6015
|
-
|
|
6016
|
-
|
|
6017
|
-
|
|
6018
|
-
|
|
6019
|
-
|
|
6020
|
-
|
|
6021
|
-
|
|
6022
|
-
|
|
6023
|
-
|
|
6024
|
-
|
|
6025
|
-
|
|
6026
|
-
|
|
6027
|
-
|
|
6028
|
-
|
|
6029
|
-
|
|
6030
|
-
|
|
6031
|
-
|
|
6032
|
-
|
|
6098
|
+
return /*#__PURE__*/jsxs("div", {
|
|
6099
|
+
className: "ntm-members-table__wrapper",
|
|
6100
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
6101
|
+
className: "ntm-members-table__column",
|
|
6102
|
+
children: [/*#__PURE__*/jsx(Avatar, {
|
|
6103
|
+
size: "medium",
|
|
6104
|
+
user: {
|
|
6105
|
+
name: name,
|
|
6106
|
+
imageUrl: imageUrl
|
|
6107
|
+
}
|
|
6108
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
6109
|
+
"data-cy": "ntm-member-name-".concat(hyphenize(name)),
|
|
6110
|
+
style: "body2",
|
|
6111
|
+
children: name
|
|
6112
|
+
}), displayStatusTag && /*#__PURE__*/jsx(Tag, {
|
|
6113
|
+
"data-cy": "ntm-member-status-tag",
|
|
6114
|
+
style: active ? "primary" : "secondary",
|
|
6115
|
+
type: "outline",
|
|
6116
|
+
label: active ? i18next.t(MEMBER_FILTER.ACTIVE.label) : i18next.t(MEMBER_FILTER.DEACTIVATED.label)
|
|
6117
|
+
}), subscriptionPlan === SUBSCRIPTION_PLANS.PRO && /*#__PURE__*/jsx(Tag, {
|
|
6118
|
+
className: "neeto-ui-text-transform-uppercase",
|
|
6119
|
+
"data-cy": "ntm-member-subscription-plan-tag",
|
|
6120
|
+
label: i18next.t("neetoTeamMembers.common.pro"),
|
|
6121
|
+
style: "info",
|
|
6122
|
+
type: "outline"
|
|
6123
|
+
})]
|
|
6124
|
+
}), renderDropdownButton({
|
|
6125
|
+
config: config,
|
|
6126
|
+
handleUpdateRole: handleUpdateRole,
|
|
6127
|
+
handleUpdateStatus: handleUpdateStatus,
|
|
6128
|
+
tableData: tableData
|
|
6129
|
+
})]
|
|
6130
|
+
});
|
|
6033
6131
|
};
|
|
6034
6132
|
var renderDropdownButton = function renderDropdownButton(_ref2) {
|
|
6035
6133
|
var _config$table, _config$table$dropdow;
|
|
@@ -6037,7 +6135,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
|
|
|
6037
6135
|
handleUpdateRole = _ref2.handleUpdateRole,
|
|
6038
6136
|
handleUpdateStatus = _ref2.handleUpdateStatus,
|
|
6039
6137
|
tableData = _ref2.tableData;
|
|
6040
|
-
return /*#__PURE__*/
|
|
6138
|
+
return /*#__PURE__*/jsx(MoreDropdown, {
|
|
6041
6139
|
dropdownProps: {
|
|
6042
6140
|
appendTo: function appendTo() {
|
|
6043
6141
|
return document.body;
|
|
@@ -6054,26 +6152,33 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
|
|
|
6054
6152
|
position: "top"
|
|
6055
6153
|
}
|
|
6056
6154
|
},
|
|
6057
|
-
menuTopChildren: /*#__PURE__*/
|
|
6058
|
-
|
|
6059
|
-
|
|
6060
|
-
|
|
6061
|
-
|
|
6062
|
-
|
|
6063
|
-
|
|
6064
|
-
|
|
6065
|
-
|
|
6066
|
-
|
|
6067
|
-
|
|
6068
|
-
|
|
6069
|
-
|
|
6070
|
-
|
|
6071
|
-
|
|
6072
|
-
|
|
6073
|
-
|
|
6074
|
-
|
|
6075
|
-
|
|
6076
|
-
|
|
6155
|
+
menuTopChildren: /*#__PURE__*/jsxs(Fragment, {
|
|
6156
|
+
children: [/*#__PURE__*/jsx(Tooltip, {
|
|
6157
|
+
disabled: tableData.active,
|
|
6158
|
+
position: "top",
|
|
6159
|
+
content: i18next.t("neetoTeamMembers.tooltips.activateUserToEdit", SINGULAR),
|
|
6160
|
+
children: /*#__PURE__*/jsx("span", {
|
|
6161
|
+
children: /*#__PURE__*/jsx(MenuItem$2.Button, {
|
|
6162
|
+
className: "ntm-dropdown__button",
|
|
6163
|
+
"data-cy": "ntm-edit-member-button",
|
|
6164
|
+
isDisabled: not(tableData.active),
|
|
6165
|
+
size: "small",
|
|
6166
|
+
onClick: function onClick() {
|
|
6167
|
+
return tableData.active && handleUpdateRole(tableData);
|
|
6168
|
+
},
|
|
6169
|
+
children: i18next.t("neetoTeamMembers.common.edit")
|
|
6170
|
+
})
|
|
6171
|
+
})
|
|
6172
|
+
}), config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$dropdow = _config$table.dropdownProps) === null || _config$table$dropdow === void 0 ? void 0 : _config$table$dropdow.call(_config$table, tableData), /*#__PURE__*/jsx(MenuItem$2.Button, {
|
|
6173
|
+
className: "ntm-dropdown__button",
|
|
6174
|
+
"data-cy": "ntm-deactivate-member-button",
|
|
6175
|
+
size: "small",
|
|
6176
|
+
onClick: function onClick() {
|
|
6177
|
+
return handleUpdateStatus(tableData);
|
|
6178
|
+
},
|
|
6179
|
+
children: tableData.active ? i18next.t("neetoTeamMembers.common.deactivate") : i18next.t("neetoTeamMembers.common.activate")
|
|
6180
|
+
})]
|
|
6181
|
+
})
|
|
6077
6182
|
});
|
|
6078
6183
|
};
|
|
6079
6184
|
var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
|
|
@@ -6086,8 +6191,8 @@ var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
|
|
|
6086
6191
|
};
|
|
6087
6192
|
var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
|
|
6088
6193
|
var member = _ref4.member;
|
|
6089
|
-
return /*#__PURE__*/
|
|
6090
|
-
values: _objectSpread$
|
|
6194
|
+
return /*#__PURE__*/jsx(Trans, {
|
|
6195
|
+
values: _objectSpread$9(_objectSpread$9({}, SINGULAR), {}, {
|
|
6091
6196
|
person: member === null || member === void 0 ? void 0 : member.displayName
|
|
6092
6197
|
}),
|
|
6093
6198
|
i18nKey: member !== null && member !== void 0 && member.active ? "neetoTeamMembers.alerts.messages.deactivateMember" : "neetoTeamMembers.alerts.messages.activateMember"
|
|
@@ -6323,8 +6428,8 @@ var generateNoDataContent = function generateNoDataContent(_ref13) {
|
|
|
6323
6428
|
};
|
|
6324
6429
|
};
|
|
6325
6430
|
|
|
6326
|
-
function ownKeys$
|
|
6327
|
-
function _objectSpread$
|
|
6431
|
+
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; }
|
|
6432
|
+
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; }
|
|
6328
6433
|
var useFilters = function useFilters(_ref) {
|
|
6329
6434
|
var _config$filterColumns, _config$defaultFilter;
|
|
6330
6435
|
var config = _ref.config;
|
|
@@ -6344,7 +6449,7 @@ var useFilters = function useFilters(_ref) {
|
|
|
6344
6449
|
emailSearchTerm = _useState2[0],
|
|
6345
6450
|
setEmailSearchTerm = _useState2[1];
|
|
6346
6451
|
var defaultNeetoFilters = buildFiltersFromURL([].concat(_toConsumableArray((_config$filterColumns = config === null || config === void 0 ? void 0 : config.filterColumns) !== null && _config$filterColumns !== void 0 ? _config$filterColumns : defaultNeetoFiltersColumns()), [searchKeywordProps]));
|
|
6347
|
-
var _useState3 = useState(_objectSpread$
|
|
6452
|
+
var _useState3 = useState(_objectSpread$8(_objectSpread$8(_objectSpread$8({}, DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues), {}, {
|
|
6348
6453
|
neetoFilters: defaultNeetoFilters,
|
|
6349
6454
|
category: getValidCategory(filter === null || filter === void 0 ? void 0 : filter.toUpperCase(), config === null || config === void 0 || (_config$defaultFilter = config.defaultFilterValues) === null || _config$defaultFilter === void 0 ? void 0 : _config$defaultFilter.category)
|
|
6350
6455
|
})),
|
|
@@ -6394,8 +6499,8 @@ var useFilters = function useFilters(_ref) {
|
|
|
6394
6499
|
};
|
|
6395
6500
|
};
|
|
6396
6501
|
|
|
6397
|
-
function ownKeys$
|
|
6398
|
-
function _objectSpread$
|
|
6502
|
+
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; }
|
|
6503
|
+
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; }
|
|
6399
6504
|
var useTeams = function useTeams(_ref) {
|
|
6400
6505
|
var config = _ref.config,
|
|
6401
6506
|
filters = _ref.filters,
|
|
@@ -6474,7 +6579,7 @@ var useTeams = function useTeams(_ref) {
|
|
|
6474
6579
|
subscriptionPlans: pluck("subscriptionPlan", rowData),
|
|
6475
6580
|
keys: keys
|
|
6476
6581
|
};
|
|
6477
|
-
setSelectedRows(_objectSpread$
|
|
6582
|
+
setSelectedRows(_objectSpread$7({}, rows));
|
|
6478
6583
|
config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$onRowSe = _config$table.onRowSelect) === null || _config$table$onRowSe === void 0 || _config$table$onRowSe.call(_config$table, {
|
|
6479
6584
|
rows: rows,
|
|
6480
6585
|
resetSelectedRows: resetSelectedRows,
|
|
@@ -6498,24 +6603,11 @@ var useTeams = function useTeams(_ref) {
|
|
|
6498
6603
|
};
|
|
6499
6604
|
};
|
|
6500
6605
|
|
|
6501
|
-
function _extends() {
|
|
6502
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
6503
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
6504
|
-
var source = arguments[i];
|
|
6505
|
-
for (var key in source) {
|
|
6506
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
6507
|
-
target[key] = source[key];
|
|
6508
|
-
}
|
|
6509
|
-
}
|
|
6510
|
-
}
|
|
6511
|
-
return target;
|
|
6512
|
-
};
|
|
6513
|
-
return _extends.apply(this, arguments);
|
|
6514
|
-
}
|
|
6515
|
-
|
|
6516
6606
|
var FIXED_COLUMNS = ["name", "actions"];
|
|
6517
6607
|
var MANAGE_ROLES_BUTTON_LABEL = t$1("neetoTeamMembers.labels.manageRole", PLURAL);
|
|
6518
6608
|
|
|
6609
|
+
function ownKeys$6(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; }
|
|
6610
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6519
6611
|
var Header$2 = function Header(_ref) {
|
|
6520
6612
|
var isCreatePermissionGranted = _ref.isCreatePermissionGranted,
|
|
6521
6613
|
otherActionBlock = _ref.otherActionBlock,
|
|
@@ -6526,22 +6618,27 @@ var Header$2 = function Header(_ref) {
|
|
|
6526
6618
|
t = _useTranslation.t;
|
|
6527
6619
|
var isRolesButtonVisible = !!rolesButtonProps;
|
|
6528
6620
|
var isOtherActionBlockVisible = !!otherActionBlock;
|
|
6529
|
-
return /*#__PURE__*/
|
|
6530
|
-
|
|
6531
|
-
|
|
6532
|
-
|
|
6533
|
-
|
|
6534
|
-
|
|
6535
|
-
|
|
6536
|
-
|
|
6537
|
-
|
|
6538
|
-
|
|
6539
|
-
|
|
6540
|
-
|
|
6541
|
-
|
|
6542
|
-
|
|
6543
|
-
|
|
6544
|
-
|
|
6621
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
6622
|
+
children: [isOtherActionBlockVisible && otherActionBlock(), isRolesButtonVisible ? /*#__PURE__*/jsx(Button, _objectSpread$6({
|
|
6623
|
+
"data-cy": "ntm-manage-roles-button",
|
|
6624
|
+
label: MANAGE_ROLES_BUTTON_LABEL,
|
|
6625
|
+
style: "secondary"
|
|
6626
|
+
}, rolesButtonProps)) : null, /*#__PURE__*/jsx(Tooltip, {
|
|
6627
|
+
content: t("neetoTeamMembers.tooltips.noPermissionToAddMember"),
|
|
6628
|
+
disabled: isCreatePermissionGranted,
|
|
6629
|
+
position: "bottom",
|
|
6630
|
+
children: /*#__PURE__*/jsx("span", {
|
|
6631
|
+
children: /*#__PURE__*/jsx(Button, {
|
|
6632
|
+
"data-cy": "ntm-add-member-button",
|
|
6633
|
+
disabled: !isCreatePermissionGranted,
|
|
6634
|
+
label: t("neetoTeamMembers.common.addNew_", {
|
|
6635
|
+
what: taxonomies.member.singular
|
|
6636
|
+
}),
|
|
6637
|
+
onClick: onClick
|
|
6638
|
+
})
|
|
6639
|
+
})
|
|
6640
|
+
})]
|
|
6641
|
+
});
|
|
6545
6642
|
};
|
|
6546
6643
|
var HeaderActionBlock = /*#__PURE__*/memo(Header$2);
|
|
6547
6644
|
|
|
@@ -6607,58 +6704,68 @@ var RolesDropdown = function RolesDropdown(_ref) {
|
|
|
6607
6704
|
event.stopPropagation();
|
|
6608
6705
|
setIsDropdownOpen(!isDropdownOpen);
|
|
6609
6706
|
};
|
|
6610
|
-
return /*#__PURE__*/
|
|
6707
|
+
return /*#__PURE__*/jsx(Tooltip, {
|
|
6611
6708
|
disabled: isUpdatingAllowed,
|
|
6612
6709
|
position: "top",
|
|
6613
6710
|
content: t("neetoTeamMembers.tooltips.activateUserToEdit", {
|
|
6614
6711
|
count: selectedMembersCount
|
|
6615
|
-
})
|
|
6616
|
-
|
|
6617
|
-
|
|
6618
|
-
|
|
6619
|
-
|
|
6620
|
-
|
|
6621
|
-
|
|
6622
|
-
|
|
6623
|
-
|
|
6624
|
-
|
|
6625
|
-
|
|
6626
|
-
|
|
6712
|
+
}),
|
|
6713
|
+
children: /*#__PURE__*/jsx("span", {
|
|
6714
|
+
children: /*#__PURE__*/jsx(Dropdown, {
|
|
6715
|
+
buttonStyle: "secondary",
|
|
6716
|
+
closeOnSelect: false,
|
|
6717
|
+
"data-cy": "ntm-members-roles-update-dropdown-button",
|
|
6718
|
+
disabled: !isUpdatingAllowed,
|
|
6719
|
+
isOpen: isUpdatingAllowed && isDropdownOpen,
|
|
6720
|
+
position: "auto-end",
|
|
6721
|
+
customTarget: /*#__PURE__*/jsx(MenuItem$1.Button, {
|
|
6722
|
+
disabled: !isUpdatingAllowed,
|
|
6723
|
+
suffix: /*#__PURE__*/jsx(Right$1, {
|
|
6724
|
+
size: 16
|
|
6725
|
+
}),
|
|
6726
|
+
children: t("neetoTeamMembers.buttons.changeRole")
|
|
6727
|
+
}),
|
|
6728
|
+
onClick: handleClick,
|
|
6729
|
+
onClose: handleOnClose,
|
|
6730
|
+
children: /*#__PURE__*/jsxs(Menu$2, {
|
|
6731
|
+
children: [isSearchable && /*#__PURE__*/jsx("div", {
|
|
6732
|
+
className: "neeto-ui-px-3 neeto-ui-py-2",
|
|
6733
|
+
onClick: function onClick(event) {
|
|
6734
|
+
event.stopPropagation();
|
|
6735
|
+
},
|
|
6736
|
+
children: /*#__PURE__*/jsx(Input$1, {
|
|
6737
|
+
"data-cy": "ntm-members-roles-search-input",
|
|
6738
|
+
prefix: /*#__PURE__*/jsx(Search, {}),
|
|
6739
|
+
type: "search",
|
|
6740
|
+
value: searchTerm,
|
|
6741
|
+
placeholder: t("neetoTeamMembers.placeholders.searchRole", PLURAL),
|
|
6742
|
+
onChange: handleSearch
|
|
6743
|
+
})
|
|
6744
|
+
}), isNotEmpty(filteredRoles) ? filteredRoles.map(function (_ref3) {
|
|
6745
|
+
var id = _ref3.id,
|
|
6746
|
+
name = _ref3.name;
|
|
6747
|
+
return /*#__PURE__*/jsx(MenuItem$1.Button, {
|
|
6748
|
+
onClick: function onClick() {
|
|
6749
|
+
return handleSelectRole(name);
|
|
6750
|
+
},
|
|
6751
|
+
children: name
|
|
6752
|
+
}, id);
|
|
6753
|
+
}) : /*#__PURE__*/jsx("div", {
|
|
6754
|
+
className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-p-1",
|
|
6755
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
6756
|
+
className: "neeto-ui-text-gray-700",
|
|
6757
|
+
style: "body2",
|
|
6758
|
+
children: t("neetoTeamMembers.helpers.noRolesFound")
|
|
6759
|
+
})
|
|
6760
|
+
})]
|
|
6761
|
+
})
|
|
6627
6762
|
})
|
|
6628
|
-
}
|
|
6629
|
-
|
|
6630
|
-
onClose: handleOnClose
|
|
6631
|
-
}, /*#__PURE__*/React.createElement(Menu$2, null, isSearchable && /*#__PURE__*/React.createElement("div", {
|
|
6632
|
-
className: "neeto-ui-px-3 neeto-ui-py-2",
|
|
6633
|
-
onClick: function onClick(event) {
|
|
6634
|
-
event.stopPropagation();
|
|
6635
|
-
}
|
|
6636
|
-
}, /*#__PURE__*/React.createElement(Input$1, {
|
|
6637
|
-
"data-cy": "ntm-members-roles-search-input",
|
|
6638
|
-
prefix: /*#__PURE__*/React.createElement(Search, null),
|
|
6639
|
-
type: "search",
|
|
6640
|
-
value: searchTerm,
|
|
6641
|
-
placeholder: t("neetoTeamMembers.placeholders.searchRole", PLURAL),
|
|
6642
|
-
onChange: handleSearch
|
|
6643
|
-
})), isNotEmpty(filteredRoles) ? filteredRoles.map(function (_ref3) {
|
|
6644
|
-
var id = _ref3.id,
|
|
6645
|
-
name = _ref3.name;
|
|
6646
|
-
return /*#__PURE__*/React.createElement(MenuItem$1.Button, {
|
|
6647
|
-
key: id,
|
|
6648
|
-
onClick: function onClick() {
|
|
6649
|
-
return handleSelectRole(name);
|
|
6650
|
-
}
|
|
6651
|
-
}, name);
|
|
6652
|
-
}) : /*#__PURE__*/React.createElement("div", {
|
|
6653
|
-
className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-p-1"
|
|
6654
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
6655
|
-
className: "neeto-ui-text-gray-700",
|
|
6656
|
-
style: "body2"
|
|
6657
|
-
}, t("neetoTeamMembers.helpers.noRolesFound")))))));
|
|
6763
|
+
})
|
|
6764
|
+
});
|
|
6658
6765
|
};
|
|
6659
6766
|
|
|
6660
|
-
function ownKeys$
|
|
6661
|
-
function _objectSpread$
|
|
6767
|
+
function ownKeys$5(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; }
|
|
6768
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6662
6769
|
var Menu$1 = Dropdown.Menu,
|
|
6663
6770
|
MenuItem = Dropdown.MenuItem;
|
|
6664
6771
|
var Left = function Left(_ref) {
|
|
@@ -6765,64 +6872,74 @@ var Left = function Left(_ref) {
|
|
|
6765
6872
|
}
|
|
6766
6873
|
return type === "deactivate" ? t("neetoTeamMembers.buttons.deactivate") : t("neetoTeamMembers.buttons.activate");
|
|
6767
6874
|
};
|
|
6768
|
-
return /*#__PURE__*/
|
|
6769
|
-
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4"
|
|
6770
|
-
|
|
6771
|
-
|
|
6772
|
-
|
|
6773
|
-
|
|
6774
|
-
|
|
6775
|
-
|
|
6776
|
-
|
|
6777
|
-
|
|
6875
|
+
return /*#__PURE__*/jsxs("div", {
|
|
6876
|
+
className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-4",
|
|
6877
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
6878
|
+
component: "h4",
|
|
6879
|
+
"data-cy": "ntm-filtered-members-count",
|
|
6880
|
+
style: "h4",
|
|
6881
|
+
children: /*#__PURE__*/jsx(Trans, {
|
|
6882
|
+
components: {
|
|
6883
|
+
span: /*#__PURE__*/jsx("span", {
|
|
6884
|
+
className: "neeto-ui-text-gray-600"
|
|
6885
|
+
})
|
|
6886
|
+
},
|
|
6887
|
+
values: selectedMembersCountValues,
|
|
6888
|
+
i18nKey: hasSelectedRows ? "neetoTeamMembers.helpers.selectedMembersCount" : "neetoTeamMembers.helpers.metaNameWithCount"
|
|
6778
6889
|
})
|
|
6779
|
-
},
|
|
6780
|
-
|
|
6781
|
-
|
|
6782
|
-
|
|
6783
|
-
|
|
6784
|
-
|
|
6785
|
-
|
|
6786
|
-
|
|
6787
|
-
|
|
6788
|
-
|
|
6789
|
-
|
|
6790
|
-
|
|
6791
|
-
|
|
6792
|
-
|
|
6793
|
-
|
|
6794
|
-
|
|
6795
|
-
|
|
6796
|
-
|
|
6797
|
-
|
|
6798
|
-
|
|
6799
|
-
|
|
6800
|
-
|
|
6801
|
-
|
|
6802
|
-
|
|
6803
|
-
|
|
6804
|
-
|
|
6805
|
-
|
|
6806
|
-
|
|
6807
|
-
|
|
6808
|
-
|
|
6809
|
-
|
|
6810
|
-
|
|
6811
|
-
|
|
6812
|
-
|
|
6813
|
-
|
|
6814
|
-
message: /*#__PURE__*/React.createElement(Trans, {
|
|
6815
|
-
i18nKey: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.message,
|
|
6816
|
-
values: _objectSpread$4(_objectSpread$4({}, selectedMembersCountValues), {}, {
|
|
6817
|
-
person: selectedRows.displayNames[0],
|
|
6818
|
-
role: bulkUpdateRole
|
|
6890
|
+
}), hasSelectedRows && /*#__PURE__*/jsx(Tooltip, {
|
|
6891
|
+
content: t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
|
|
6892
|
+
disabled: isUpdatePermissionGranted,
|
|
6893
|
+
position: "top",
|
|
6894
|
+
children: /*#__PURE__*/jsx("span", {
|
|
6895
|
+
children: /*#__PURE__*/jsx(Dropdown, {
|
|
6896
|
+
buttonStyle: "secondary",
|
|
6897
|
+
"data-cy": "ntm-members-take-action-dropdown-button",
|
|
6898
|
+
disabled: !isUpdatePermissionGranted,
|
|
6899
|
+
label: t("neetoTeamMembers.common.takeAction"),
|
|
6900
|
+
children: /*#__PURE__*/jsxs(Menu$1, {
|
|
6901
|
+
children: [getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/jsx(MenuItem.Button, {
|
|
6902
|
+
"data-cy": "ntm-deactivate-members-button",
|
|
6903
|
+
disabled: !isUpdatePermissionGranted,
|
|
6904
|
+
onClick: function onClick() {
|
|
6905
|
+
return setAlertType("deactivate");
|
|
6906
|
+
},
|
|
6907
|
+
children: t("neetoTeamMembers.common.deactivate")
|
|
6908
|
+
}), getActivateButtonVisible(selectedRows, config) && /*#__PURE__*/jsx(MenuItem.Button, {
|
|
6909
|
+
"data-cy": "ntm-activate-members-button",
|
|
6910
|
+
disabled: !isUpdatePermissionGranted,
|
|
6911
|
+
onClick: function onClick() {
|
|
6912
|
+
return setAlertType("activate");
|
|
6913
|
+
},
|
|
6914
|
+
children: t("neetoTeamMembers.common.activate")
|
|
6915
|
+
}), !(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("role")) && /*#__PURE__*/jsx(RolesDropdown, {
|
|
6916
|
+
roles: roles,
|
|
6917
|
+
setAlertType: setAlertType,
|
|
6918
|
+
setBulkUpdateRole: setBulkUpdateRole,
|
|
6919
|
+
disabled: hasDeactivateMembers,
|
|
6920
|
+
hasUpdatePermission: isUpdatePermissionGranted,
|
|
6921
|
+
selectedMembersCount: selectedMembersCountValues === null || selectedMembersCountValues === void 0 ? void 0 : selectedMembersCountValues.count
|
|
6922
|
+
}), config === null || config === void 0 || (_config$otherBulkActi = config.otherBulkActions) === null || _config$otherBulkActi === void 0 ? void 0 : _config$otherBulkActi.call(config, resetSelectedRows, selectedRows)]
|
|
6923
|
+
})
|
|
6924
|
+
})
|
|
6819
6925
|
})
|
|
6820
|
-
}),
|
|
6821
|
-
|
|
6822
|
-
|
|
6823
|
-
|
|
6824
|
-
|
|
6825
|
-
|
|
6926
|
+
}), /*#__PURE__*/jsx(Alert, {
|
|
6927
|
+
isOpen: selectedAlert,
|
|
6928
|
+
submitButtonLabel: getButtonLabel(selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.type),
|
|
6929
|
+
title: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.title,
|
|
6930
|
+
message: /*#__PURE__*/jsx(Trans, {
|
|
6931
|
+
i18nKey: selectedAlert === null || selectedAlert === void 0 ? void 0 : selectedAlert.message,
|
|
6932
|
+
values: _objectSpread$5(_objectSpread$5({}, selectedMembersCountValues), {}, {
|
|
6933
|
+
person: selectedRows.displayNames[0],
|
|
6934
|
+
role: bulkUpdateRole
|
|
6935
|
+
})
|
|
6936
|
+
}),
|
|
6937
|
+
onClose: function onClose() {
|
|
6938
|
+
return setAlertType("");
|
|
6939
|
+
},
|
|
6940
|
+
onSubmit: handleAlertClose
|
|
6941
|
+
})]
|
|
6942
|
+
});
|
|
6826
6943
|
};
|
|
6827
6944
|
var Right = withT(function (_ref3) {
|
|
6828
6945
|
var t = _ref3.t,
|
|
@@ -6832,7 +6949,7 @@ var Right = withT(function (_ref3) {
|
|
|
6832
6949
|
setIsFiltersPaneOpen = _ref3.setIsFiltersPaneOpen,
|
|
6833
6950
|
isFiltersPaneOpen = _ref3.isFiltersPaneOpen,
|
|
6834
6951
|
searchKeywordProps = _ref3.searchKeywordProps;
|
|
6835
|
-
return /*#__PURE__*/
|
|
6952
|
+
return /*#__PURE__*/jsx(SubHeaderMolecule.RightBlock, {
|
|
6836
6953
|
columnsButtonProps: {
|
|
6837
6954
|
columnData: columns,
|
|
6838
6955
|
fixedColumns: FIXED_COLUMNS,
|
|
@@ -6856,18 +6973,18 @@ var SubHeader = {
|
|
|
6856
6973
|
Right: Right
|
|
6857
6974
|
};
|
|
6858
6975
|
|
|
6859
|
-
function ownKeys$
|
|
6860
|
-
function _objectSpread$
|
|
6976
|
+
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; }
|
|
6977
|
+
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; }
|
|
6861
6978
|
var Header = function Header(_ref) {
|
|
6862
6979
|
var _config$header, _config$header2;
|
|
6863
6980
|
var config = _ref.config,
|
|
6864
6981
|
setIsOpen = _ref.setIsOpen,
|
|
6865
6982
|
searchProps = _ref.searchProps,
|
|
6866
6983
|
filterCategory = _ref.filterCategory;
|
|
6867
|
-
return /*#__PURE__*/
|
|
6984
|
+
return /*#__PURE__*/jsx(NeetoHeader, _objectSpread$4({
|
|
6868
6985
|
searchProps: searchProps,
|
|
6869
6986
|
title: renderHeaderTitle(MEMBER_FILTER[filterCategory].value),
|
|
6870
|
-
actionBlock: /*#__PURE__*/
|
|
6987
|
+
actionBlock: /*#__PURE__*/jsx(HeaderActionBlock, {
|
|
6871
6988
|
isCreatePermissionGranted: config.permissions.create,
|
|
6872
6989
|
otherActionBlock: (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.otherActionBlock,
|
|
6873
6990
|
rolesButtonProps: config.rolesButtonProps,
|
|
@@ -6877,7 +6994,7 @@ var Header = function Header(_ref) {
|
|
|
6877
6994
|
}),
|
|
6878
6995
|
menuBarToggle: function menuBarToggle() {
|
|
6879
6996
|
return setIsOpen(function (state) {
|
|
6880
|
-
return _objectSpread$
|
|
6997
|
+
return _objectSpread$4(_objectSpread$4({}, state), {}, {
|
|
6881
6998
|
menuBar: !state.menuBar
|
|
6882
6999
|
});
|
|
6883
7000
|
});
|
|
@@ -6886,126 +7003,29 @@ var Header = function Header(_ref) {
|
|
|
6886
7003
|
};
|
|
6887
7004
|
var Header$1 = /*#__PURE__*/memo(Header);
|
|
6888
7005
|
|
|
6889
|
-
var AppList = function AppList(_ref) {
|
|
6890
|
-
var globalRoles = _ref.globalRoles,
|
|
6891
|
-
savedStateRef = _ref.savedStateRef;
|
|
6892
|
-
var _useTranslation = useTranslation(),
|
|
6893
|
-
t = _useTranslation.t;
|
|
6894
|
-
var _useState = useState(savedStateRef.current.isAppListEnabled),
|
|
6895
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
6896
|
-
isAppListEnabled = _useState2[0],
|
|
6897
|
-
setIsAppListEnabled = _useState2[1];
|
|
6898
|
-
var _useFormikContext = useFormikContext(),
|
|
6899
|
-
_useFormikContext$val = _useFormikContext.values,
|
|
6900
|
-
_useFormikContext$val2 = _useFormikContext$val.emails,
|
|
6901
|
-
emails = _useFormikContext$val2 === void 0 ? [] : _useFormikContext$val2,
|
|
6902
|
-
_useFormikContext$val3 = _useFormikContext$val.appRoles,
|
|
6903
|
-
appRoles = _useFormikContext$val3 === void 0 ? [] : _useFormikContext$val3,
|
|
6904
|
-
setFieldValue = _useFormikContext.setFieldValue;
|
|
6905
|
-
var selectedEmail = pluck("value", emails);
|
|
6906
|
-
useEffect(function () {
|
|
6907
|
-
if (savedStateRef.current.isAppListEnabled !== isAppListEnabled) {
|
|
6908
|
-
appRoles === null || appRoles === void 0 || appRoles.forEach(function (appRole, index) {
|
|
6909
|
-
var _globalProps$appName;
|
|
6910
|
-
if ((appRole === null || appRole === void 0 ? void 0 : appRole.appName) === ((_globalProps$appName = globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.substring(5))) {
|
|
6911
|
-
setFieldValue("appRoles[".concat(index, "].isEnabled"), true);
|
|
6912
|
-
return;
|
|
6913
|
-
}
|
|
6914
|
-
setFieldValue("appRoles[".concat(index, "].isEnabled"), isAppListEnabled);
|
|
6915
|
-
});
|
|
6916
|
-
}
|
|
6917
|
-
savedStateRef.current.isAppListEnabled = isAppListEnabled;
|
|
6918
|
-
}, [isAppListEnabled]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
6919
|
-
|
|
6920
|
-
var buildRoleOptions = function buildRoleOptions(roles) {
|
|
6921
|
-
return roles.map(function (role) {
|
|
6922
|
-
return toLabelAndValue(role.name);
|
|
6923
|
-
});
|
|
6924
|
-
};
|
|
6925
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
6926
|
-
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6"
|
|
6927
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6928
|
-
className: "neeto-ui-w-full"
|
|
6929
|
-
}, /*#__PURE__*/React.createElement(Checkbox, {
|
|
6930
|
-
checked: isAppListEnabled,
|
|
6931
|
-
className: "ntm-manage-members__checkbox-align-start",
|
|
6932
|
-
"data-cy": "ntm-manage-members-app-list-checkbox",
|
|
6933
|
-
label: /*#__PURE__*/React.createElement(Typography, {
|
|
6934
|
-
component: "span",
|
|
6935
|
-
lineHeight: "relaxed",
|
|
6936
|
-
style: "body2"
|
|
6937
|
-
}, /*#__PURE__*/React.createElement(Trans, {
|
|
6938
|
-
i18nKey: "neetoTeamMembers.helpers.addMembersToNeetoProducts",
|
|
6939
|
-
values: {
|
|
6940
|
-
emails: selectedEmail
|
|
6941
|
-
}
|
|
6942
|
-
})),
|
|
6943
|
-
onChange: function onChange() {
|
|
6944
|
-
return setIsAppListEnabled(not);
|
|
6945
|
-
}
|
|
6946
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6947
|
-
className: "neeto-ui-w-full"
|
|
6948
|
-
}, appRoles.map(function (_ref2, index) {
|
|
6949
|
-
var _globalProps$appName2;
|
|
6950
|
-
var appName = _ref2.appName,
|
|
6951
|
-
isEnabled = _ref2.isEnabled;
|
|
6952
|
-
var isCurrentApp = appName === ((_globalProps$appName2 = globalProps.appName) === null || _globalProps$appName2 === void 0 ? void 0 : _globalProps$appName2.substring(5));
|
|
6953
|
-
var isAppRoleSelectionChecked = isCurrentApp || isEnabled;
|
|
6954
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
6955
|
-
className: "ntm-manage-members__app-roles",
|
|
6956
|
-
key: appName
|
|
6957
|
-
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
6958
|
-
content: t("neetoTeamMembers.tooltips.hostAppIsRequired"),
|
|
6959
|
-
disabled: !isCurrentApp,
|
|
6960
|
-
position: "left"
|
|
6961
|
-
}, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Switch, {
|
|
6962
|
-
checked: isAppRoleSelectionChecked,
|
|
6963
|
-
disabled: isCurrentApp,
|
|
6964
|
-
name: "appsRoles[".concat(index, "].isEnabled"),
|
|
6965
|
-
label: t("neetoTeamMembers.labels.neeto_", {
|
|
6966
|
-
product: appName
|
|
6967
|
-
}),
|
|
6968
|
-
onChange: function onChange(_ref3) {
|
|
6969
|
-
var target = _ref3.target;
|
|
6970
|
-
setFieldValue("appRoles[".concat(index, "].isEnabled"), target.checked);
|
|
6971
|
-
}
|
|
6972
|
-
}))), /*#__PURE__*/React.createElement(Tooltip, {
|
|
6973
|
-
content: t("neetoTeamMembers.tooltips.goBackToChangeRole"),
|
|
6974
|
-
disabled: !isCurrentApp,
|
|
6975
|
-
position: "top"
|
|
6976
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
6977
|
-
className: "ntm-manage-members-app-roles__select-wrapper"
|
|
6978
|
-
}, /*#__PURE__*/React.createElement(Select, {
|
|
6979
|
-
isDisabled: isCurrentApp || !isEnabled,
|
|
6980
|
-
name: "appRoles[".concat(index, "].activeRole"),
|
|
6981
|
-
options: buildRoleOptions(globalRoles[appName]),
|
|
6982
|
-
size: "small",
|
|
6983
|
-
strategy: "fixed",
|
|
6984
|
-
onChange: function onChange(_ref4) {
|
|
6985
|
-
var value = _ref4.value;
|
|
6986
|
-
setFieldValue("appRoles[".concat(index, "].activeRole"), value);
|
|
6987
|
-
}
|
|
6988
|
-
}))));
|
|
6989
|
-
})));
|
|
6990
|
-
};
|
|
6991
|
-
|
|
6992
7006
|
var _excluded$1 = ["className", "children"],
|
|
6993
7007
|
_excluded2 = ["className", "children"];
|
|
7008
|
+
function ownKeys$3(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; }
|
|
7009
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6994
7010
|
var PageWrapper = function PageWrapper(_ref) {
|
|
6995
7011
|
var className = _ref.className,
|
|
6996
7012
|
children = _ref.children,
|
|
6997
7013
|
otherProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
6998
|
-
return /*#__PURE__*/
|
|
7014
|
+
return /*#__PURE__*/jsx("div", _objectSpread$3(_objectSpread$3({
|
|
6999
7015
|
className: className
|
|
7000
|
-
}, otherProps),
|
|
7016
|
+
}, otherProps), {}, {
|
|
7017
|
+
children: children
|
|
7018
|
+
}));
|
|
7001
7019
|
};
|
|
7002
7020
|
var Page = function Page(_ref2) {
|
|
7003
7021
|
var className = _ref2.className,
|
|
7004
7022
|
children = _ref2.children,
|
|
7005
7023
|
otherProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
7006
|
-
return /*#__PURE__*/
|
|
7024
|
+
return /*#__PURE__*/jsx("div", _objectSpread$3(_objectSpread$3({
|
|
7007
7025
|
className: className
|
|
7008
|
-
}, otherProps),
|
|
7026
|
+
}, otherProps), {}, {
|
|
7027
|
+
children: children
|
|
7028
|
+
}));
|
|
7009
7029
|
};
|
|
7010
7030
|
Page.Header = PageWrapper;
|
|
7011
7031
|
Page.Body = PageWrapper;
|
|
@@ -7052,6 +7072,7 @@ var FORM_PAGES = {
|
|
|
7052
7072
|
};
|
|
7053
7073
|
var EMAIL_REGEX = new RegExp("^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$", "i");
|
|
7054
7074
|
|
|
7075
|
+
var _globalProps$organiza;
|
|
7055
7076
|
var _excluded = ["appRoles", "emails", "firstName", "lastName", "role"];
|
|
7056
7077
|
function ownKeys$2(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; }
|
|
7057
7078
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -7159,13 +7180,13 @@ var buildValidationSchema = function buildValidationSchema(_ref4) {
|
|
|
7159
7180
|
return yup.object().shape(_objectSpread$2(_objectSpread$2(_objectSpread$2(_objectSpread$2({}, NAME_INPUT_VALIDATION_SCHEMA), ROLES_RADIO_GROUP_VALIDATION_SCHEMA), APP_ROLES_SCHEMA), {}, {
|
|
7160
7181
|
emails: yup.array().min(1, t$1("neetoTeamMembers.validations.minOneEmail")).test("are-all-emails-valid", t$1("neetoTeamMembers.validations.validEmail"), function (emails) {
|
|
7161
7182
|
return emails.every(prop("valid"));
|
|
7162
|
-
}).test("is-emails-length-within-available-members-capacity", /*#__PURE__*/
|
|
7183
|
+
}).test("is-emails-length-within-available-members-capacity", /*#__PURE__*/jsx(Trans, {
|
|
7163
7184
|
i18nKey: "neetoTeamMembers.validations.memberLimitExceeded",
|
|
7164
7185
|
values: {
|
|
7165
7186
|
limit: memberLimit
|
|
7166
7187
|
},
|
|
7167
7188
|
components: {
|
|
7168
|
-
emailTo: /*#__PURE__*/
|
|
7189
|
+
emailTo: /*#__PURE__*/jsx(Button, {
|
|
7169
7190
|
href: "mailto:support@neeto.com",
|
|
7170
7191
|
style: "link"
|
|
7171
7192
|
})
|
|
@@ -7175,6 +7196,136 @@ var buildValidationSchema = function buildValidationSchema(_ref4) {
|
|
|
7175
7196
|
}).nullable()
|
|
7176
7197
|
}));
|
|
7177
7198
|
};
|
|
7199
|
+
var neetoAuthManageProductUrl = "".concat((_globalProps$organiza = globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.authAppUrl, "/settings/general/products");
|
|
7200
|
+
|
|
7201
|
+
var AppList = function AppList(_ref) {
|
|
7202
|
+
var globalRoles = _ref.globalRoles,
|
|
7203
|
+
savedStateRef = _ref.savedStateRef;
|
|
7204
|
+
var _useTranslation = useTranslation(),
|
|
7205
|
+
t = _useTranslation.t;
|
|
7206
|
+
var _useState = useState(savedStateRef.current.isAppListEnabled),
|
|
7207
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
7208
|
+
isAppListEnabled = _useState2[0],
|
|
7209
|
+
setIsAppListEnabled = _useState2[1];
|
|
7210
|
+
var _useFetchNeetoApps = useFetchNeetoApps(),
|
|
7211
|
+
_useFetchNeetoApps$da = _useFetchNeetoApps.data,
|
|
7212
|
+
_useFetchNeetoApps$da2 = _useFetchNeetoApps$da === void 0 ? {} : _useFetchNeetoApps$da,
|
|
7213
|
+
isOwner = _useFetchNeetoApps$da2.isOwner,
|
|
7214
|
+
neetoApps = _useFetchNeetoApps$da2.neetoApps;
|
|
7215
|
+
var _useFormikContext = useFormikContext(),
|
|
7216
|
+
_useFormikContext$val = _useFormikContext.values,
|
|
7217
|
+
_useFormikContext$val2 = _useFormikContext$val.emails,
|
|
7218
|
+
emails = _useFormikContext$val2 === void 0 ? [] : _useFormikContext$val2,
|
|
7219
|
+
_useFormikContext$val3 = _useFormikContext$val.appRoles,
|
|
7220
|
+
appRoles = _useFormikContext$val3 === void 0 ? [] : _useFormikContext$val3,
|
|
7221
|
+
setFieldValue = _useFormikContext.setFieldValue;
|
|
7222
|
+
var selectedEmail = pluck("value", emails);
|
|
7223
|
+
var isManageProductsLinkEnabled = isOwner && (neetoApps === null || neetoApps === void 0 ? void 0 : neetoApps.length) >= 3;
|
|
7224
|
+
useEffect(function () {
|
|
7225
|
+
if (savedStateRef.current.isAppListEnabled !== isAppListEnabled) {
|
|
7226
|
+
appRoles === null || appRoles === void 0 || appRoles.forEach(function (appRole, index) {
|
|
7227
|
+
var _globalProps$appName;
|
|
7228
|
+
if ((appRole === null || appRole === void 0 ? void 0 : appRole.appName) === ((_globalProps$appName = globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.substring(5))) {
|
|
7229
|
+
setFieldValue("appRoles[".concat(index, "].isEnabled"), true);
|
|
7230
|
+
return;
|
|
7231
|
+
}
|
|
7232
|
+
setFieldValue("appRoles[".concat(index, "].isEnabled"), isAppListEnabled);
|
|
7233
|
+
});
|
|
7234
|
+
}
|
|
7235
|
+
savedStateRef.current.isAppListEnabled = isAppListEnabled;
|
|
7236
|
+
}, [isAppListEnabled]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
7237
|
+
|
|
7238
|
+
var buildRoleOptions = function buildRoleOptions(roles) {
|
|
7239
|
+
return roles.map(function (role) {
|
|
7240
|
+
return toLabelAndValue(role.name);
|
|
7241
|
+
});
|
|
7242
|
+
};
|
|
7243
|
+
return /*#__PURE__*/jsxs("div", {
|
|
7244
|
+
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6",
|
|
7245
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
7246
|
+
className: "neeto-ui-w-full space-y-3",
|
|
7247
|
+
children: [/*#__PURE__*/jsx(Checkbox, {
|
|
7248
|
+
checked: isAppListEnabled,
|
|
7249
|
+
className: "ntm-manage-members__checkbox-align-start",
|
|
7250
|
+
"data-cy": "ntm-manage-members-app-list-checkbox",
|
|
7251
|
+
label: /*#__PURE__*/jsx(Typography, {
|
|
7252
|
+
component: "span",
|
|
7253
|
+
lineHeight: "relaxed",
|
|
7254
|
+
style: "body2",
|
|
7255
|
+
children: /*#__PURE__*/jsx(Trans, {
|
|
7256
|
+
i18nKey: "neetoTeamMembers.helpers.addMembersToNeetoProducts",
|
|
7257
|
+
values: {
|
|
7258
|
+
emails: selectedEmail
|
|
7259
|
+
}
|
|
7260
|
+
})
|
|
7261
|
+
}),
|
|
7262
|
+
onChange: function onChange() {
|
|
7263
|
+
return setIsAppListEnabled(not);
|
|
7264
|
+
}
|
|
7265
|
+
}), isManageProductsLinkEnabled && /*#__PURE__*/jsx(Typography, {
|
|
7266
|
+
style: "body2",
|
|
7267
|
+
children: /*#__PURE__*/jsx(Trans, {
|
|
7268
|
+
i18nKey: "neetoTeamMembers.helpers.manageProducts",
|
|
7269
|
+
components: {
|
|
7270
|
+
button: /*#__PURE__*/jsx(Button, {
|
|
7271
|
+
href: neetoAuthManageProductUrl,
|
|
7272
|
+
style: "link"
|
|
7273
|
+
})
|
|
7274
|
+
}
|
|
7275
|
+
})
|
|
7276
|
+
})]
|
|
7277
|
+
}), /*#__PURE__*/jsx("div", {
|
|
7278
|
+
className: "neeto-ui-w-full",
|
|
7279
|
+
children: appRoles.map(function (_ref2, index) {
|
|
7280
|
+
var _globalProps$appName2;
|
|
7281
|
+
var appName = _ref2.appName,
|
|
7282
|
+
isEnabled = _ref2.isEnabled;
|
|
7283
|
+
var isCurrentApp = appName === ((_globalProps$appName2 = globalProps.appName) === null || _globalProps$appName2 === void 0 ? void 0 : _globalProps$appName2.substring(5));
|
|
7284
|
+
var isAppRoleSelectionChecked = isCurrentApp || isEnabled;
|
|
7285
|
+
return /*#__PURE__*/jsxs("div", {
|
|
7286
|
+
className: "ntm-manage-members__app-roles",
|
|
7287
|
+
children: [/*#__PURE__*/jsx(Tooltip, {
|
|
7288
|
+
content: t("neetoTeamMembers.tooltips.hostAppIsRequired"),
|
|
7289
|
+
disabled: !isCurrentApp,
|
|
7290
|
+
position: "left",
|
|
7291
|
+
children: /*#__PURE__*/jsx("span", {
|
|
7292
|
+
children: /*#__PURE__*/jsx(Switch, {
|
|
7293
|
+
checked: isAppRoleSelectionChecked,
|
|
7294
|
+
disabled: isCurrentApp,
|
|
7295
|
+
name: "appsRoles[".concat(index, "].isEnabled"),
|
|
7296
|
+
label: t("neetoTeamMembers.labels.neeto_", {
|
|
7297
|
+
product: appName
|
|
7298
|
+
}),
|
|
7299
|
+
onChange: function onChange(_ref3) {
|
|
7300
|
+
var target = _ref3.target;
|
|
7301
|
+
setFieldValue("appRoles[".concat(index, "].isEnabled"), target.checked);
|
|
7302
|
+
}
|
|
7303
|
+
})
|
|
7304
|
+
})
|
|
7305
|
+
}), /*#__PURE__*/jsx(Tooltip, {
|
|
7306
|
+
content: t("neetoTeamMembers.tooltips.goBackToChangeRole"),
|
|
7307
|
+
disabled: !isCurrentApp,
|
|
7308
|
+
position: "top",
|
|
7309
|
+
children: /*#__PURE__*/jsx("span", {
|
|
7310
|
+
className: "ntm-manage-members-app-roles__select-wrapper",
|
|
7311
|
+
children: /*#__PURE__*/jsx(Select, {
|
|
7312
|
+
isDisabled: isCurrentApp || !isEnabled,
|
|
7313
|
+
name: "appRoles[".concat(index, "].activeRole"),
|
|
7314
|
+
options: buildRoleOptions(globalRoles[appName]),
|
|
7315
|
+
size: "small",
|
|
7316
|
+
strategy: "fixed",
|
|
7317
|
+
onChange: function onChange(_ref4) {
|
|
7318
|
+
var value = _ref4.value;
|
|
7319
|
+
setFieldValue("appRoles[".concat(index, "].activeRole"), value);
|
|
7320
|
+
}
|
|
7321
|
+
})
|
|
7322
|
+
})
|
|
7323
|
+
})]
|
|
7324
|
+
}, appName);
|
|
7325
|
+
})
|
|
7326
|
+
})]
|
|
7327
|
+
});
|
|
7328
|
+
};
|
|
7178
7329
|
|
|
7179
7330
|
var Confirmation = function Confirmation() {
|
|
7180
7331
|
var _globalProps$organiza;
|
|
@@ -7189,51 +7340,72 @@ var Confirmation = function Confirmation() {
|
|
|
7189
7340
|
var activeAppRoles = filterBy({
|
|
7190
7341
|
isEnabled: true
|
|
7191
7342
|
}, appRoles);
|
|
7192
|
-
return activeAppRoles.length > 1 ? /*#__PURE__*/
|
|
7193
|
-
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6"
|
|
7194
|
-
|
|
7195
|
-
|
|
7196
|
-
|
|
7197
|
-
|
|
7198
|
-
|
|
7199
|
-
|
|
7200
|
-
|
|
7201
|
-
|
|
7202
|
-
|
|
7203
|
-
|
|
7204
|
-
|
|
7205
|
-
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
|
|
7215
|
-
|
|
7216
|
-
|
|
7217
|
-
|
|
7218
|
-
|
|
7219
|
-
|
|
7220
|
-
|
|
7221
|
-
|
|
7222
|
-
|
|
7223
|
-
|
|
7224
|
-
|
|
7225
|
-
|
|
7343
|
+
return activeAppRoles.length > 1 ? /*#__PURE__*/jsxs("div", {
|
|
7344
|
+
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6",
|
|
7345
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
7346
|
+
className: "neeto-ui-w-full",
|
|
7347
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
7348
|
+
component: "span",
|
|
7349
|
+
lineHeight: "relaxed",
|
|
7350
|
+
style: "body2",
|
|
7351
|
+
children: /*#__PURE__*/jsx(Trans, {
|
|
7352
|
+
i18nKey: "neetoTeamMembers.helpers.multipleProductInvitation",
|
|
7353
|
+
values: {
|
|
7354
|
+
count: selectedEmail.length,
|
|
7355
|
+
emails: selectedEmail,
|
|
7356
|
+
orgName: (_globalProps$organiza = globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.name
|
|
7357
|
+
}
|
|
7358
|
+
})
|
|
7359
|
+
})
|
|
7360
|
+
}), /*#__PURE__*/jsxs("table", {
|
|
7361
|
+
className: "neeto-ui-w-full ntm-product-roles-table",
|
|
7362
|
+
children: [/*#__PURE__*/jsx("thead", {
|
|
7363
|
+
children: /*#__PURE__*/jsxs("tr", {
|
|
7364
|
+
children: [/*#__PURE__*/jsx("th", {
|
|
7365
|
+
children: t("neetoTeamMembers.common.productName")
|
|
7366
|
+
}), /*#__PURE__*/jsx("th", {
|
|
7367
|
+
children: t("neetoTeamMembers.common.role", SINGULAR)
|
|
7368
|
+
})]
|
|
7369
|
+
})
|
|
7370
|
+
}), /*#__PURE__*/jsx("tbody", {
|
|
7371
|
+
children: activeAppRoles.map(function (_ref) {
|
|
7372
|
+
var appName = _ref.appName,
|
|
7373
|
+
activeRole = _ref.activeRole;
|
|
7374
|
+
return /*#__PURE__*/jsxs("tr", {
|
|
7375
|
+
children: [/*#__PURE__*/jsx("td", {
|
|
7376
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
7377
|
+
component: "span",
|
|
7378
|
+
lineHeight: "relaxed",
|
|
7379
|
+
style: "body2",
|
|
7380
|
+
children: t("neetoTeamMembers.labels.neeto_", {
|
|
7381
|
+
product: appName
|
|
7382
|
+
})
|
|
7383
|
+
})
|
|
7384
|
+
}), /*#__PURE__*/jsx("td", {
|
|
7385
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
7386
|
+
component: "span",
|
|
7387
|
+
lineHeight: "relaxed",
|
|
7388
|
+
style: "body2",
|
|
7389
|
+
children: activeRole
|
|
7390
|
+
})
|
|
7391
|
+
})]
|
|
7392
|
+
}, appName);
|
|
7393
|
+
})
|
|
7394
|
+
})]
|
|
7395
|
+
})]
|
|
7396
|
+
}) : /*#__PURE__*/jsx(Typography, {
|
|
7226
7397
|
component: "span",
|
|
7227
7398
|
lineHeight: "relaxed",
|
|
7228
|
-
style: "body2"
|
|
7229
|
-
|
|
7230
|
-
|
|
7231
|
-
|
|
7232
|
-
|
|
7233
|
-
|
|
7234
|
-
|
|
7399
|
+
style: "body2",
|
|
7400
|
+
children: /*#__PURE__*/jsx(Trans, {
|
|
7401
|
+
i18nKey: "neetoTeamMembers.helpers.singleProductInvitation",
|
|
7402
|
+
values: getSingleInvitationTranslationProps({
|
|
7403
|
+
activeAppRoles: activeAppRoles,
|
|
7404
|
+
role: role,
|
|
7405
|
+
selectedEmail: selectedEmail
|
|
7406
|
+
})
|
|
7235
7407
|
})
|
|
7236
|
-
})
|
|
7408
|
+
});
|
|
7237
7409
|
};
|
|
7238
7410
|
|
|
7239
7411
|
var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
@@ -7256,50 +7428,54 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
7256
7428
|
}];
|
|
7257
7429
|
setFieldValue("emails", emailList);
|
|
7258
7430
|
};
|
|
7259
|
-
return /*#__PURE__*/
|
|
7260
|
-
className: "neeto-ui-w-full"
|
|
7261
|
-
|
|
7262
|
-
|
|
7263
|
-
|
|
7264
|
-
|
|
7265
|
-
|
|
7266
|
-
|
|
7267
|
-
|
|
7268
|
-
|
|
7269
|
-
|
|
7270
|
-
|
|
7271
|
-
|
|
7272
|
-
|
|
7273
|
-
|
|
7274
|
-
|
|
7275
|
-
|
|
7276
|
-
|
|
7277
|
-
|
|
7278
|
-
|
|
7279
|
-
|
|
7280
|
-
|
|
7281
|
-
|
|
7282
|
-
|
|
7283
|
-
|
|
7284
|
-
|
|
7431
|
+
return /*#__PURE__*/jsx("div", {
|
|
7432
|
+
className: "neeto-ui-w-full",
|
|
7433
|
+
children: selectedMember ? /*#__PURE__*/jsx(Input, {
|
|
7434
|
+
"data-cy": "ntm-manage-member-email-input",
|
|
7435
|
+
name: "emails",
|
|
7436
|
+
size: "medium",
|
|
7437
|
+
type: "email",
|
|
7438
|
+
value: (_head = head(emails)) === null || _head === void 0 ? void 0 : _head.value,
|
|
7439
|
+
label: /*#__PURE__*/jsx("span", {
|
|
7440
|
+
className: "neeto-ui-w-full neeto-ui-flex neeto-ui-justify-between",
|
|
7441
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
7442
|
+
component: "span",
|
|
7443
|
+
style: "body2",
|
|
7444
|
+
children: t("neetoTeamMembers.common.email", SINGULAR)
|
|
7445
|
+
})
|
|
7446
|
+
}),
|
|
7447
|
+
onChange: handleInputChange
|
|
7448
|
+
}) : /*#__PURE__*/jsx(MultiEmailInput, {
|
|
7449
|
+
required: true,
|
|
7450
|
+
counter: COUNTER_PROPS,
|
|
7451
|
+
"data-cy": "ntm-manage-member-email-input",
|
|
7452
|
+
filterInvalidEmails: FILTER_INVALID_EMAILS,
|
|
7453
|
+
helpText: t("neetoTeamMembers.helpers.enterMultipleEmails"),
|
|
7454
|
+
label: t("neetoTeamMembers.common.email", PLURAL),
|
|
7455
|
+
name: "emails",
|
|
7456
|
+
placeholder: t("neetoTeamMembers.placeholders.email"),
|
|
7457
|
+
ref: innerRef
|
|
7458
|
+
})
|
|
7459
|
+
});
|
|
7285
7460
|
};
|
|
7286
7461
|
|
|
7287
7462
|
var NameInputs = function NameInputs(_ref) {
|
|
7288
7463
|
var innerRef = _ref.innerRef;
|
|
7289
7464
|
var _useTranslation = useTranslation(),
|
|
7290
7465
|
t = _useTranslation.t;
|
|
7291
|
-
return /*#__PURE__*/
|
|
7292
|
-
className: "neeto-ui-flex neeto-ui-w-full neeto-ui-gap-4"
|
|
7293
|
-
|
|
7294
|
-
|
|
7295
|
-
|
|
7296
|
-
|
|
7297
|
-
|
|
7298
|
-
|
|
7299
|
-
|
|
7300
|
-
|
|
7301
|
-
|
|
7302
|
-
|
|
7466
|
+
return /*#__PURE__*/jsxs("div", {
|
|
7467
|
+
className: "neeto-ui-flex neeto-ui-w-full neeto-ui-gap-4",
|
|
7468
|
+
children: [/*#__PURE__*/jsx(Input, {
|
|
7469
|
+
"data-cy": "ntm-edit-member-first-name-text-field",
|
|
7470
|
+
label: t("neetoTeamMembers.labels.firstName"),
|
|
7471
|
+
name: "firstName",
|
|
7472
|
+
ref: innerRef
|
|
7473
|
+
}), /*#__PURE__*/jsx(Input, {
|
|
7474
|
+
"data-cy": "ntm-edit-member-last-name-text-field",
|
|
7475
|
+
label: t("neetoTeamMembers.labels.lastName"),
|
|
7476
|
+
name: "lastName"
|
|
7477
|
+
})]
|
|
7478
|
+
});
|
|
7303
7479
|
};
|
|
7304
7480
|
|
|
7305
7481
|
var RolesRadioGroup = function RolesRadioGroup(_ref) {
|
|
@@ -7335,7 +7511,7 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
|
|
|
7335
7511
|
}
|
|
7336
7512
|
});
|
|
7337
7513
|
};
|
|
7338
|
-
return /*#__PURE__*/
|
|
7514
|
+
return /*#__PURE__*/jsx(Radio$1, {
|
|
7339
7515
|
stacked: true,
|
|
7340
7516
|
className: "ntm-members-radio-group flex-grow-0",
|
|
7341
7517
|
"data-cy": "ntm-manage-member-roles-group",
|
|
@@ -7343,37 +7519,40 @@ var RolesRadioGroup = function RolesRadioGroup(_ref) {
|
|
|
7343
7519
|
className: "neeto-ui-radio__label w-full"
|
|
7344
7520
|
},
|
|
7345
7521
|
name: "role",
|
|
7346
|
-
label: /*#__PURE__*/
|
|
7347
|
-
className: "flex w-full items-center justify-between"
|
|
7348
|
-
|
|
7349
|
-
|
|
7350
|
-
|
|
7351
|
-
|
|
7352
|
-
|
|
7353
|
-
|
|
7354
|
-
|
|
7522
|
+
label: /*#__PURE__*/jsxs("span", {
|
|
7523
|
+
className: "flex w-full items-center justify-between",
|
|
7524
|
+
children: [/*#__PURE__*/jsxs(Label, {
|
|
7525
|
+
required: true,
|
|
7526
|
+
children: [" ", t("neetoTeamMembers.common.role", SINGULAR)]
|
|
7527
|
+
}), /*#__PURE__*/jsx(Button, {
|
|
7528
|
+
label: t("neetoTeamMembers.labels.manageRole", PLURAL),
|
|
7529
|
+
style: "link",
|
|
7530
|
+
to: config.pathToRolesPage
|
|
7531
|
+
})]
|
|
7532
|
+
}),
|
|
7355
7533
|
onChange: function onChange(_ref3) {
|
|
7356
7534
|
var value = _ref3.target.value;
|
|
7357
7535
|
setFieldValue("role", value);
|
|
7358
7536
|
!isEdit && setDefaultSelection(value);
|
|
7359
|
-
}
|
|
7360
|
-
|
|
7361
|
-
|
|
7362
|
-
|
|
7363
|
-
|
|
7364
|
-
|
|
7365
|
-
|
|
7366
|
-
|
|
7367
|
-
|
|
7368
|
-
|
|
7369
|
-
|
|
7370
|
-
|
|
7371
|
-
|
|
7372
|
-
|
|
7373
|
-
|
|
7374
|
-
|
|
7375
|
-
|
|
7376
|
-
|
|
7537
|
+
},
|
|
7538
|
+
children: roles.map(function (_ref4) {
|
|
7539
|
+
var id = _ref4.id,
|
|
7540
|
+
name = _ref4.name;
|
|
7541
|
+
return /*#__PURE__*/jsx("label", {
|
|
7542
|
+
className: "ntm-members-form-radio-item__wrapper",
|
|
7543
|
+
htmlFor: slugify(name),
|
|
7544
|
+
children: /*#__PURE__*/jsx(Radio$1.Item, {
|
|
7545
|
+
className: "ntm-members-form-radio-item__label",
|
|
7546
|
+
"data-cy": "ntm-manage-member-roles-button",
|
|
7547
|
+
defaultChecked: identical(name, role),
|
|
7548
|
+
id: slugify(name),
|
|
7549
|
+
label: name,
|
|
7550
|
+
name: "role",
|
|
7551
|
+
value: name
|
|
7552
|
+
})
|
|
7553
|
+
}, id);
|
|
7554
|
+
})
|
|
7555
|
+
});
|
|
7377
7556
|
};
|
|
7378
7557
|
|
|
7379
7558
|
var SubscriptionPlan = function SubscriptionPlan(_ref) {
|
|
@@ -7386,29 +7565,32 @@ var SubscriptionPlan = function SubscriptionPlan(_ref) {
|
|
|
7386
7565
|
var handleChange = function handleChange(event) {
|
|
7387
7566
|
return setFieldValue("subscriptionPlan", event.target.checked ? SUBSCRIPTION_PLANS.PRO : SUBSCRIPTION_PLANS.FREE);
|
|
7388
7567
|
};
|
|
7389
|
-
return /*#__PURE__*/
|
|
7390
|
-
className: "flex flex-col space-y-4"
|
|
7391
|
-
|
|
7392
|
-
|
|
7393
|
-
|
|
7394
|
-
|
|
7395
|
-
|
|
7396
|
-
|
|
7397
|
-
|
|
7398
|
-
|
|
7399
|
-
|
|
7400
|
-
|
|
7401
|
-
|
|
7402
|
-
|
|
7403
|
-
|
|
7404
|
-
|
|
7405
|
-
|
|
7406
|
-
|
|
7407
|
-
|
|
7408
|
-
|
|
7568
|
+
return /*#__PURE__*/jsxs("div", {
|
|
7569
|
+
className: "flex flex-col space-y-4",
|
|
7570
|
+
children: [/*#__PURE__*/jsx(Checkbox$1, {
|
|
7571
|
+
label: /*#__PURE__*/jsx(Trans, {
|
|
7572
|
+
i18nKey: "neetoTeamMembers.labels.upgradeToProPlan"
|
|
7573
|
+
}),
|
|
7574
|
+
name: "isSubscriptionProPlan",
|
|
7575
|
+
onChange: handleChange
|
|
7576
|
+
}), isProPlan && /*#__PURE__*/jsx(Callout, {
|
|
7577
|
+
icon: Warning,
|
|
7578
|
+
style: "warning",
|
|
7579
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
7580
|
+
style: "body2",
|
|
7581
|
+
weight: "normal",
|
|
7582
|
+
children: /*#__PURE__*/jsx(Trans, {
|
|
7583
|
+
i18nKey: "neetoTeamMembers.helpers.subscriptionWarning",
|
|
7584
|
+
values: {
|
|
7585
|
+
amount: currencyFormat.withSymbol(subscription === null || subscription === void 0 || (_subscription$plan = subscription.plan) === null || _subscription$plan === void 0 ? void 0 : _subscription$plan.amount, subscription === null || subscription === void 0 || (_subscription$plan2 = subscription.plan) === null || _subscription$plan2 === void 0 || (_subscription$plan2 = _subscription$plan2.currency) === null || _subscription$plan2 === void 0 ? void 0 : _subscription$plan2.toUpperCase(), {
|
|
7586
|
+
maximumFractionDigits: 2,
|
|
7587
|
+
minimumFractionDigits: 0
|
|
7588
|
+
})
|
|
7589
|
+
}
|
|
7590
|
+
})
|
|
7409
7591
|
})
|
|
7410
|
-
}
|
|
7411
|
-
})
|
|
7592
|
+
})]
|
|
7593
|
+
});
|
|
7412
7594
|
};
|
|
7413
7595
|
|
|
7414
7596
|
function ownKeys$1(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; }
|
|
@@ -7584,112 +7766,123 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
7584
7766
|
var _config$additionalFie;
|
|
7585
7767
|
switch (page) {
|
|
7586
7768
|
case FORM_PAGES.MAIN:
|
|
7587
|
-
return /*#__PURE__*/
|
|
7588
|
-
|
|
7589
|
-
|
|
7590
|
-
|
|
7591
|
-
|
|
7592
|
-
|
|
7593
|
-
|
|
7594
|
-
|
|
7595
|
-
|
|
7596
|
-
|
|
7597
|
-
|
|
7598
|
-
|
|
7599
|
-
|
|
7600
|
-
|
|
7601
|
-
|
|
7602
|
-
|
|
7769
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
7770
|
+
children: [selectedMember && /*#__PURE__*/jsx(NameInputs, {
|
|
7771
|
+
innerRef: inputReference
|
|
7772
|
+
}), /*#__PURE__*/jsx(MultipleEmailInput, {
|
|
7773
|
+
emails: emails,
|
|
7774
|
+
selectedMember: selectedMember,
|
|
7775
|
+
innerRef: inputReference
|
|
7776
|
+
}), isSubscriptionVisible && /*#__PURE__*/jsx(SubscriptionPlan, {
|
|
7777
|
+
handleClose: handleClose,
|
|
7778
|
+
subscription: config.subscription
|
|
7779
|
+
}), /*#__PURE__*/jsx(RolesRadioGroup, {
|
|
7780
|
+
config: config,
|
|
7781
|
+
globalRoles: globalRoles,
|
|
7782
|
+
role: role,
|
|
7783
|
+
isEdit: !!selectedMember,
|
|
7784
|
+
roles: filteredRoles
|
|
7785
|
+
}), (_config$additionalFie = config.additionalFields) === null || _config$additionalFie === void 0 ? void 0 : _config$additionalFie.component]
|
|
7786
|
+
});
|
|
7603
7787
|
case FORM_PAGES.APP_LIST:
|
|
7604
|
-
return /*#__PURE__*/
|
|
7788
|
+
return /*#__PURE__*/jsx(AppList, {
|
|
7605
7789
|
globalRoles: globalRoles,
|
|
7606
7790
|
savedStateRef: appListSavedStateReference
|
|
7607
7791
|
});
|
|
7608
7792
|
case FORM_PAGES.CONFIRMATION:
|
|
7609
|
-
return /*#__PURE__*/
|
|
7793
|
+
return /*#__PURE__*/jsx(Confirmation, {});
|
|
7610
7794
|
default:
|
|
7611
7795
|
return null;
|
|
7612
7796
|
}
|
|
7613
7797
|
};
|
|
7614
|
-
return /*#__PURE__*/
|
|
7798
|
+
return /*#__PURE__*/jsxs(Component, {
|
|
7615
7799
|
className: manageMemberComponentConfig.className,
|
|
7616
7800
|
"data-cy": "ntm-manage-members-pane-wrapper",
|
|
7617
7801
|
initialFocusRef: manageMemberComponentConfig.initialFocusRef,
|
|
7618
7802
|
isOpen: manageMemberComponentConfig.isOpen,
|
|
7619
7803
|
onClose: function onClose() {
|
|
7620
7804
|
return handleClose(false);
|
|
7621
|
-
}
|
|
7622
|
-
}, /*#__PURE__*/React.createElement(Component.Header, _extends({}, manageMemberComponentConfig.headerProps, {
|
|
7623
|
-
className: classnames([{
|
|
7624
|
-
"ntm-manage-members__header": currentPage !== FORM_PAGES.MAIN
|
|
7625
|
-
}, (_manageMemberComponen = manageMemberComponentConfig.headerProps) === null || _manageMemberComponen === void 0 ? void 0 : _manageMemberComponen.className])
|
|
7626
|
-
}), currentPage !== FORM_PAGES.MAIN && /*#__PURE__*/React.createElement(Button, {
|
|
7627
|
-
"aria-label": "Back",
|
|
7628
|
-
icon: LeftArrow,
|
|
7629
|
-
size: "medium",
|
|
7630
|
-
style: "text",
|
|
7631
|
-
tooltipProps: {
|
|
7632
|
-
content: t("neetoTeamMembers.buttons.back"),
|
|
7633
|
-
position: "bottom"
|
|
7634
7805
|
},
|
|
7635
|
-
|
|
7636
|
-
|
|
7637
|
-
|
|
7638
|
-
|
|
7639
|
-
|
|
7640
|
-
|
|
7641
|
-
|
|
7642
|
-
|
|
7643
|
-
|
|
7644
|
-
|
|
7645
|
-
|
|
7646
|
-
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7650
|
-
|
|
7651
|
-
|
|
7652
|
-
|
|
7653
|
-
|
|
7654
|
-
|
|
7655
|
-
|
|
7656
|
-
|
|
7657
|
-
|
|
7658
|
-
|
|
7659
|
-
|
|
7660
|
-
|
|
7661
|
-
|
|
7662
|
-
|
|
7663
|
-
|
|
7664
|
-
|
|
7665
|
-
|
|
7666
|
-
|
|
7667
|
-
|
|
7668
|
-
|
|
7669
|
-
|
|
7670
|
-
|
|
7671
|
-
|
|
7672
|
-
|
|
7673
|
-
|
|
7674
|
-
|
|
7675
|
-
|
|
7676
|
-
|
|
7677
|
-
|
|
7678
|
-
|
|
7679
|
-
|
|
7680
|
-
|
|
7681
|
-
|
|
7682
|
-
|
|
7683
|
-
|
|
7684
|
-
|
|
7685
|
-
|
|
7686
|
-
|
|
7687
|
-
|
|
7688
|
-
|
|
7689
|
-
|
|
7806
|
+
children: [/*#__PURE__*/jsxs(Component.Header, _objectSpread$1(_objectSpread$1({}, manageMemberComponentConfig.headerProps), {}, {
|
|
7807
|
+
className: classnames([{
|
|
7808
|
+
"ntm-manage-members__header": currentPage !== FORM_PAGES.MAIN
|
|
7809
|
+
}, (_manageMemberComponen = manageMemberComponentConfig.headerProps) === null || _manageMemberComponen === void 0 ? void 0 : _manageMemberComponen.className]),
|
|
7810
|
+
children: [currentPage !== FORM_PAGES.MAIN && /*#__PURE__*/jsx(Button, {
|
|
7811
|
+
"aria-label": "Back",
|
|
7812
|
+
icon: LeftArrow,
|
|
7813
|
+
size: "medium",
|
|
7814
|
+
style: "text",
|
|
7815
|
+
tooltipProps: {
|
|
7816
|
+
content: t("neetoTeamMembers.buttons.back"),
|
|
7817
|
+
position: "bottom"
|
|
7818
|
+
},
|
|
7819
|
+
onClick: handleBackButton
|
|
7820
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
7821
|
+
className: "ntm-members-form__header",
|
|
7822
|
+
"data-cy": "ntm-manage-members-pane-header",
|
|
7823
|
+
style: "h2",
|
|
7824
|
+
weight: "semibold",
|
|
7825
|
+
children: getTitle()
|
|
7826
|
+
})]
|
|
7827
|
+
})), /*#__PURE__*/jsx(Form, {
|
|
7828
|
+
ref: formReference,
|
|
7829
|
+
formikProps: {
|
|
7830
|
+
enableReinitialize: true,
|
|
7831
|
+
initialValues: renderInitialValues({
|
|
7832
|
+
additionalFieldsInitialValues: (_config$additionalFie2 = config.additionalFields) === null || _config$additionalFie2 === void 0 ? void 0 : _config$additionalFie2.initialValues,
|
|
7833
|
+
globalRoles: globalRoles,
|
|
7834
|
+
roles: filteredRoles,
|
|
7835
|
+
selectedMember: selectedMember
|
|
7836
|
+
}),
|
|
7837
|
+
onSubmit: handleOnSubmit,
|
|
7838
|
+
validationSchema: buildValidationSchema(_objectSpread$1({
|
|
7839
|
+
selectedMember: selectedMember
|
|
7840
|
+
}, team))
|
|
7841
|
+
},
|
|
7842
|
+
children: function children(_ref5) {
|
|
7843
|
+
var _manageMemberComponen2, _manageMemberComponen3;
|
|
7844
|
+
var values = _ref5.values,
|
|
7845
|
+
dirty = _ref5.dirty;
|
|
7846
|
+
var emails = values.emails,
|
|
7847
|
+
role = values.role;
|
|
7848
|
+
formikValues.current = values;
|
|
7849
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
7850
|
+
children: [/*#__PURE__*/jsx(ScrollToErrorField, {
|
|
7851
|
+
formRef: formReference
|
|
7852
|
+
}), /*#__PURE__*/jsxs(Component.Body, _objectSpread$1(_objectSpread$1({}, manageMemberComponentConfig.bodyProps), {}, {
|
|
7853
|
+
className: classnames(["ntm-members-form__body", (_manageMemberComponen2 = manageMemberComponentConfig.bodyProps) === null || _manageMemberComponen2 === void 0 ? void 0 : _manageMemberComponen2.className]),
|
|
7854
|
+
children: [isCreationStatusPollingEnabled && /*#__PURE__*/jsx(Callout, {
|
|
7855
|
+
className: "w-full",
|
|
7856
|
+
icon: Info,
|
|
7857
|
+
style: "info",
|
|
7858
|
+
children: t("neetoTeamMembers.helpers.memberCreationStatus", {
|
|
7859
|
+
count: emails.length,
|
|
7860
|
+
totalCount: progress === null || progress === void 0 ? void 0 : progress.totalCount,
|
|
7861
|
+
completedCount: progress === null || progress === void 0 ? void 0 : progress.completedCount
|
|
7862
|
+
})
|
|
7863
|
+
}), renderFormPage(currentPage, emails, role)]
|
|
7864
|
+
})), /*#__PURE__*/jsxs(Component.Footer, _objectSpread$1(_objectSpread$1({}, manageMemberComponentConfig.footerProps), {}, {
|
|
7865
|
+
className: classnames(["ntm-members-form__footer", (_manageMemberComponen3 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen3 === void 0 ? void 0 : _manageMemberComponen3.className]),
|
|
7866
|
+
children: [/*#__PURE__*/jsx(Button, {
|
|
7867
|
+
loading: isSubmitting || isCreationStatusPollingEnabled,
|
|
7868
|
+
style: "primary",
|
|
7869
|
+
type: "submit",
|
|
7870
|
+
"data-cy": isLastPage ? "ntm-manage-member-submit-button" : "ntm-manage-member-continue-button",
|
|
7871
|
+
disabled: !dirty || isSubmitting || isCreationStatusPollingEnabled,
|
|
7872
|
+
label: isLastPage ? t("neetoTeamMembers.buttons.saveChanges") : t("neetoTeamMembers.buttons.continue")
|
|
7873
|
+
}), /*#__PURE__*/jsx(Button, {
|
|
7874
|
+
"data-cy": "ntm-manage-member-cancel-button",
|
|
7875
|
+
label: t("neetoTeamMembers.buttons.cancel"),
|
|
7876
|
+
style: "text",
|
|
7877
|
+
onClick: function onClick() {
|
|
7878
|
+
return handleClose(false);
|
|
7879
|
+
}
|
|
7880
|
+
})]
|
|
7881
|
+
}))]
|
|
7882
|
+
});
|
|
7690
7883
|
}
|
|
7691
|
-
})
|
|
7692
|
-
})
|
|
7884
|
+
})]
|
|
7885
|
+
});
|
|
7693
7886
|
};
|
|
7694
7887
|
|
|
7695
7888
|
var Menu = function Menu(_ref) {
|
|
@@ -7700,22 +7893,22 @@ var Menu = function Menu(_ref) {
|
|
|
7700
7893
|
var _useTranslation = useTranslation(),
|
|
7701
7894
|
t = _useTranslation.t;
|
|
7702
7895
|
var memberFilterKeys = keys(MEMBER_FILTER);
|
|
7703
|
-
return /*#__PURE__*/
|
|
7896
|
+
return /*#__PURE__*/jsx(MenuBar, {
|
|
7704
7897
|
"data-cy": "ntm-members-menubar-heading",
|
|
7705
7898
|
showMenu: isMenuOpen,
|
|
7706
|
-
title: taxonomies.member.plural
|
|
7707
|
-
|
|
7708
|
-
|
|
7709
|
-
|
|
7710
|
-
|
|
7711
|
-
|
|
7712
|
-
|
|
7713
|
-
|
|
7714
|
-
|
|
7715
|
-
|
|
7716
|
-
}
|
|
7717
|
-
})
|
|
7718
|
-
})
|
|
7899
|
+
title: taxonomies.member.plural,
|
|
7900
|
+
children: memberFilterKeys.map(function (filter) {
|
|
7901
|
+
return /*#__PURE__*/jsx(MenuBar.Block, {
|
|
7902
|
+
count: getPerCategoryCount(filterCounts, filter),
|
|
7903
|
+
"data-cy": "ntm-members-menubar-".concat(slugify(filter), "-block"),
|
|
7904
|
+
label: t(MEMBER_FILTER[filter].label),
|
|
7905
|
+
active: memberFilterKeys.includes(memberFilter) && identical(filter, memberFilter),
|
|
7906
|
+
onClick: function onClick() {
|
|
7907
|
+
return handleMemberFilterChange(filter);
|
|
7908
|
+
}
|
|
7909
|
+
}, filter);
|
|
7910
|
+
})
|
|
7911
|
+
});
|
|
7719
7912
|
};
|
|
7720
7913
|
|
|
7721
7914
|
function ownKeys(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; }
|
|
@@ -7843,91 +8036,98 @@ var TeamMembers = function TeamMembers(_ref) {
|
|
|
7843
8036
|
noDataTitle = _generateNoDataConten.noDataTitle,
|
|
7844
8037
|
noDataButtonProps = _generateNoDataConten.noDataButtonProps;
|
|
7845
8038
|
if (isRolesLoading || isMembersLoading) {
|
|
7846
|
-
return /*#__PURE__*/
|
|
7847
|
-
className: "ntm-members-page-loader"
|
|
7848
|
-
|
|
8039
|
+
return /*#__PURE__*/jsx("div", {
|
|
8040
|
+
className: "ntm-members-page-loader",
|
|
8041
|
+
children: /*#__PURE__*/jsx(PageLoader, {})
|
|
8042
|
+
});
|
|
7849
8043
|
}
|
|
7850
|
-
return /*#__PURE__*/
|
|
7851
|
-
className: "ntm-members"
|
|
7852
|
-
|
|
7853
|
-
|
|
7854
|
-
|
|
7855
|
-
|
|
7856
|
-
|
|
7857
|
-
|
|
7858
|
-
|
|
7859
|
-
|
|
7860
|
-
|
|
7861
|
-
|
|
7862
|
-
|
|
7863
|
-
|
|
7864
|
-
|
|
7865
|
-
|
|
7866
|
-
|
|
7867
|
-
|
|
7868
|
-
|
|
7869
|
-
|
|
7870
|
-
|
|
7871
|
-
|
|
7872
|
-
|
|
7873
|
-
|
|
7874
|
-
|
|
7875
|
-
|
|
7876
|
-
|
|
7877
|
-
|
|
7878
|
-
|
|
8044
|
+
return /*#__PURE__*/jsx("div", {
|
|
8045
|
+
className: "ntm-members",
|
|
8046
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
8047
|
+
className: "ntm-members-wrapper",
|
|
8048
|
+
children: [/*#__PURE__*/jsx(Menu, {
|
|
8049
|
+
handleMemberFilterChange: handleMemberFilterChange,
|
|
8050
|
+
filterCounts: team === null || team === void 0 ? void 0 : team.perCategoryCount,
|
|
8051
|
+
isMenuOpen: isOpen.menuBar,
|
|
8052
|
+
memberFilter: filters.category
|
|
8053
|
+
}), /*#__PURE__*/jsxs(Container, {
|
|
8054
|
+
children: [/*#__PURE__*/jsx(Header$1, {
|
|
8055
|
+
config: config,
|
|
8056
|
+
setIsOpen: setIsOpen,
|
|
8057
|
+
filterCategory: filters.category,
|
|
8058
|
+
searchProps: hasMembers ? searchProps : null
|
|
8059
|
+
}), /*#__PURE__*/jsx(SubHeaderMolecule, {
|
|
8060
|
+
leftActionBlock: /*#__PURE__*/jsx(SubHeader.Left, {
|
|
8061
|
+
config: config,
|
|
8062
|
+
selectedRows: selectedRows,
|
|
8063
|
+
setSelectedRows: setSelectedRows,
|
|
8064
|
+
filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
|
|
8065
|
+
roles: filteredRoles
|
|
8066
|
+
}),
|
|
8067
|
+
rightActionBlock: hasMembers && /*#__PURE__*/jsx(SubHeader.Right, {
|
|
8068
|
+
columns: columns,
|
|
8069
|
+
filterColumns: filterColumns,
|
|
8070
|
+
handleNeetoFilterChange: handleNeetoFilterChange,
|
|
8071
|
+
isFiltersPaneOpen: isFiltersPaneOpen,
|
|
8072
|
+
searchKeywordProps: searchKeywordProps,
|
|
8073
|
+
setIsFiltersPaneOpen: setIsFiltersPaneOpen
|
|
8074
|
+
})
|
|
8075
|
+
}), /*#__PURE__*/jsx(Bar, {
|
|
8076
|
+
columns: filterColumns,
|
|
8077
|
+
keyword: searchKeywordProps,
|
|
8078
|
+
setIsPaneOpen: setIsFiltersPaneOpen,
|
|
8079
|
+
onChange: handleNeetoFilterChange
|
|
8080
|
+
}), /*#__PURE__*/jsx(TableWrapper, {
|
|
8081
|
+
hasPagination: (team === null || team === void 0 ? void 0 : team.membersCount) > filters.pageSize,
|
|
8082
|
+
children: (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/jsx(Table$1, {
|
|
8083
|
+
fixedHeight: true,
|
|
8084
|
+
allowRowClick: false,
|
|
8085
|
+
columnData: getVisibleColumnData(columns),
|
|
8086
|
+
currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
|
|
8087
|
+
"data-cy": "ntm-members-table",
|
|
8088
|
+
loading: isMembersFetching,
|
|
8089
|
+
paginationProps: renderPaginationProps(filters.pageSize),
|
|
8090
|
+
rowData: team === null || team === void 0 ? void 0 : team.members,
|
|
8091
|
+
rowSelection: {
|
|
8092
|
+
columnWidth: "2%"
|
|
8093
|
+
},
|
|
8094
|
+
selectedRowKeys: selectedRows.keys,
|
|
8095
|
+
totalCount: team === null || team === void 0 ? void 0 : team.membersCount,
|
|
8096
|
+
handlePageChange: handlePageChange(setFilters, filters.category, history),
|
|
8097
|
+
onChange: handleTableChange,
|
|
8098
|
+
onColumnHide: function onColumnHide(_ref2) {
|
|
8099
|
+
var dataIndex = _ref2.dataIndex;
|
|
8100
|
+
return hideColumn(dataIndex);
|
|
8101
|
+
},
|
|
8102
|
+
onRowSelect: handleRowSelect
|
|
8103
|
+
}) : /*#__PURE__*/jsx("div", {
|
|
8104
|
+
className: "flex h-full w-full items-center justify-center",
|
|
8105
|
+
children: /*#__PURE__*/jsx(NoData, {
|
|
8106
|
+
primaryButtonProps: noDataButtonProps,
|
|
8107
|
+
title: noDataTitle
|
|
8108
|
+
})
|
|
8109
|
+
})
|
|
8110
|
+
})]
|
|
8111
|
+
}), /*#__PURE__*/jsx(ManageMember, {
|
|
8112
|
+
config: config,
|
|
8113
|
+
selectedMember: selectedMember,
|
|
8114
|
+
componentConfig: {
|
|
8115
|
+
isOpen: isOpen.manageMember
|
|
8116
|
+
},
|
|
8117
|
+
roles: filteredRoles,
|
|
8118
|
+
onComplete: handlePaneClose
|
|
8119
|
+
}), /*#__PURE__*/jsx(Alert, {
|
|
8120
|
+
cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
|
|
8121
|
+
isOpen: isOpen.alert,
|
|
8122
|
+
isSubmitting: isUpdatingMember,
|
|
8123
|
+
message: renderUpdateAlert("message", updateMemberAlertProps),
|
|
8124
|
+
title: renderUpdateAlert("title", updateMemberAlertProps),
|
|
8125
|
+
submitButtonLabel: selectedMember !== null && selectedMember !== void 0 && selectedMember.active ? t("neetoTeamMembers.buttons.deactivate") : t("neetoTeamMembers.buttons.activate"),
|
|
8126
|
+
onClose: handleAlertClose,
|
|
8127
|
+
onSubmit: handleUpdateMember
|
|
8128
|
+
})]
|
|
7879
8129
|
})
|
|
7880
|
-
})
|
|
7881
|
-
columns: filterColumns,
|
|
7882
|
-
keyword: searchKeywordProps,
|
|
7883
|
-
setIsPaneOpen: setIsFiltersPaneOpen,
|
|
7884
|
-
onChange: handleNeetoFilterChange
|
|
7885
|
-
}), /*#__PURE__*/React.createElement(TableWrapper, {
|
|
7886
|
-
hasPagination: (team === null || team === void 0 ? void 0 : team.membersCount) > filters.pageSize
|
|
7887
|
-
}, (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React.createElement(Table$1, {
|
|
7888
|
-
fixedHeight: true,
|
|
7889
|
-
allowRowClick: false,
|
|
7890
|
-
columnData: getVisibleColumnData(columns),
|
|
7891
|
-
currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
|
|
7892
|
-
"data-cy": "ntm-members-table",
|
|
7893
|
-
loading: isMembersFetching,
|
|
7894
|
-
paginationProps: renderPaginationProps(filters.pageSize),
|
|
7895
|
-
rowData: team === null || team === void 0 ? void 0 : team.members,
|
|
7896
|
-
rowSelection: {
|
|
7897
|
-
columnWidth: "2%"
|
|
7898
|
-
},
|
|
7899
|
-
selectedRowKeys: selectedRows.keys,
|
|
7900
|
-
totalCount: team === null || team === void 0 ? void 0 : team.membersCount,
|
|
7901
|
-
handlePageChange: handlePageChange(setFilters, filters.category, history),
|
|
7902
|
-
onChange: handleTableChange,
|
|
7903
|
-
onColumnHide: function onColumnHide(_ref2) {
|
|
7904
|
-
var dataIndex = _ref2.dataIndex;
|
|
7905
|
-
return hideColumn(dataIndex);
|
|
7906
|
-
},
|
|
7907
|
-
onRowSelect: handleRowSelect
|
|
7908
|
-
}) : /*#__PURE__*/React.createElement("div", {
|
|
7909
|
-
className: "flex h-full w-full items-center justify-center"
|
|
7910
|
-
}, /*#__PURE__*/React.createElement(NoData, {
|
|
7911
|
-
primaryButtonProps: noDataButtonProps,
|
|
7912
|
-
title: noDataTitle
|
|
7913
|
-
})))), /*#__PURE__*/React.createElement(ManageMember, {
|
|
7914
|
-
config: config,
|
|
7915
|
-
selectedMember: selectedMember,
|
|
7916
|
-
componentConfig: {
|
|
7917
|
-
isOpen: isOpen.manageMember
|
|
7918
|
-
},
|
|
7919
|
-
roles: filteredRoles,
|
|
7920
|
-
onComplete: handlePaneClose
|
|
7921
|
-
}), /*#__PURE__*/React.createElement(Alert, {
|
|
7922
|
-
cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
|
|
7923
|
-
isOpen: isOpen.alert,
|
|
7924
|
-
isSubmitting: isUpdatingMember,
|
|
7925
|
-
message: renderUpdateAlert("message", updateMemberAlertProps),
|
|
7926
|
-
title: renderUpdateAlert("title", updateMemberAlertProps),
|
|
7927
|
-
submitButtonLabel: selectedMember !== null && selectedMember !== void 0 && selectedMember.active ? t("neetoTeamMembers.buttons.deactivate") : t("neetoTeamMembers.buttons.activate"),
|
|
7928
|
-
onClose: handleAlertClose,
|
|
7929
|
-
onSubmit: handleUpdateMember
|
|
7930
|
-
})));
|
|
8130
|
+
});
|
|
7931
8131
|
};
|
|
7932
8132
|
var index = withTitle(withReactQuery(TeamMembers), taxonomies.member.plural);
|
|
7933
8133
|
|