@bigbinary/neeto-team-members-frontend 5.0.21 → 5.0.22
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/dist/{Permissions-B_03wP2E.js → Permissions-Ceuhkolc.js} +20 -12
- package/dist/{Permissions-B_03wP2E.js.map → Permissions-Ceuhkolc.js.map} +1 -1
- package/dist/{ProfileImage-NrUFZWFQ.js → ProfileImage-DLfKHCcF.js} +27 -16
- package/dist/{ProfileImage-NrUFZWFQ.js.map → ProfileImage-DLfKHCcF.js.map} +1 -1
- package/dist/{RolesRadioGroup-BCrw7ji3.js → RolesRadioGroup-C3dcGoEC.js} +30 -18
- package/dist/{RolesRadioGroup-BCrw7ji3.js.map → RolesRadioGroup-C3dcGoEC.js.map} +1 -1
- package/dist/cjs/Groups.js +83 -57
- package/dist/cjs/Groups.js.map +1 -1
- package/dist/cjs/ManageMember.js +5 -5
- package/dist/cjs/MembersDropdown.js +22 -11
- package/dist/cjs/MembersDropdown.js.map +1 -1
- package/dist/cjs/MembersInvite.js +28 -16
- package/dist/cjs/MembersInvite.js.map +1 -1
- package/dist/cjs/Permissions.js +1 -1
- package/dist/cjs/Profile.js +76 -53
- package/dist/cjs/Profile.js.map +1 -1
- package/dist/cjs/Roles.js +79 -49
- package/dist/cjs/Roles.js.map +1 -1
- package/dist/cjs/RolesRadioGroup.js +1 -1
- package/dist/cjs/TeamMembers.js +90 -65
- package/dist/cjs/TeamMembers.js.map +1 -1
- package/dist/cjs/TeamsAndMembersDropdown.js +29 -16
- package/dist/cjs/TeamsAndMembersDropdown.js.map +1 -1
- package/dist/cjs/TeamsDropdown.js +15 -7
- package/dist/cjs/TeamsDropdown.js.map +1 -1
- package/dist/cjs/hooks.js +2 -2
- package/dist/cjs/index.js +9 -9
- package/dist/cjs/utils.js +1 -1
- package/dist/{index-Dn1xXV16.js → index-Bvg5FEih.js} +20 -13
- package/dist/index-Bvg5FEih.js.map +1 -0
- package/dist/{index-Dpeqvj1R.js → index-CFoRG9Vv.js} +115 -84
- package/dist/{index-Dpeqvj1R.js.map → index-CFoRG9Vv.js.map} +1 -1
- package/dist/{index-RSeSsrSE.js → index-CTzzFXjr.js} +31 -19
- package/dist/{index-RSeSsrSE.js.map → index-CTzzFXjr.js.map} +1 -1
- package/dist/{useMembersSidenav-I2hDeiRw.js → useMembersSidenav-8pnJCxfV.js} +6 -2
- package/dist/{useMembersSidenav-I2hDeiRw.js.map → useMembersSidenav-8pnJCxfV.js.map} +1 -1
- package/dist/{useTeamsApi-BDvsXvSN.js → useTeamsApi-BNNfSa_t.js} +21 -14
- package/dist/useTeamsApi-BNNfSa_t.js.map +1 -0
- package/dist/{withReactQuery-C7a_pGxf.js → withReactQuery-DmoRX7nd.js} +6 -2
- package/dist/{withReactQuery-C7a_pGxf.js.map → withReactQuery-DmoRX7nd.js.map} +1 -1
- package/package.json +1 -1
- package/dist/index-Dn1xXV16.js.map +0 -1
- package/dist/useTeamsApi-BDvsXvSN.js.map +0 -1
|
@@ -20,9 +20,9 @@ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
|
|
|
20
20
|
var Form = require('@bigbinary/neetoui/formik/Form');
|
|
21
21
|
var ramda = require('ramda');
|
|
22
22
|
var reactI18next = require('react-i18next');
|
|
23
|
-
var index = require('./index-
|
|
24
|
-
var ProfileImage = require('./ProfileImage-
|
|
25
|
-
var useTeamsApi = require('./useTeamsApi-
|
|
23
|
+
var index = require('./index-Bvg5FEih.js');
|
|
24
|
+
var ProfileImage = require('./ProfileImage-DLfKHCcF.js');
|
|
25
|
+
var useTeamsApi = require('./useTeamsApi-BNNfSa_t.js');
|
|
26
26
|
var injectCss = require('./inject-css-vQvjPR2x.js');
|
|
27
27
|
var formik = require('formik');
|
|
28
28
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
@@ -30,7 +30,7 @@ var Checkbox = require('@bigbinary/neetoui/Checkbox');
|
|
|
30
30
|
var Tooltip = require('@bigbinary/neetoui/Tooltip');
|
|
31
31
|
var Select = require('@bigbinary/neetoui/formik/Select');
|
|
32
32
|
var Switch = require('@bigbinary/neetoui/formik/Switch');
|
|
33
|
-
var RolesRadioGroup = require('./RolesRadioGroup-
|
|
33
|
+
var RolesRadioGroup = require('./RolesRadioGroup-C3dcGoEC.js');
|
|
34
34
|
var jsxRuntime = require('react/jsx-runtime');
|
|
35
35
|
var constants = require('@bigbinary/neeto-commons-frontend/constants');
|
|
36
36
|
var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
@@ -49,6 +49,37 @@ var i18next = require('i18next');
|
|
|
49
49
|
var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
|
|
50
50
|
var Avatar = require('@bigbinary/neetoui/Avatar');
|
|
51
51
|
|
|
52
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
53
|
+
|
|
54
|
+
var _asyncToGenerator__default = /*#__PURE__*/_interopDefault(_asyncToGenerator);
|
|
55
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
56
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
|
|
57
|
+
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
|
|
58
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
59
|
+
var Info__default = /*#__PURE__*/_interopDefault(Info);
|
|
60
|
+
var LeftArrow__default = /*#__PURE__*/_interopDefault(LeftArrow);
|
|
61
|
+
var Button__default = /*#__PURE__*/_interopDefault(Button);
|
|
62
|
+
var Typography__default = /*#__PURE__*/_interopDefault(Typography);
|
|
63
|
+
var Toastr__default = /*#__PURE__*/_interopDefault(Toastr);
|
|
64
|
+
var Callout__default = /*#__PURE__*/_interopDefault(Callout);
|
|
65
|
+
var Spinner__default = /*#__PURE__*/_interopDefault(Spinner);
|
|
66
|
+
var ActionBlock__default = /*#__PURE__*/_interopDefault(ActionBlock);
|
|
67
|
+
var Form__default = /*#__PURE__*/_interopDefault(Form);
|
|
68
|
+
var Checkbox__default = /*#__PURE__*/_interopDefault(Checkbox);
|
|
69
|
+
var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
|
|
70
|
+
var Select__default = /*#__PURE__*/_interopDefault(Select);
|
|
71
|
+
var Switch__default = /*#__PURE__*/_interopDefault(Switch);
|
|
72
|
+
var MenuHorizontal__default = /*#__PURE__*/_interopDefault(MenuHorizontal);
|
|
73
|
+
var CopyToClipboardButton__default = /*#__PURE__*/_interopDefault(CopyToClipboardButton);
|
|
74
|
+
var Dropdown__default = /*#__PURE__*/_interopDefault(Dropdown);
|
|
75
|
+
var axios__default = /*#__PURE__*/_interopDefault(axios);
|
|
76
|
+
var Label__default = /*#__PURE__*/_interopDefault(Label);
|
|
77
|
+
var MultiEmailInput__default = /*#__PURE__*/_interopDefault(MultiEmailInput);
|
|
78
|
+
var Input__default = /*#__PURE__*/_interopDefault(Input);
|
|
79
|
+
var i18next__default = /*#__PURE__*/_interopDefault(i18next);
|
|
80
|
+
var MoreDropdown__default = /*#__PURE__*/_interopDefault(MoreDropdown);
|
|
81
|
+
var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
|
|
82
|
+
|
|
52
83
|
var _getQueryParams = utils.getQueryParams(),
|
|
53
84
|
page = _getQueryParams.page,
|
|
54
85
|
pageSize = _getQueryParams.pageSize;
|
|
@@ -73,8 +104,8 @@ var DEFAULT_SELECTED_ROWS = {
|
|
|
73
104
|
};
|
|
74
105
|
|
|
75
106
|
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; }
|
|
76
|
-
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) {
|
|
77
|
-
var MenuItem$1 =
|
|
107
|
+
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__default.default(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; }
|
|
108
|
+
var MenuItem$1 = Dropdown__default.default.MenuItem;
|
|
78
109
|
var renderNameColumn = function renderNameColumn(_ref) {
|
|
79
110
|
var config = _ref.config,
|
|
80
111
|
handleUpdateRole = _ref.handleUpdateRole,
|
|
@@ -86,13 +117,13 @@ var renderNameColumn = function renderNameColumn(_ref) {
|
|
|
86
117
|
className: "ntm-members-table__wrapper",
|
|
87
118
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
88
119
|
className: "ntm-members-table__column",
|
|
89
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
120
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default.default, {
|
|
90
121
|
size: "medium",
|
|
91
122
|
user: {
|
|
92
123
|
name: name,
|
|
93
124
|
imageUrl: imageUrl
|
|
94
125
|
}
|
|
95
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
126
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
96
127
|
className: "whitespace-normal",
|
|
97
128
|
"data-testid": "ntm-member-name-".concat(utils.hyphenize(name)),
|
|
98
129
|
style: "body2",
|
|
@@ -112,7 +143,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
|
|
|
112
143
|
handleUpdateRole = _ref2.handleUpdateRole,
|
|
113
144
|
handleUpdateStatus = _ref2.handleUpdateStatus,
|
|
114
145
|
tableData = _ref2.tableData;
|
|
115
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
146
|
+
return /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default.default, {
|
|
116
147
|
dropdownProps: {
|
|
117
148
|
appendTo: function appendTo() {
|
|
118
149
|
return document.body;
|
|
@@ -124,7 +155,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
|
|
|
124
155
|
className: "me-1 my-1",
|
|
125
156
|
"data-testid": "ntm-members-table-row-dropdown-button",
|
|
126
157
|
tooltipProps: {
|
|
127
|
-
content:
|
|
158
|
+
content: i18next__default.default.t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
|
|
128
159
|
disabled: config.permissions.update,
|
|
129
160
|
position: "top"
|
|
130
161
|
}
|
|
@@ -137,7 +168,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
|
|
|
137
168
|
onClick: function onClick() {
|
|
138
169
|
return handleUpdateRole(tableData);
|
|
139
170
|
},
|
|
140
|
-
children:
|
|
171
|
+
children: i18next__default.default.t("neetoTeamMembers.common.edit")
|
|
141
172
|
}), 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__*/jsxRuntime.jsx(MenuItem$1.Button, {
|
|
142
173
|
className: "ntm-dropdown__button",
|
|
143
174
|
"data-testid": "ntm-deactivate-member-button",
|
|
@@ -145,16 +176,16 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
|
|
|
145
176
|
onClick: function onClick() {
|
|
146
177
|
return handleUpdateStatus(tableData);
|
|
147
178
|
},
|
|
148
|
-
children:
|
|
179
|
+
children: i18next__default.default.t("neetoTeamMembers.common.remove")
|
|
149
180
|
})]
|
|
150
181
|
})
|
|
151
182
|
});
|
|
152
183
|
};
|
|
153
184
|
var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
|
|
154
185
|
var member = _ref3.member;
|
|
155
|
-
return member !== null && member !== void 0 && member.active ?
|
|
186
|
+
return member !== null && member !== void 0 && member.active ? i18next__default.default.t("neetoTeamMembers.common.remove_", {
|
|
156
187
|
what: initializers.taxonomies.member.singular
|
|
157
|
-
}) :
|
|
188
|
+
}) : i18next__default.default.t("neetoTeamMembers.common.activate_", {
|
|
158
189
|
what: initializers.taxonomies.member.singular
|
|
159
190
|
});
|
|
160
191
|
};
|
|
@@ -187,20 +218,20 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
|
|
|
187
218
|
});
|
|
188
219
|
},
|
|
189
220
|
sorter: true,
|
|
190
|
-
title:
|
|
221
|
+
title: i18next__default.default.t("neetoTeamMembers.common.name"),
|
|
191
222
|
isHidable: false
|
|
192
223
|
}, {
|
|
193
224
|
dataIndex: "email",
|
|
194
225
|
key: "email",
|
|
195
226
|
sorter: true,
|
|
196
227
|
width: 350,
|
|
197
|
-
title:
|
|
228
|
+
title: i18next__default.default.t("neetoTeamMembers.common.email", constants.SINGULAR)
|
|
198
229
|
}, {
|
|
199
230
|
dataIndex: "role",
|
|
200
231
|
key: "organization_role",
|
|
201
232
|
sorter: true,
|
|
202
233
|
width: 200,
|
|
203
|
-
title:
|
|
234
|
+
title: i18next__default.default.t("neetoTeamMembers.common.role", constants.SINGULAR)
|
|
204
235
|
}];
|
|
205
236
|
};
|
|
206
237
|
var removeExcludedRole = ramda.curry(function (excludedRoles, role) {
|
|
@@ -273,21 +304,21 @@ var renderPaginationProps = function renderPaginationProps(size) {
|
|
|
273
304
|
var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
|
|
274
305
|
return [{
|
|
275
306
|
key: "email",
|
|
276
|
-
label:
|
|
307
|
+
label: i18next__default.default.t("neetoTeamMembers.common.email", constants.SINGULAR),
|
|
277
308
|
model: "User",
|
|
278
309
|
node: "email",
|
|
279
310
|
showRuleSelector: true,
|
|
280
311
|
type: "text"
|
|
281
312
|
}, {
|
|
282
313
|
key: "name",
|
|
283
|
-
label:
|
|
314
|
+
label: i18next__default.default.t("neetoTeamMembers.common.name"),
|
|
284
315
|
model: "User",
|
|
285
316
|
node: "first_name,last_name",
|
|
286
317
|
type: "text",
|
|
287
318
|
values: ""
|
|
288
319
|
}, {
|
|
289
320
|
key: "role",
|
|
290
|
-
label:
|
|
321
|
+
label: i18next__default.default.t("neetoTeamMembers.common.role", constants.SINGULAR),
|
|
291
322
|
model: "OrganizationRole",
|
|
292
323
|
node: "organization_role.name",
|
|
293
324
|
type: "multi_option",
|
|
@@ -328,13 +359,13 @@ var generateNoDataContent = function generateNoDataContent(_ref10) {
|
|
|
328
359
|
var disabled = buttonProps.disabled,
|
|
329
360
|
onClick = buttonProps.onClick;
|
|
330
361
|
var noDataTitleTranslationKey = "notFound_";
|
|
331
|
-
var noDataTitle =
|
|
362
|
+
var noDataTitle = i18next__default.default.t("neetoTeamMembers.common.".concat(noDataTitleTranslationKey), {
|
|
332
363
|
what: initializers.taxonomies.member.plural
|
|
333
364
|
});
|
|
334
365
|
var noDataButtonProps = {
|
|
335
366
|
"data-testid": "ntm-add-member-button",
|
|
336
367
|
disabled: disabled,
|
|
337
|
-
label:
|
|
368
|
+
label: i18next__default.default.t("neetoTeamMembers.common.addNew_", {
|
|
338
369
|
what: initializers.taxonomies.member.singular
|
|
339
370
|
}),
|
|
340
371
|
onClick: onClick
|
|
@@ -355,7 +386,7 @@ var AppList = function AppList(_ref) {
|
|
|
355
386
|
var _useTranslation = reactI18next.useTranslation(),
|
|
356
387
|
t = _useTranslation.t;
|
|
357
388
|
var _useState = React.useState(savedStateRef.current.isAppListEnabled),
|
|
358
|
-
_useState2 =
|
|
389
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
359
390
|
isAppListEnabled = _useState2[0],
|
|
360
391
|
setIsAppListEnabled = _useState2[1];
|
|
361
392
|
var _useFormikContext = formik.useFormikContext(),
|
|
@@ -390,11 +421,11 @@ var AppList = function AppList(_ref) {
|
|
|
390
421
|
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6",
|
|
391
422
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
392
423
|
className: "neeto-ui-w-full space-y-3",
|
|
393
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
424
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox__default.default, {
|
|
394
425
|
checked: isAppListEnabled,
|
|
395
426
|
className: "ntm-manage-members__checkbox-align-start",
|
|
396
427
|
"data-testid": "ntm-manage-members-app-list-checkbox",
|
|
397
|
-
label: /*#__PURE__*/jsxRuntime.jsx(
|
|
428
|
+
label: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
398
429
|
component: "span",
|
|
399
430
|
lineHeight: "relaxed",
|
|
400
431
|
style: "body2",
|
|
@@ -408,12 +439,12 @@ var AppList = function AppList(_ref) {
|
|
|
408
439
|
onChange: function onChange() {
|
|
409
440
|
return setIsAppListEnabled(ramda.not);
|
|
410
441
|
}
|
|
411
|
-
}), isManageProductsLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(
|
|
442
|
+
}), isManageProductsLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
412
443
|
style: "body2",
|
|
413
444
|
children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
|
|
414
445
|
i18nKey: "neetoTeamMembers.helpers.manageProducts",
|
|
415
446
|
components: {
|
|
416
|
-
button: /*#__PURE__*/jsxRuntime.jsx(
|
|
447
|
+
button: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
417
448
|
href: RolesRadioGroup.NEETO_AUTH_MANAGE_PRODUCT_URL,
|
|
418
449
|
style: "link"
|
|
419
450
|
})
|
|
@@ -430,12 +461,12 @@ var AppList = function AppList(_ref) {
|
|
|
430
461
|
var isAppRoleSelectionChecked = isCurrentApp || isEnabled;
|
|
431
462
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
432
463
|
className: "ntm-manage-members__app-roles",
|
|
433
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
464
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
|
|
434
465
|
content: t("neetoTeamMembers.tooltips.hostAppIsRequired"),
|
|
435
466
|
disabled: !isCurrentApp,
|
|
436
467
|
position: "left",
|
|
437
468
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
438
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
469
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Switch__default.default, {
|
|
439
470
|
checked: isAppRoleSelectionChecked,
|
|
440
471
|
disabled: isCurrentApp,
|
|
441
472
|
name: "appsRoles[".concat(index, "].isEnabled"),
|
|
@@ -448,13 +479,13 @@ var AppList = function AppList(_ref) {
|
|
|
448
479
|
}
|
|
449
480
|
})
|
|
450
481
|
})
|
|
451
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
482
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
|
|
452
483
|
content: t("neetoTeamMembers.tooltips.goBackToChangeRole"),
|
|
453
484
|
disabled: !isCurrentApp,
|
|
454
485
|
position: "top",
|
|
455
486
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
456
487
|
className: "ntm-manage-members-app-roles__select-wrapper",
|
|
457
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
488
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Select__default.default, {
|
|
458
489
|
dataTestid: "ntm-manage-members-app-roles",
|
|
459
490
|
isDisabled: isCurrentApp || !isEnabled,
|
|
460
491
|
name: "appRoles[".concat(index, "].activeRole"),
|
|
@@ -491,7 +522,7 @@ var Confirmation = function Confirmation() {
|
|
|
491
522
|
className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6",
|
|
492
523
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
493
524
|
className: "neeto-ui-w-full",
|
|
494
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
525
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
495
526
|
component: "span",
|
|
496
527
|
lineHeight: "relaxed",
|
|
497
528
|
style: "body2",
|
|
@@ -520,7 +551,7 @@ var Confirmation = function Confirmation() {
|
|
|
520
551
|
activeRole = _ref.activeRole;
|
|
521
552
|
return /*#__PURE__*/jsxRuntime.jsxs("tr", {
|
|
522
553
|
children: [/*#__PURE__*/jsxRuntime.jsx("td", {
|
|
523
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
554
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
524
555
|
component: "span",
|
|
525
556
|
lineHeight: "relaxed",
|
|
526
557
|
style: "body2",
|
|
@@ -529,7 +560,7 @@ var Confirmation = function Confirmation() {
|
|
|
529
560
|
})
|
|
530
561
|
})
|
|
531
562
|
}), /*#__PURE__*/jsxRuntime.jsx("td", {
|
|
532
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
563
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
533
564
|
component: "span",
|
|
534
565
|
lineHeight: "relaxed",
|
|
535
566
|
style: "body2",
|
|
@@ -540,7 +571,7 @@ var Confirmation = function Confirmation() {
|
|
|
540
571
|
})
|
|
541
572
|
})]
|
|
542
573
|
})]
|
|
543
|
-
}) : /*#__PURE__*/jsxRuntime.jsx(
|
|
574
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
544
575
|
component: "span",
|
|
545
576
|
lineHeight: "relaxed",
|
|
546
577
|
style: "body2",
|
|
@@ -556,15 +587,15 @@ var Confirmation = function Confirmation() {
|
|
|
556
587
|
};
|
|
557
588
|
|
|
558
589
|
var fetch = function fetch() {
|
|
559
|
-
return
|
|
590
|
+
return axios__default.default.get("".concat(constants$1.BASE_URL, "/api/v1/invite_links"));
|
|
560
591
|
};
|
|
561
592
|
var create = function create(payload) {
|
|
562
|
-
return
|
|
593
|
+
return axios__default.default.post("".concat(constants$1.BASE_URL, "/api/v1/invite_links"), {
|
|
563
594
|
inviteLink: payload
|
|
564
595
|
});
|
|
565
596
|
};
|
|
566
597
|
var regenerate = function regenerate(inviteLinkId, payload) {
|
|
567
|
-
return
|
|
598
|
+
return axios__default.default.put("".concat(constants$1.BASE_URL, "/api/v1/invite_links/").concat(inviteLinkId), {
|
|
568
599
|
inviteLink: payload
|
|
569
600
|
});
|
|
570
601
|
};
|
|
@@ -575,7 +606,7 @@ var inviteLinksApi = {
|
|
|
575
606
|
};
|
|
576
607
|
|
|
577
608
|
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; }
|
|
578
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
|
|
609
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
579
610
|
var useFetchInviteLinks = function useFetchInviteLinks() {
|
|
580
611
|
return reactQuery.useQuery({
|
|
581
612
|
queryKey: [constants$1.QUERY_KEYS.INVITATION_LINK],
|
|
@@ -602,8 +633,8 @@ var useRegenerateInviteLink = function useRegenerateInviteLink() {
|
|
|
602
633
|
});
|
|
603
634
|
};
|
|
604
635
|
|
|
605
|
-
var Menu =
|
|
606
|
-
MenuItem =
|
|
636
|
+
var Menu = Dropdown__default.default.Menu,
|
|
637
|
+
MenuItem = Dropdown__default.default.MenuItem;
|
|
607
638
|
var MenuItemButton = MenuItem.Button;
|
|
608
639
|
var InviteLink = function InviteLink(_ref) {
|
|
609
640
|
var _inviteLinks$, _inviteLinks$2, _inviteLinks$3, _inviteLinks$4, _inviteLinks$5, _inviteLinks$6;
|
|
@@ -644,7 +675,7 @@ var InviteLink = function InviteLink(_ref) {
|
|
|
644
675
|
if (isFetchLinkLoading || isCreateLinkPending) {
|
|
645
676
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
646
677
|
className: "neeto-ui-w-full flex justify-center items-center",
|
|
647
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
678
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default.default, {
|
|
648
679
|
size: "large"
|
|
649
680
|
})
|
|
650
681
|
});
|
|
@@ -658,21 +689,21 @@ var InviteLink = function InviteLink(_ref) {
|
|
|
658
689
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
659
690
|
className: "relative min-w-0 grow truncate p-2 leading-none",
|
|
660
691
|
children: !isInviteLinkEmpty && RolesRadioGroup.getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$ = inviteLinks[0]) === null || _inviteLinks$ === void 0 ? void 0 : _inviteLinks$.token)
|
|
661
|
-
}), isInviteLinkEmpty ? /*#__PURE__*/jsxRuntime.jsx(
|
|
692
|
+
}), isInviteLinkEmpty ? /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
662
693
|
className: "rounded-ss-none rounded-es-none",
|
|
663
694
|
label: t("neetoTeamMembers.buttons.generateLink"),
|
|
664
695
|
onClick: handleRegenerate
|
|
665
|
-
}) : /*#__PURE__*/jsxRuntime.jsx(
|
|
696
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default.default, {
|
|
666
697
|
className: "rounded-ss-none rounded-es-none",
|
|
667
698
|
label: t("neetoTeamMembers.buttons.copyLink"),
|
|
668
699
|
value: RolesRadioGroup.getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$2 = inviteLinks[0]) === null || _inviteLinks$2 === void 0 ? void 0 : _inviteLinks$2.token)
|
|
669
700
|
})]
|
|
670
|
-
}), !isInviteLinkEmpty && /*#__PURE__*/jsxRuntime.jsx(
|
|
701
|
+
}), !isInviteLinkEmpty && /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
671
702
|
buttonProps: {
|
|
672
703
|
className: "shrink-0"
|
|
673
704
|
},
|
|
674
705
|
buttonStyle: "text",
|
|
675
|
-
icon:
|
|
706
|
+
icon: MenuHorizontal__default.default,
|
|
676
707
|
children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
|
|
677
708
|
children: /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
|
|
678
709
|
children: /*#__PURE__*/jsxRuntime.jsx(MenuItemButton, {
|
|
@@ -683,7 +714,7 @@ var InviteLink = function InviteLink(_ref) {
|
|
|
683
714
|
})
|
|
684
715
|
})]
|
|
685
716
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
686
|
-
children: !isInviteLinkEmpty && /*#__PURE__*/jsxRuntime.jsx(
|
|
717
|
+
children: !isInviteLinkEmpty && /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
687
718
|
className: "leading-relaxed neeto-ui-text-gray-500",
|
|
688
719
|
style: "body3",
|
|
689
720
|
children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
|
|
@@ -729,7 +760,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
729
760
|
};
|
|
730
761
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
731
762
|
className: "neeto-ui-w-full",
|
|
732
|
-
children: selectedMember ? /*#__PURE__*/jsxRuntime.jsx(
|
|
763
|
+
children: selectedMember ? /*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
733
764
|
"data-testid": "ntm-manage-member-email-input",
|
|
734
765
|
name: "emails",
|
|
735
766
|
size: "medium",
|
|
@@ -737,7 +768,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
737
768
|
value: (_head = ramda.head(emails)) === null || _head === void 0 ? void 0 : _head.value,
|
|
738
769
|
label: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
739
770
|
className: "neeto-ui-w-full neeto-ui-flex neeto-ui-justify-between",
|
|
740
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
771
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
741
772
|
component: "span",
|
|
742
773
|
style: "body2",
|
|
743
774
|
children: t("neetoTeamMembers.common.email", constants.SINGULAR)
|
|
@@ -747,17 +778,17 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
747
778
|
}) : /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
748
779
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
749
780
|
className: "flex items-center justify-between pb-2",
|
|
750
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
781
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Label__default.default, {
|
|
751
782
|
required: true,
|
|
752
783
|
children: t("neetoTeamMembers.common.email", constants.PLURAL)
|
|
753
|
-
}), isInviteLinkFeatureEnabled && /*#__PURE__*/jsxRuntime.jsx(
|
|
784
|
+
}), isInviteLinkFeatureEnabled && /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
754
785
|
label: t("neetoTeamMembers.buttons.inviteLink"),
|
|
755
786
|
style: "link",
|
|
756
787
|
onClick: function onClick() {
|
|
757
788
|
return setCurrentPage(RolesRadioGroup.FORM_PAGES.INVITE_LINK);
|
|
758
789
|
}
|
|
759
790
|
})]
|
|
760
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
791
|
+
}), /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput__default.default, {
|
|
761
792
|
required: true,
|
|
762
793
|
counter: RolesRadioGroup.COUNTER_PROPS,
|
|
763
794
|
"data-testid": "ntm-manage-member-email-input",
|
|
@@ -778,12 +809,12 @@ var NameInputs = function NameInputs(_ref) {
|
|
|
778
809
|
t = _useTranslation.t;
|
|
779
810
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
780
811
|
className: "neeto-ui-flex neeto-ui-w-full neeto-ui-gap-4",
|
|
781
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
812
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
782
813
|
"data-testid": "ntm-edit-member-first-name-text-field",
|
|
783
814
|
label: t("neetoTeamMembers.labels.firstName"),
|
|
784
815
|
name: "firstName",
|
|
785
816
|
ref: innerRef
|
|
786
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
817
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
787
818
|
"data-testid": "ntm-edit-member-last-name-text-field",
|
|
788
819
|
label: t("neetoTeamMembers.labels.lastName"),
|
|
789
820
|
name: "lastName"
|
|
@@ -834,7 +865,7 @@ var ProfileSettings = function ProfileSettings(_ref) {
|
|
|
834
865
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
835
866
|
className: "neeto-ui-border-gray-200 mt-4 w-full space-y-4 border-t pt-4",
|
|
836
867
|
"data-cy": "ntm-profile-settings",
|
|
837
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
868
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Select__default.default, {
|
|
838
869
|
"data-cy": "ntm-edit-member-country-select",
|
|
839
870
|
isLoading: isFetchingCountriesList,
|
|
840
871
|
label: t("neetoTeamMembers.profile.inputs.label.country"),
|
|
@@ -846,7 +877,7 @@ var ProfileSettings = function ProfileSettings(_ref) {
|
|
|
846
877
|
setFieldValue("dateFormat", dependentFields === null || dependentFields === void 0 ? void 0 : dependentFields.dateFormat);
|
|
847
878
|
setFieldValue("countryId", option === null || option === void 0 ? void 0 : option.value);
|
|
848
879
|
}
|
|
849
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
880
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Select__default.default, {
|
|
850
881
|
"data-cy": "ntm-edit-member-language-select",
|
|
851
882
|
label: t("neetoTeamMembers.profile.inputs.label.language"),
|
|
852
883
|
name: "language",
|
|
@@ -856,16 +887,16 @@ var ProfileSettings = function ProfileSettings(_ref) {
|
|
|
856
887
|
}
|
|
857
888
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
858
889
|
className: "space-y-2",
|
|
859
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
890
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Label__default.default, {
|
|
860
891
|
children: t("neetoTeamMembers.profile.inputs.label.timeZone")
|
|
861
892
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
862
893
|
"data-cy": "ntm-edit-member-timezone-select",
|
|
863
894
|
ref: timezoneContainerRef,
|
|
864
|
-
className:
|
|
895
|
+
className: classnames__default.default("w-full grow", {
|
|
865
896
|
"neeto-ui-bg-gray-100 pointer-events-none": isTimezoneFieldDisabled
|
|
866
897
|
})
|
|
867
898
|
})]
|
|
868
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
899
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Select__default.default, {
|
|
869
900
|
"data-cy": "ntm-edit-member-time-format-select",
|
|
870
901
|
label: t("neetoTeamMembers.profile.inputs.label.preferredTimeFormat"),
|
|
871
902
|
name: "timeFormat",
|
|
@@ -873,7 +904,7 @@ var ProfileSettings = function ProfileSettings(_ref) {
|
|
|
873
904
|
onChange: function onChange(option) {
|
|
874
905
|
return setFieldValue("timeFormat", option.value);
|
|
875
906
|
}
|
|
876
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
907
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Select__default.default, {
|
|
877
908
|
"data-cy": "ntm-edit-member-date-format-select",
|
|
878
909
|
label: t("neetoTeamMembers.profile.inputs.label.preferredDateFormat"),
|
|
879
910
|
name: "dateFormat",
|
|
@@ -886,7 +917,7 @@ var ProfileSettings = function ProfileSettings(_ref) {
|
|
|
886
917
|
};
|
|
887
918
|
|
|
888
919
|
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; }
|
|
889
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
920
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
890
921
|
var ManageMember = function ManageMember(_ref) {
|
|
891
922
|
var _manageMemberComponen, _config$additionalFie2;
|
|
892
923
|
var config = _ref.config,
|
|
@@ -900,7 +931,7 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
900
931
|
var _useTranslation = reactI18next.useTranslation(),
|
|
901
932
|
t = _useTranslation.t;
|
|
902
933
|
var _useState = React.useState(false),
|
|
903
|
-
_useState2 =
|
|
934
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
904
935
|
isCreationStatusPollingEnabled = _useState2[0],
|
|
905
936
|
setIsCreationStatusPollingEnabled = _useState2[1];
|
|
906
937
|
var isViewPermissionGranted = config.permissions.view;
|
|
@@ -916,7 +947,7 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
916
947
|
isMemberDetailLoading = _useFetchMember.isLoading;
|
|
917
948
|
var isTimezoneFieldDisabled = selectedMember && memberShowData && !selectedMember.isOwner && !memberShowData.timezoneChangeEnabled;
|
|
918
949
|
var _useState3 = React.useState(RolesRadioGroup.FORM_PAGES.MAIN),
|
|
919
|
-
_useState4 =
|
|
950
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
920
951
|
currentPage = _useState4[0],
|
|
921
952
|
setCurrentPage = _useState4[1];
|
|
922
953
|
var formReference = React.useRef(null);
|
|
@@ -992,7 +1023,7 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
992
1023
|
if (isSuccessful) {
|
|
993
1024
|
utils.showThumbsUpToastr();
|
|
994
1025
|
} else {
|
|
995
|
-
|
|
1026
|
+
Toastr__default.default.error(error);
|
|
996
1027
|
}
|
|
997
1028
|
useTeamsApi.refetchMembers();
|
|
998
1029
|
}, [creationStatus]);
|
|
@@ -1035,9 +1066,9 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
1035
1066
|
uploadImage = _useProfileImageUploa.uploadImage,
|
|
1036
1067
|
isUploading = _useProfileImageUploa.isUploading;
|
|
1037
1068
|
var handleUploadImage = /*#__PURE__*/function () {
|
|
1038
|
-
var _ref5 =
|
|
1069
|
+
var _ref5 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee(image) {
|
|
1039
1070
|
var result, didUpload;
|
|
1040
|
-
return
|
|
1071
|
+
return _regeneratorRuntime__default.default.wrap(function _callee$(_context) {
|
|
1041
1072
|
while (1) switch (_context.prev = _context.next) {
|
|
1042
1073
|
case 0:
|
|
1043
1074
|
didUpload = false;
|
|
@@ -1066,9 +1097,9 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
1066
1097
|
}();
|
|
1067
1098
|
var isProcessing = isCreatingMember || isUpdatingMember || isUploading || isRolesLoading || isGlobalRolesLoading || isMemberDetailLoading;
|
|
1068
1099
|
var handleAddMember = /*#__PURE__*/function () {
|
|
1069
|
-
var _ref6 =
|
|
1100
|
+
var _ref6 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee2(values) {
|
|
1070
1101
|
var _values$avatar, payload, _yield$handleUploadIm, fileId, filePath, url;
|
|
1071
|
-
return
|
|
1102
|
+
return _regeneratorRuntime__default.default.wrap(function _callee2$(_context2) {
|
|
1072
1103
|
while (1) switch (_context2.prev = _context2.next) {
|
|
1073
1104
|
case 0:
|
|
1074
1105
|
if (!selectedMember) {
|
|
@@ -1111,7 +1142,7 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
1111
1142
|
case 18:
|
|
1112
1143
|
_context2.prev = 18;
|
|
1113
1144
|
_context2.t0 = _context2["catch"](8);
|
|
1114
|
-
|
|
1145
|
+
Toastr__default.default.error(_context2.t0.message);
|
|
1115
1146
|
return _context2.abrupt("return");
|
|
1116
1147
|
case 22:
|
|
1117
1148
|
updateMember({
|
|
@@ -1133,9 +1164,9 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
1133
1164
|
};
|
|
1134
1165
|
}();
|
|
1135
1166
|
var handleOnSubmit = /*#__PURE__*/function () {
|
|
1136
|
-
var _ref8 =
|
|
1167
|
+
var _ref8 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee3(values, _ref7) {
|
|
1137
1168
|
var setSubmitting;
|
|
1138
|
-
return
|
|
1169
|
+
return _regeneratorRuntime__default.default.wrap(function _callee3$(_context3) {
|
|
1139
1170
|
while (1) switch (_context3.prev = _context3.next) {
|
|
1140
1171
|
case 0:
|
|
1141
1172
|
setSubmitting = _ref7.setSubmitting;
|
|
@@ -1238,12 +1269,12 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
1238
1269
|
return handleClose(false);
|
|
1239
1270
|
},
|
|
1240
1271
|
children: [/*#__PURE__*/jsxRuntime.jsxs(Component.Header, _objectSpread(_objectSpread({}, manageMemberComponentConfig.headerProps), {}, {
|
|
1241
|
-
className:
|
|
1272
|
+
className: classnames__default.default([{
|
|
1242
1273
|
"ntm-manage-members__header": currentPage !== RolesRadioGroup.FORM_PAGES.MAIN
|
|
1243
1274
|
}, (_manageMemberComponen = manageMemberComponentConfig.headerProps) === null || _manageMemberComponen === void 0 ? void 0 : _manageMemberComponen.className]),
|
|
1244
|
-
children: [currentPage !== RolesRadioGroup.FORM_PAGES.MAIN && /*#__PURE__*/jsxRuntime.jsx(
|
|
1275
|
+
children: [currentPage !== RolesRadioGroup.FORM_PAGES.MAIN && /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
1245
1276
|
"aria-label": "Back",
|
|
1246
|
-
icon:
|
|
1277
|
+
icon: LeftArrow__default.default,
|
|
1247
1278
|
size: "medium",
|
|
1248
1279
|
style: "text",
|
|
1249
1280
|
tooltipProps: {
|
|
@@ -1251,18 +1282,18 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
1251
1282
|
position: "bottom"
|
|
1252
1283
|
},
|
|
1253
1284
|
onClick: handleBackButton
|
|
1254
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
1285
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
1255
1286
|
className: "ntm-members-form__header",
|
|
1256
1287
|
"data-testid": "ntm-manage-members-pane-header",
|
|
1257
1288
|
style: "h2",
|
|
1258
1289
|
weight: "semibold",
|
|
1259
1290
|
children: getTitle()
|
|
1260
|
-
}), selectedMember && /*#__PURE__*/jsxRuntime.jsx(
|
|
1291
|
+
}), selectedMember && /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
1261
1292
|
className: "neeto-ui-text-gray-600",
|
|
1262
1293
|
style: "body2",
|
|
1263
1294
|
children: t("neetoTeamMembers.helpers.editPaneSubtitle")
|
|
1264
1295
|
})]
|
|
1265
|
-
})), /*#__PURE__*/jsxRuntime.jsx(
|
|
1296
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Form__default.default, {
|
|
1266
1297
|
ref: formReference,
|
|
1267
1298
|
formikProps: {
|
|
1268
1299
|
enableReinitialize: true,
|
|
@@ -1290,20 +1321,20 @@ var ManageMember = function ManageMember(_ref) {
|
|
|
1290
1321
|
children: [/*#__PURE__*/jsxRuntime.jsx(index.ScrollToErrorField, {
|
|
1291
1322
|
formRef: formReference
|
|
1292
1323
|
}), /*#__PURE__*/jsxRuntime.jsxs(Component.Body, _objectSpread(_objectSpread({}, manageMemberComponentConfig.bodyProps), {}, {
|
|
1293
|
-
className:
|
|
1294
|
-
children: [isCreationStatusPollingEnabled && /*#__PURE__*/jsxRuntime.jsxs(
|
|
1324
|
+
className: classnames__default.default(["ntm-members-form__body", (_manageMemberComponen2 = manageMemberComponentConfig.bodyProps) === null || _manageMemberComponen2 === void 0 ? void 0 : _manageMemberComponen2.className]),
|
|
1325
|
+
children: [isCreationStatusPollingEnabled && /*#__PURE__*/jsxRuntime.jsxs(Callout__default.default, {
|
|
1295
1326
|
className: "w-full",
|
|
1296
|
-
icon:
|
|
1327
|
+
icon: Info__default.default,
|
|
1297
1328
|
style: "info",
|
|
1298
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1329
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Spinner__default.default, {
|
|
1299
1330
|
size: "small"
|
|
1300
1331
|
}), t("neetoTeamMembers.helpers.memberCreationStatus", {
|
|
1301
1332
|
count: emails.length
|
|
1302
1333
|
})]
|
|
1303
1334
|
}), renderFormPage(currentPage, emails, role, setFieldValue)]
|
|
1304
1335
|
})), currentPage !== RolesRadioGroup.FORM_PAGES.INVITE_LINK && /*#__PURE__*/jsxRuntime.jsx(Component.Footer, _objectSpread(_objectSpread({}, manageMemberComponentConfig.footerProps), {}, {
|
|
1305
|
-
className:
|
|
1306
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
1336
|
+
className: classnames__default.default(["ntm-members-form__footer", (_manageMemberComponen3 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen3 === void 0 ? void 0 : _manageMemberComponen3.className]),
|
|
1337
|
+
children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default.default, {
|
|
1307
1338
|
cancelButtonProps: {
|
|
1308
1339
|
"data-testid": "ntm-manage-member-cancel-button",
|
|
1309
1340
|
onClick: function onClick() {
|
|
@@ -1337,4 +1368,4 @@ exports.getFilteredRoles = getFilteredRoles;
|
|
|
1337
1368
|
exports.handlePageChange = handlePageChange;
|
|
1338
1369
|
exports.renderPaginationProps = renderPaginationProps;
|
|
1339
1370
|
exports.renderUpdateAlert = renderUpdateAlert;
|
|
1340
|
-
//# sourceMappingURL=index-
|
|
1371
|
+
//# sourceMappingURL=index-CFoRG9Vv.js.map
|