@bigbinary/neeto-team-members-frontend 5.0.21 → 5.0.23

package/dist/cjs/Groups.js

@@ -39,12 +39,15 @@ var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var utils$1 = require('./utils.js');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('../_commonjsHelpers-BJu3ubxk.js');
-require('../useTeamsApi-BDvsXvSN.js');
+require('../useTeamsApi-BNNfSa_t.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('qs');
 require('../queryClient-4vAFE3bx.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -61,24 +64,47 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var Container__default = /*#__PURE__*/_interopDefault(Container);
+var NeetoHeader__default = /*#__PURE__*/_interopDefault(NeetoHeader);
+var Button__default = /*#__PURE__*/_interopDefault(Button);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
+var axios__default = /*#__PURE__*/_interopDefault(axios);
+var Pane__default = /*#__PURE__*/_interopDefault(Pane);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+var ActionBlock__default = /*#__PURE__*/_interopDefault(ActionBlock);
+var Form__default = /*#__PURE__*/_interopDefault(Form$1);
+var Input__default = /*#__PURE__*/_interopDefault(Input);
+var Select__default = /*#__PURE__*/_interopDefault(Select);
+var Textarea__default = /*#__PURE__*/_interopDefault(Textarea);
+var Spinner__default = /*#__PURE__*/_interopDefault(Spinner);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var MoreDropdown__default = /*#__PURE__*/_interopDefault(MoreDropdown);
+var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
+var Alert__default = /*#__PURE__*/_interopDefault(Alert);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var SubHeader__default = /*#__PURE__*/_interopDefault(SubHeader);
+var TableWrapper__default = /*#__PURE__*/_interopDefault(TableWrapper);
+var Table__default = /*#__PURE__*/_interopDefault(Table);
+var NoData__default = /*#__PURE__*/_interopDefault(NoData);
+var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
 
 var list$1 = function list(params) {
-  return axios.get("".concat(constants.BASE_URL, "/api/v1/groups"), {
+  return axios__default.default.get("".concat(constants.BASE_URL, "/api/v1/groups"), {
     params: params
   });
 };
 var show = function show(id) {
-  return axios.get("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id));
+  return axios__default.default.get("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id));
 };
 var create = function create(payload) {
-  return axios.post("".concat(constants.BASE_URL, "/api/v1/groups"), payload);
+  return axios__default.default.post("".concat(constants.BASE_URL, "/api/v1/groups"), payload);
 };
 var update = function update(id, payload) {
-  return axios.patch("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id), payload);
+  return axios__default.default.patch("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id), payload);
 };
 var destroy = function destroy(id) {
-  return axios["delete"]("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id));
+  return axios__default.default["delete"]("".concat(constants.BASE_URL, "/api/v1/groups/").concat(id));
 };
 var groupsApi = {
   create: create,
@@ -111,7 +137,7 @@ var useCreateGroup = function useCreateGroup() {
   return reactUtils.useMutationWithInvalidation(function (payload) {
     return groupsApi.create(payload);
   }, {
-    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey = config === null || config === void 0 || (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.otherKeysToInvalidate) !== null && _config$form$otherKey !== void 0 ? _config$form$otherKey : []))
+    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray__default.default((_config$form$otherKey = config === null || config === void 0 || (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.otherKeysToInvalidate) !== null && _config$form$otherKey !== void 0 ? _config$form$otherKey : []))
   });
 };
 var useDeleteGroup = function useDeleteGroup() {
@@ -120,7 +146,7 @@ var useDeleteGroup = function useDeleteGroup() {
   return reactUtils.useMutationWithInvalidation(function (id) {
     return groupsApi.destroy(id);
   }, {
-    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey2 = config === null || config === void 0 || (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.otherKeysToInvalidate) !== null && _config$form$otherKey2 !== void 0 ? _config$form$otherKey2 : []))
+    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray__default.default((_config$form$otherKey2 = config === null || config === void 0 || (_config$form2 = config.form) === null || _config$form2 === void 0 ? void 0 : _config$form2.otherKeysToInvalidate) !== null && _config$form$otherKey2 !== void 0 ? _config$form$otherKey2 : []))
   });
 };
 var useFetchGroup = function useFetchGroup(id) {
@@ -141,19 +167,19 @@ var useUpdateGroup = function useUpdateGroup() {
       payload = _ref2.payload;
     return groupsApi.update(id, payload);
   }, {
-    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray((_config$form$otherKey3 = config === null || config === void 0 || (_config$form3 = config.form) === null || _config$form3 === void 0 ? void 0 : _config$form3.otherKeysToInvalidate) !== null && _config$form$otherKey3 !== void 0 ? _config$form$otherKey3 : []))
+    keysToInvalidate: [[constants.QUERY_KEYS.GROUPS]].concat(_toConsumableArray__default.default((_config$form$otherKey3 = config === null || config === void 0 || (_config$form3 = config.form) === null || _config$form3 === void 0 ? void 0 : _config$form3.otherKeysToInvalidate) !== null && _config$form$otherKey3 !== void 0 ? _config$form$otherKey3 : []))
   });
 };
 
 var PaneSpinner = function PaneSpinner() {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex h-full w-full items-center justify-center",
-    children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+    children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default.default, {})
   });
 };
 
 var list = function list() {
-  return axios.get("".concat(constants.BASE_URL, "/api/v1/users"));
+  return axios__default.default.get("".concat(constants.BASE_URL, "/api/v1/users"));
 };
 var usersApi = {
   list: list
@@ -196,7 +222,7 @@ var EVENTS = {
 var Member = function Member(_ref) {
   var member = _ref.member;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     isDeleteAlertOpen = _useState2[0],
     setIsDeleteAlertOpen = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -209,7 +235,7 @@ var Member = function Member(_ref) {
       className: "neeto-ui-neeto-ui-rounded-lg neeto-desk-team-settings__member-list flex items-center justify-between p-2",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center space-x-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Avatar, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default.default, {
           className: "shrink-0",
           size: "medium",
           user: {
@@ -217,18 +243,18 @@ var Member = function Member(_ref) {
           }
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "ms-2 w-auto",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
             className: "mb-1 capitalize",
             style: "h5",
             weight: "medium",
             children: member === null || member === void 0 ? void 0 : member.name
-          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
             style: "body3",
             weight: "normal",
             children: initializers.taxonomies.groupMember.singular
           })]
         })]
-      }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+      }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default.default, {
         dropdownProps: {
           strategy: "fixed",
           position: "bottom-end"
@@ -242,7 +268,7 @@ var Member = function Member(_ref) {
           }
         }]
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default.default, {
       isOpen: isDeleteAlertOpen,
       submitButtonLabel: t("neetoTeamMembers.common.remove"),
       message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
@@ -271,7 +297,7 @@ var Members = function Members(_ref) {
   var members = _ref.members,
     membersSelectbox = _ref.membersSelectbox;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     isAddNewMemberDropdownVisible = _useState2[0],
     setIsAddNewMemberDropdownVisible = _useState2[1];
   var _useFormikContext = formik.useFormikContext(),
@@ -284,11 +310,11 @@ var Members = function Members(_ref) {
     t = _useTranslation.t;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "w-full space-y-4",
-    children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default.default, {
       style: "h4",
       weight: "semibold",
       children: [initializers.taxonomies.groupMember.plural, " (", members ? members.length : 0, ")"]
-    }), isAddNewMemberDropdownVisible ? membersSelectbox : /*#__PURE__*/jsxRuntime.jsx(Button, {
+    }), isAddNewMemberDropdownVisible ? membersSelectbox : /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
       "data-testid": "new-member-button",
       iconPosition: "left",
       style: "secondary",
@@ -366,7 +392,7 @@ var Form = function Form(_ref) {
     }
   };
   if (isLoading || config !== null && config !== void 0 && (_config$pane = config.pane) !== null && _config$pane !== void 0 && _config$pane.isLoading) return /*#__PURE__*/jsxRuntime.jsx(PaneSpinner, {});
-  return /*#__PURE__*/jsxRuntime.jsx(Form$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(Form__default.default, {
     formProps: {
       noValidate: true,
       className: "flex w-full flex-col gap-y-4 pb-6"
@@ -381,12 +407,12 @@ var Form = function Form(_ref) {
       var _config$form4, _config$form4$otherEl, _config$form5, _config$form5$otherEl;
       var values = _ref2.values;
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
           required: true,
           "data-testid": "group-name-text-field",
           label: t("neetoTeamMembers.common.name"),
           name: "name"
-        }), /*#__PURE__*/jsxRuntime.jsx(Textarea, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Textarea__default.default, {
           "data-testid": "group-description-text-area",
           label: t("neetoTeamMembers.common.description"),
           name: "description",
@@ -394,7 +420,7 @@ var Form = function Form(_ref) {
           size: "medium"
         }), config === null || config === void 0 || (_config$form4 = config.form) === null || _config$form4 === void 0 || (_config$form4$otherEl = _config$form4.otherElements) === null || _config$form4$otherEl === void 0 ? void 0 : _config$form4$otherEl.call(_config$form4, values), isEdit ? /*#__PURE__*/jsxRuntime.jsx(Members, {
           members: values.members,
-          membersSelectbox: /*#__PURE__*/jsxRuntime.jsx(Select, {
+          membersSelectbox: /*#__PURE__*/jsxRuntime.jsx(Select__default.default, {
             isMulti: true,
             closeMenuOnSelect: false,
             getOptionLabel: ramda.prop("name"),
@@ -405,7 +431,7 @@ var Form = function Form(_ref) {
             options: users,
             placeholder: initializers.taxonomies.groupMember.plural
           })
-        }) : /*#__PURE__*/jsxRuntime.jsx(Select, {
+        }) : /*#__PURE__*/jsxRuntime.jsx(Select__default.default, {
           isMulti: true,
           closeMenuOnSelect: false,
           getOptionLabel: ramda.prop("name"),
@@ -415,9 +441,9 @@ var Form = function Form(_ref) {
           name: "members",
           options: users,
           placeholder: initializers.taxonomies.groupMember.plural
-        }), config === null || config === void 0 || (_config$form5 = config.form) === null || _config$form5 === void 0 || (_config$form5$otherEl = _config$form5.otherElementsAtLast) === null || _config$form5$otherEl === void 0 ? void 0 : _config$form5$otherEl.call(_config$form5, values), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
+        }), config === null || config === void 0 || (_config$form5 = config.form) === null || _config$form5 === void 0 || (_config$form5$otherEl = _config$form5.otherElementsAtLast) === null || _config$form5$otherEl === void 0 ? void 0 : _config$form5$otherEl.call(_config$form5, values), /*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Footer, {
           className: "absolute bottom-0 start-0",
-          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default.default, {
             cancelButtonProps: {
               onClick: onClose
             },
@@ -434,18 +460,18 @@ var Create = reactUtils.withT(function (_ref) {
     config = _ref.config,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default.default, {
     isOpen: isOpen,
     onClose: onClose,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
         style: "h2",
         weight: "semibold",
         children: t("neetoTeamMembers.common.addNew_", {
           what: initializers.taxonomies.group.singular
         })
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Body, {
       children: /*#__PURE__*/jsxRuntime.jsx(Form, {
         config: config,
         onClose: onClose
@@ -463,15 +489,15 @@ var renderName = function renderName(_ref) {
     getGroupDetail = _ref.getGroupDetail;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between gap-x-3",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
       content: name,
       position: "bottom",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
         className: "truncate",
         style: "body2",
         children: name
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default.default, {
       dropdownButtonProps: {
         className: "me-1 my-1"
       },
@@ -536,7 +562,7 @@ var getColumnData = function getColumnData(_ref2) {
       return description || "-";
     },
     width: 300
-  }].concat(_toConsumableArray((_config$table$columns = config === null || config === void 0 || (_config$table2 = config.table) === null || _config$table2 === void 0 || (_config$table2$column = _config$table2.columnsData) === null || _config$table2$column === void 0 ? void 0 : _config$table2$column.call(_config$table2)) !== null && _config$table$columns !== void 0 ? _config$table$columns : []));
+  }].concat(_toConsumableArray__default.default((_config$table$columns = config === null || config === void 0 || (_config$table2 = config.table) === null || _config$table2 === void 0 || (_config$table2$column = _config$table2.columnsData) === null || _config$table2$column === void 0 ? void 0 : _config$table2$column.call(_config$table2)) !== null && _config$table$columns !== void 0 ? _config$table$columns : []));
 };
 
 var Edit = function Edit(_ref) {
@@ -549,21 +575,21 @@ var Edit = function Edit(_ref) {
   var _useFetchGroup = useFetchGroup(groupId),
     group = _useFetchGroup.data,
     isLoading = _useFetchGroup.isLoading;
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default.default, {
     isOpen: isOpen,
     onClose: onClose,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
         style: "h2",
         weight: "semibold",
         children: t("neetoTeamMembers.common.edit_", {
           what: initializers.taxonomies.group.singular
         })
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Body, {
       children: isLoading ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex h-full w-full items-center justify-center",
-        children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+        children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default.default, {})
       }) : /*#__PURE__*/jsxRuntime.jsx(Form, {
         config: config,
         group: group,
@@ -575,7 +601,7 @@ var Edit = function Edit(_ref) {
 };
 
 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; }
-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(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; }
+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; }
 var List = function List(_ref) {
   var _config$table$deleteA, _config$table, _config$table$deleteA2;
   var config = _ref.config,
@@ -586,11 +612,11 @@ var List = function List(_ref) {
     setPageProperties = _ref.setPageProperties,
     emptyStateAction = _ref.emptyStateAction;
   var _useState = React.useState(DEFAULT_EDIT_GROUP),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     editGroupDetail = _useState2[0],
     setEditGroupDetail = _useState2[1];
   var _useState3 = React.useState(DEFAULT_DELETE_GROUP_DATA),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     deleteGroup = _useState4[0],
     setDeleteGroup = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -628,22 +654,22 @@ var List = function List(_ref) {
   if (isLoading || isDeleting) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default.default, {})
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!ramda.isEmpty(groups) ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(SubHeader__default.default, {
         className: "mb-4",
-        leftActionBlock: totalCount > 0 && /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        leftActionBlock: totalCount > 0 && /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
           className: "me-4 font-semibold",
           component: "h4",
           "data-testid": "item-count",
           children: utils$1.pluralizeLabelUsingTaxonomy(initializers.taxonomies.group.singular, totalCount)
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+      }), /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default.default, {
         hasPagination: totalCount > pageProperties.size,
-        children: /*#__PURE__*/jsxRuntime.jsx(Table, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Table__default.default, {
           columnData: columnData,
           totalCount: totalCount,
           fixedHeight: true,
@@ -663,7 +689,7 @@ var List = function List(_ref) {
       })]
     }) : /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full grow items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default.default, _objectSpread(_objectSpread({
         title: t("neetoTeamMembers.helpers.emptyTable", {
           entity: initializers.taxonomies.group.plural
         })
@@ -682,7 +708,7 @@ var List = function List(_ref) {
       onClose: function onClose() {
         return setEditGroupDetail(DEFAULT_EDIT_GROUP);
       }
-    }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default.default, {
       isOpen: deleteGroup.isDeleting,
       submitButtonLabel: t("neetoTeamMembers.common.delete"),
       message: (_config$table$deleteA = config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$deleteA2 = _config$table.deleteAlertMessage) === null || _config$table$deleteA2 === void 0 ? void 0 : _config$table$deleteA2.call(_config$table, deleteGroup.group)) !== null && _config$table$deleteA !== void 0 ? _config$table$deleteA : /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
@@ -713,11 +739,11 @@ var Groups = function Groups(_ref) {
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     isPaneOpen = _useState2[0],
     setIsPaneOpen = _useState2[1];
   var _useState3 = React.useState(constants.DEFAULT_PAGE_PROPERTIES),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     pageProperties = _useState4[0],
     setPageProperties = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -735,14 +761,14 @@ var Groups = function Groups(_ref) {
   React.useEffect(function () {
     setPageProperties(constants.DEFAULT_PAGE_PROPERTIES);
   }, [searchTerm]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Container__default.default, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default.default, {
       breadcrumbs: (_config$header$breadc = config === null || config === void 0 || (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs) !== null && _config$header$breadc !== void 0 ? _config$header$breadc : [],
       title: initializers.taxonomies.group.plural,
       titleHelpPopoverProps: (_config$header$titleH = config === null || config === void 0 || (_config$header2 = config.header) === null || _config$header2 === void 0 ? void 0 : _config$header2.titleHelpPopoverProps) !== null && _config$header$titleH !== void 0 ? _config$header$titleH : {},
       actionBlock: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex flex-row items-center justify-end",
-        children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
           "data-testid": "add-new-group-button",
           style: "primary",
           label: t("neetoTeamMembers.common.addNew_", {