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

package/dist/cjs/Roles.js

@@ -10,12 +10,12 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var ramda = require('ramda');
-var withReactQuery = require('../withReactQuery-C7a_pGxf.js');
+var withReactQuery = require('../withReactQuery-DmoRX7nd.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
 var constants = require('../constants-V4yaxd59.js');
-var index$1 = require('../index-Dn1xXV16.js');
+var index$1 = require('../index-Bvg5FEih.js');
 var injectCss = require('../inject-css-vQvjPR2x.js');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var Button = require('@bigbinary/neetoui/Button');
@@ -30,7 +30,7 @@ var Form = require('@bigbinary/neetoui/formik/Form');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var Textarea = require('@bigbinary/neetoui/formik/Textarea');
 var yup = require('yup');
-var Permissions = require('../Permissions-B_03wP2E.js');
+var Permissions = require('../Permissions-Ceuhkolc.js');
 var NoData = require('@bigbinary/neetoui/NoData');
 var classnames = require('classnames');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
@@ -47,11 +47,41 @@ require('../queryClient-4vAFE3bx.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('formik');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var i18next__default = /*#__PURE__*/_interopDefault(i18next);
+var Container__default = /*#__PURE__*/_interopDefault(Container);
+var Spinner__default = /*#__PURE__*/_interopDefault(Spinner);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var axios__default = /*#__PURE__*/_interopDefault(axios);
+var NeetoHeader__default = /*#__PURE__*/_interopDefault(NeetoHeader);
+var Button__default = /*#__PURE__*/_interopDefault(Button);
+var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
+var Pane__default = /*#__PURE__*/_interopDefault(Pane);
+var Typography__default = /*#__PURE__*/_interopDefault(Typography);
+var ActionBlock__default = /*#__PURE__*/_interopDefault(ActionBlock);
+var Form__default = /*#__PURE__*/_interopDefault(Form);
+var Input__default = /*#__PURE__*/_interopDefault(Input);
+var Textarea__default = /*#__PURE__*/_interopDefault(Textarea);
+var NoData__default = /*#__PURE__*/_interopDefault(NoData);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var Checkbox__default = /*#__PURE__*/_interopDefault(Checkbox);
+var _typeof__default = /*#__PURE__*/_interopDefault(_typeof);
+var InfoRound__default = /*#__PURE__*/_interopDefault(InfoRound);
+var HelpPopover__default = /*#__PURE__*/_interopDefault(HelpPopover);
+var MoreDropdown__default = /*#__PURE__*/_interopDefault(MoreDropdown);
+var Alert__default = /*#__PURE__*/_interopDefault(Alert);
+var Search__default = /*#__PURE__*/_interopDefault(Search);
+var Down__default = /*#__PURE__*/_interopDefault(Down);
+var Up__default = /*#__PURE__*/_interopDefault(Up);
+
 var dist = {exports: {}};
 
 (function (module, exports) {
 	(function webpackUniversalModuleDefinition(root, factory) {
-		module.exports = factory(React);
+		module.exports = factory(React__default.default);
 	})(_commonjsHelpers.commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
 	return /******/ (function(modules) { // webpackBootstrap
 	/******/ 	// The module cache
@@ -1444,14 +1474,14 @@ var dist = {exports: {}};
 var distExports = dist.exports;
 
 var fetch = function fetch() {
-  return axios.get("".concat(constants.BASE_URL, "/permissions"));
+  return axios__default.default.get("".concat(constants.BASE_URL, "/permissions"));
 };
 var permissionsApi = {
   fetch: fetch
 };
 
 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; }
-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(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; }
+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; }
 var useFetchPermissions = function useFetchPermissions() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return reactQuery.useQuery(_objectSpread$1({
@@ -1485,12 +1515,12 @@ var AddRoleButton = function AddRoleButton(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isCreatePermissionGranted = config.permissions.create;
-  return /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
     content: t("neetoTeamMembers.tooltips.noPermissionToAddRole"),
     disabled: isCreatePermissionGranted,
     position: "bottom",
     children: /*#__PURE__*/jsxRuntime.jsx("span", {
-      children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
         "data-testid": "ntm-add-role-button",
         disabled: !isCreatePermissionGranted,
         label: t("neetoTeamMembers.labels.addNewRole"),
@@ -1512,19 +1542,19 @@ var Header = function Header(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isUpdatePermissionGranted = config.permissions.update;
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default.default, {
     breadcrumbs: renderBreadcrumbs(config === null || config === void 0 || (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs),
     className: "ntm-roles-header",
     searchProps: neetoCist.isNotEmpty(roles) ? renderSearchProps() : null,
     title: t("neetoTeamMembers.common.role", constants$1.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: isDirty ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
         content: t("neetoTeamMembers.tooltips.noPermissionToEditRoles"),
         disabled: isUpdatePermissionGranted,
         position: "bottom",
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
-          children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+          children: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
             "data-testid": "ntm-role-submission-button",
             disabled: !isUpdatePermissionGranted,
             label: t("neetoTeamMembers.buttons.saveChanges"),
@@ -1532,7 +1562,7 @@ var Header = function Header(_ref) {
             onClick: handleSubmit
           })
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+      }), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
         "data-testid": "ntm-role-reset-button",
         label: t("neetoTeamMembers.buttons.reset"),
         style: "text",
@@ -1574,7 +1604,7 @@ var ROLE_FORMIK_PROPS = {
 };
 
 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 ManageRoles = function ManageRoles(_ref) {
   var _selectedRole$permiss;
   var config = _ref.config,
@@ -1769,18 +1799,18 @@ var ManageRoles = function ManageRoles(_ref) {
       (_blinkedPermissionCar = blinkedPermissionCard) === null || _blinkedPermissionCar === void 0 || _blinkedPermissionCar.classList.remove(blinkClassName);
     };
   }, [isOpen, scrollTo, selectedRole === null || selectedRole === void 0 ? void 0 : selectedRole.id]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default.default, {
     isOpen: isOpen,
     onClose: onClose,
     initialFocusRef: !isEdit ? inputReference : undefined,
     size: "large",
-    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, {
         "data-testid": "ntm-add-role-title",
         style: "h2",
         children: isEdit ? t("neetoTeamMembers.labels.editRole") : t("neetoTeamMembers.labels.addNewRole")
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Form, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Form__default.default, {
       formikProps: formikProps,
       ref: formReference,
       children: function children(_ref3) {
@@ -1789,12 +1819,12 @@ var ManageRoles = function ManageRoles(_ref) {
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx(index$1.ScrollToErrorField, {
             formRef: formReference
-          }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+          }), /*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Body, {
             children: /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "ntm-roles-pane__body",
               children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
                 className: "ntm-roles-pane__body-wrapper",
-                children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+                children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
                   required: true,
                   unlimitedChars: true,
                   "data-testid": "ntm-add-role-name-text-field",
@@ -1804,7 +1834,7 @@ var ManageRoles = function ManageRoles(_ref) {
                   placeholder: t("neetoTeamMembers.placeholders.enterName"),
                   readOnly: isReadOnly,
                   ref: inputReference
-                }), /*#__PURE__*/jsxRuntime.jsx(Textarea, {
+                }), /*#__PURE__*/jsxRuntime.jsx(Textarea__default.default, {
                   unlimitedChars: true,
                   "data-testid": "ntm-add-role-description-text-field",
                   label: t("neetoTeamMembers.common.description"),
@@ -1819,8 +1849,8 @@ var ManageRoles = function ManageRoles(_ref) {
                 permissionRelationConfig: (_config$permissionRel = config === null || config === void 0 ? void 0 : config.permissionRelation) !== null && _config$permissionRel !== void 0 ? _config$permissionRel : {}
               })]
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
-            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+          }), /*#__PURE__*/jsxRuntime.jsx(Pane__default.default.Footer, {
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default.default, {
               isSubmitting: isSubmitting,
               className: "ntm-roles-pane__footer",
               cancelButtonProps: {
@@ -1858,7 +1888,7 @@ var _deepClone = function deepClone(object) {
     //this also handles boolean as true and false
     return object;
   }
-  var objectType = _typeof(object);
+  var objectType = _typeof__default.default(object);
   if ("number" === objectType || "string" === objectType) {
     // add your immutables here
     return object;
@@ -2004,7 +2034,7 @@ var Row = function Row(_ref) {
     return !allPermissionsOfCategory ? ramda.includes(permission === null || permission === void 0 ? void 0 : permission.id, role.permissionIds) : allPermissionIdsOfCategory.every(ramda.includes(ramda.__, role.permissionIds));
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames("ntm-roles-table__row", {
+    className: classnames__default.default("ntm-roles-table__row", {
       "ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
     }),
     children: roles.map(function (role) {
@@ -2014,13 +2044,13 @@ var Row = function Row(_ref) {
         style: {
           height: getRowClientHeight(permission)
         },
-        children: /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
           content: renderRolesTooltipContent(role.name),
           position: "top",
           disabled: isUpdatePermissionGranted && !ramda.identical(role.name, "Admin") && !ramda.identical(role.name, "Owner"),
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "ntm-roles-table-cell__checkbox-wrapper",
-            children: /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
+            children: /*#__PURE__*/jsxRuntime.jsx(Checkbox__default.default, {
               checked: isCheckboxChecked(role),
               className: "ntm-roles-table-cell__checkbox",
               "data-testid": "ntm-roles-table-permission-checkbox",
@@ -2070,14 +2100,14 @@ var _renderDescription = function renderDescription(permissions, filteredPermiss
       children: [filteredPermissions.includes(id) && /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "ntm-roles-table-sidebar__list-item",
         "data-name": description,
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
           "data-testid": "ntm-permission-category-description",
           lineHeight: "normal",
           style: "body2",
           children: description
-        }), tooltipContent && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
+        }), tooltipContent && /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default.default, {
           description: tooltipContent,
-          icon: InfoRound,
+          icon: InfoRound__default.default,
           size: "default"
         })]
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -2138,14 +2168,14 @@ var TableHeader = function TableHeader(_ref) {
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "ntm-roles-table-header-cell__container",
             "data-testid": "ntm-roles-table-role-header",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
               className: "ntm-roles-table-header__role-name",
               "data-testid": "ntm-roles-table-header-role-title",
               lineHeight: "normal",
               style: "h4",
               weight: "semibold",
               children: role.name
-            }), !isAdminRole && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+            }), !isAdminRole && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default.default, {
               dropdownProps: {
                 autoWidth: true
               },
@@ -2194,7 +2224,7 @@ var Delete = function Delete(_ref) {
       payload: payload
     });
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Alert, {
+  return /*#__PURE__*/jsxRuntime.jsx(Alert__default.default, {
     isOpen: isOpen,
     onClose: onClose,
     cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
@@ -2219,7 +2249,7 @@ var Columns = function Columns(_ref) {
     roles = _ref.roles,
     setIsScrollPresent = _ref.setIsScrollPresent;
   var _useState = React.useState(DEFAULT_MANAGE_ROLE_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     manageRole = _useState2[0],
     setManageRole = _useState2[1];
   var categories = React.useMemo(function () {
@@ -2294,12 +2324,12 @@ var Columns = function Columns(_ref) {
 
 var ToggleDropdown = function ToggleDropdown(_ref) {
   var isVisible = _ref.isVisible;
-  return isVisible ? /*#__PURE__*/jsxRuntime.jsx(Up, {
+  return isVisible ? /*#__PURE__*/jsxRuntime.jsx(Up__default.default, {
     className: "ntm-roles-table-sidebar__drop-down-button",
     "data-testid": "ntm-permission-category-hide-button",
     size: 16,
     strokeWidth: 2
-  }) : /*#__PURE__*/jsxRuntime.jsx(Down, {
+  }) : /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
     className: "ntm-roles-table-sidebar__drop-down-button",
     "data-testid": "ntm-permission-category-show-button",
     size: 16,
@@ -2337,7 +2367,7 @@ var Sidebar = function Sidebar(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "ntm-roles-table-sidebar__search",
       style: searchWrapperStyle,
-      children: /*#__PURE__*/jsxRuntime.jsx(Search, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Search__default.default, {
         enableUrlSync: true,
         "data-testid": "ntm-search-permissions-input",
         searchParamName: "permission_search_term",
@@ -2351,7 +2381,7 @@ var Sidebar = function Sidebar(_ref) {
           className: "ntm-roles-table-sidebar__list-item-cell",
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "ntm-roles-table-sidebar__list-item ntm-roles-table-sidebar__list-item--highlighted",
-            children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
               "data-testid": "ntm-empty-category-row",
               lineHeight: "normal",
               style: "body2",
@@ -2369,7 +2399,7 @@ var Sidebar = function Sidebar(_ref) {
               onClick: function onClick() {
                 return toggleDropdown(category);
               },
-              children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+              children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
                 className: "ntm-roles-table-sidebar__list-item-title",
                 "data-testid": "ntm-permission-category-title",
                 lineHeight: "normal",
@@ -2406,23 +2436,23 @@ var Table = function Table(_ref) {
     permissionSearchTerm = _useQueryParams$permi === void 0 ? "" : _useQueryParams$permi;
   var isCreatePermissionGranted = config.permissions.create;
   var _useState = React.useState(permissionGroups),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     filteredGroupPermissions = _useState2[0],
     setFilteredGroupPermissions = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     isScrollPresent = _useState4[0],
     setIsScrollPresent = _useState4[1];
   var _useState5 = React.useState(undefined),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     selectedRole = _useState6[0],
     setSelectedRole = _useState6[1];
   var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray__default.default(_useState7, 2),
     isDeleteAlertOpen = _useState8[0],
     setIsDeleteAlertOpen = _useState8[1];
   var _useState9 = React.useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
+    _useState10 = _slicedToArray__default.default(_useState9, 2),
     isEditPaneOpen = _useState10[0],
     setIsEditPaneOpen = _useState10[1];
   var toggleDropdown = function toggleDropdown(category) {
@@ -2440,7 +2470,7 @@ var Table = function Table(_ref) {
         className: "ntm-roles-table__container",
         children: ramda.isEmpty(filteredRoles) ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "ntm-empty-state",
-          children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
+          children: /*#__PURE__*/jsxRuntime.jsx(NoData__default.default, {
             title: t("neetoTeamMembers.labels.roleNotFound", constants$1.PLURAL),
             primaryButtonProps: {
               "data-testid": "ntm-add-role-button",
@@ -2496,11 +2526,11 @@ var Roles = function Roles(_ref) {
   var isViewPermissionGranted = config.permissions.view;
   var isUpdatePermissionGranted = config.permissions.update;
   var _useState = React.useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     modifiedRoles = _useState2[0],
     setModifiedRoles = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     isNewRolePaneOpen = _useState4[0],
     setIsNewRolePaneOpen = _useState4[1];
   var _useFetchRoles = index$1.useFetchRoles({
@@ -2546,12 +2576,12 @@ var Roles = function Roles(_ref) {
   if (isRolesLoading || isPermissionsLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full min-h-screen 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: [/*#__PURE__*/jsxRuntime.jsx(distExports.ScrollSync, {
-      children: /*#__PURE__*/jsxRuntime.jsxs(Container, {
+      children: /*#__PURE__*/jsxRuntime.jsxs(Container__default.default, {
         isHeaderFixed: true,
         children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
           config: config,
@@ -2579,7 +2609,7 @@ var Roles = function Roles(_ref) {
     })]
   });
 };
-var index = reactUtils.withTitle(withReactQuery.withReactQuery(Roles), i18next.t("neetoTeamMembers.common.role", constants$1.PLURAL));
+var index = reactUtils.withTitle(withReactQuery.withReactQuery(Roles), i18next__default.default.t("neetoTeamMembers.common.role", constants$1.PLURAL));
 
 module.exports = index;
 //# sourceMappingURL=Roles.js.map