@bigbinary/neeto-team-members-frontend 2.3.0 → 2.3.1

package/README.md

@@ -18,7 +18,7 @@ command:
 2. Now install the latest **neetoTeamMembers** package using the below command:
 
     ```zsh
-    yarn add @bigbinary/neeto-team-members-frontend@2.3.0
+    yarn add @bigbinary/neeto-team-members-frontend@2.3.1
     ```
 
 ## Usage

package/dist/index.cjs.js

@@ -4250,11 +4250,11 @@ instance.use(Browser).use(initReactI18next).init({
 });
 
 const hasPermission = function () {
-  var _window$globalProps$p, _window$globalProps;
+  var _window$globalProps;
 
   let permissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
   const type = typeof permissions;
-  const userPermissions = (_window$globalProps$p = (_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.permissions) !== null && _window$globalProps$p !== void 0 ? _window$globalProps$p : [];
+  const userPermissions = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.permissions) ?? [];
 
   if (Object.is(type, "string")) {
     return userPermissions.includes(permissions);
@@ -9355,14 +9355,14 @@ const COLUMN_DATA = [{
   title: instance.t("helpers.noOfRows"),
   dataIndex: "rows_count",
   key: "rows_count",
-  render: rows_count => rows_count !== null && rows_count !== void 0 ? rows_count : "-",
+  render: rows_count => rows_count ?? "-",
   width: 120,
   align: "center"
 }, {
   title: instance.t("helpers.uploaded"),
   dataIndex: "uploaded_by",
   key: "uploaded_by",
-  render: (uploaded_by, row) => "".concat(uploaded_by, " at ").concat(new Date(row.created_at).toLocaleString("en-US", DATETIME_OPTIONS))
+  render: (uploaded_by, row) => `${uploaded_by} at ${new Date(row.created_at).toLocaleString("en-US", DATETIME_OPTIONS)}`
 }];
 const SAMPLE_ROW_DATA = [{
   key: "1",
@@ -9442,13 +9442,13 @@ const Csv = _ref => {
 const BASE_URL = "team_members";
 const INVITATIONS_URL = "neeto_invitations";
 
-const fetch$3 = params => axios__default["default"].get("".concat(INVITATIONS_URL, "/invite_links"), {
+const fetch$3 = params => axios__default["default"].get(`${INVITATIONS_URL}/invite_links`, {
   params
 });
 
-const create$2 = payload => axios__default["default"].post("".concat(INVITATIONS_URL, "/invite_links"), payload);
+const create$2 = payload => axios__default["default"].post(`${INVITATIONS_URL}/invite_links`, payload);
 
-const destroy$1 = (id, payload) => axios__default["default"].delete("".concat(INVITATIONS_URL, "/invite_links/").concat(id), payload);
+const destroy$1 = (id, payload) => axios__default["default"].delete(`${INVITATIONS_URL}/invite_links/${id}`, payload);
 
 const inviteLinksApi = {
   fetch: fetch$3,
@@ -9456,9 +9456,9 @@ const inviteLinksApi = {
   destroy: destroy$1
 };
 
-const DEFAULT_STALE_TIME = 60000; // 1 minute
+const DEFAULT_STALE_TIME = 60_000; // 1 minute
 
-const INVITATIONS_STALE_TIME = 3600000; //1 hour
+const INVITATIONS_STALE_TIME = 3_600_000; //1 hour
 
 const QUERY_KEYS = {
   TEAMS: "neeto-team-members-teams",
@@ -9514,8 +9514,8 @@ var dist$1 = {exports: {}};
 } (dist$1));
 
 const renderTime = time => {
-  if (time.days) return "".concat(time.days, "d ").concat(time.hours, "h");else if (time.hours) return "".concat(time.hours, "h ").concat(time.minutes, "m");
-  return "".concat(time.minutes, "m ").concat(time.seconds, "s");
+  if (time.days) return `${time.days}d ${time.hours}h`;else if (time.hours) return `${time.hours}h ${time.minutes}m`;
+  return `${time.minutes}m ${time.seconds}s`;
 };
 
 const Timer = _ref => {
@@ -9561,7 +9561,7 @@ const InviteLink = _ref => {
   const showInviteLink = inviteLink && new Date(inviteLink.expiresAt) > new Date();
 
   const handleCopyInviteLink = () => {
-    navigator.clipboard.writeText("".concat(window.location.host, "/neeto_invitations/").concat(inviteLink.id));
+    navigator.clipboard.writeText(`${window.location.host}/neeto_invitations/${inviteLink.id}`);
     neetoui.Toastr.info(instance.t("helpers.copiedToClipboard"));
   };
 
@@ -9719,7 +9719,7 @@ const Invitations = _ref => {
 
 var index$2 = withReactQuery(Invitations);
 
-const fetch$2 = () => axios__default["default"].get("".concat(BASE_URL, "/permissions"));
+const fetch$2 = () => axios__default["default"].get(`${BASE_URL}/permissions`);
 
 const permissionsApi = {
   fetch: fetch$2
@@ -9737,13 +9737,13 @@ const useFetchPermissions = function () {
   }, options));
 };
 
-const fetch$1 = () => axios__default["default"].get("".concat(BASE_URL, "/organization_roles"));
+const fetch$1 = () => axios__default["default"].get(`${BASE_URL}/organization_roles`);
 
-const create$1 = payload => axios__default["default"].post("".concat(BASE_URL, "/organization_roles"), payload);
+const create$1 = payload => axios__default["default"].post(`${BASE_URL}/organization_roles`, payload);
 
-const update$1 = (id, payload) => axios__default["default"].patch("".concat(BASE_URL, "/organization_roles/").concat(id), payload);
+const update$1 = (id, payload) => axios__default["default"].patch(`${BASE_URL}/organization_roles/${id}`, payload);
 
-const destroy = (id, payload) => axios__default["default"].delete("".concat(BASE_URL, "/organization_roles/").concat(id), {
+const destroy = (id, payload) => axios__default["default"].delete(`${BASE_URL}/organization_roles/${id}`, {
   data: payload
 });
 
@@ -11221,14 +11221,12 @@ const renderSearchProps = (searchString, setSearchString) => ({
     return setSearchString(value);
   }
 });
-const renderBreadcrumbs = (breadcrumbs, membersPageUrl) => breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
+const renderBreadcrumbs = (breadcrumbs, membersPageUrl) => breadcrumbs ?? [{
   text: instance.t("metaNames.member", PLURAL),
-  link: membersPageUrl !== null && membersPageUrl !== void 0 ? membersPageUrl : "/members"
+  link: membersPageUrl ?? "/members"
 }];
 
 const AddRoleButton = _ref => {
-  var _permissions$create, _permissions$create2;
-
   let onClick = _ref.onClick,
       permissions = _ref.permissions;
 
@@ -11237,7 +11235,7 @@ const AddRoleButton = _ref => {
 
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: t("tooltips.noPermissionToAddRole"),
-    disabled: (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    disabled: (permissions === null || permissions === void 0 ? void 0 : permissions.create) ?? hasPermission(MANAGE_MEMBER_PERMISSIONS),
     position: "bottom"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     icon: neetoIcons.Plus,
@@ -11246,7 +11244,7 @@ const AddRoleButton = _ref => {
       what: t("common.role", SINGULAR).toLocaleLowerCase()
     }),
     onClick: onClick,
-    disabled: !((_permissions$create2 = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create2 !== void 0 ? _permissions$create2 : hasPermission(MANAGE_MEMBER_PERMISSIONS)),
+    disabled: !((permissions === null || permissions === void 0 ? void 0 : permissions.create) ?? hasPermission(MANAGE_MEMBER_PERMISSIONS)),
     "data-cy": "new-role-button"
   })));
 };
@@ -11561,6 +11559,7 @@ const DEFAULT_MANAGE_ROLE_VALUES = {
 };
 
 const renderRolesTooltipContent = roleName => Object.is(roleName, "Admin") ? instance.t("tooltips.editAdminRoleNotAllowed") : instance.t("tooltips.noPermissionToEditRoles");
+const removeDuplicates = array => [...new Set(array)];
 
 const Row = _ref => {
   let _ref$allPermissionsOf = _ref.allPermissionsOfCategory,
@@ -11577,7 +11576,7 @@ const Row = _ref => {
 
   const handleSubmit = (role, checked) => {
     const permissionIds = allPermissionIdsOfCategory.length > 0 ? allPermissionIdsOfCategory : [permission.id];
-    const modifiedRole = ramda.modify("permissionIds", () => checked ? [...role.permissionIds, ...permissionIds] : role.permissionIds.filter(id => !permissionIds.includes(id)), role);
+    const modifiedRole = ramda.modify("permissionIds", () => checked ? removeDuplicates([...role.permissionIds, ...permissionIds]) : role.permissionIds.filter(id => !permissionIds.includes(id)), role);
     updateRole({
       id: role.id,
       payload: {
@@ -11593,20 +11592,20 @@ const Row = _ref => {
       "ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
     })
   }, roles.map((role, index) => {
-    var _config$permissions$u, _config$permissions, _config$permissions$u2, _config$permissions2;
+    var _config$permissions, _config$permissions2;
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: index,
       className: "ntm-roles-table__cell"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
       content: renderRolesTooltipContent(role.name),
-      disabled: ((_config$permissions$u = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) !== null && _config$permissions$u !== void 0 ? _config$permissions$u : DEFAULT_PERMISSION) && !ramda.identical(role.name, "Admin"),
+      disabled: ((config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) ?? DEFAULT_PERMISSION) && !ramda.identical(role.name, "Admin"),
       position: "top"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-roles-table-cell__checkbox-wrapper"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
       className: "ntm-roles-table-cell__checkbox",
-      disabled: ramda.identical(role.name, "Admin") || !((_config$permissions$u2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.update) !== null && _config$permissions$u2 !== void 0 ? _config$permissions$u2 : DEFAULT_PERMISSION),
+      disabled: ramda.identical(role.name, "Admin") || !((config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.update) ?? DEFAULT_PERMISSION),
       checked: isCheckboxChecked(role),
       onChange: _ref2 => {
         let checked = _ref2.target.checked;
@@ -11643,11 +11642,11 @@ const TableHeader = _ref => {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-roles-table__header"
   }, roles === null || roles === void 0 ? void 0 : roles.map((role, index) => {
-    var _config$permissions$u, _config$permissions, _config$permissions$u2, _config$permissions2, _config$permissions$d, _config$permissions3, _config$permissions$d2, _config$permissions4;
+    var _config$permissions, _config$permissions2, _config$permissions3, _config$permissions4;
 
     const hasSystemRole = Object.is(role.kind, "system");
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      key: "ntm-roles-".concat(index),
+      key: `ntm-roles-${index}`,
       className: "ntm-roles-table__cell"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "ntm-roles-table-header-cell__container"
@@ -11662,7 +11661,7 @@ const TableHeader = _ref => {
       icon: neetoIcons.MenuHorizontal
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
       content: t("tooltips.noPermissionToEditRoles"),
-      disabled: (_config$permissions$u = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) !== null && _config$permissions$u !== void 0 ? _config$permissions$u : DEFAULT_PERMISSION,
+      disabled: (config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.update) ?? DEFAULT_PERMISSION,
       position: "top"
     }, /*#__PURE__*/React__default["default"].createElement("li", {
       className: "ntm-dropdown__item"
@@ -11672,12 +11671,12 @@ const TableHeader = _ref => {
         isEdit: true,
         selectedRole: role
       }),
-      disabled: !((_config$permissions$u2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.update) !== null && _config$permissions$u2 !== void 0 ? _config$permissions$u2 : DEFAULT_PERMISSION),
+      disabled: !((config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.update) ?? DEFAULT_PERMISSION),
       style: "text",
       className: "ntm-dropdown__button"
     }))), !hasSystemRole && /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
       content: t("tooltips.noPermissionToRemoveRoles"),
-      disabled: (_config$permissions$d = config === null || config === void 0 ? void 0 : (_config$permissions3 = config.permissions) === null || _config$permissions3 === void 0 ? void 0 : _config$permissions3.delete) !== null && _config$permissions$d !== void 0 ? _config$permissions$d : DEFAULT_PERMISSION,
+      disabled: (config === null || config === void 0 ? void 0 : (_config$permissions3 = config.permissions) === null || _config$permissions3 === void 0 ? void 0 : _config$permissions3.delete) ?? DEFAULT_PERMISSION,
       position: "bottom"
     }, /*#__PURE__*/React__default["default"].createElement("li", {
       className: "ntm-dropdown__item"
@@ -11687,7 +11686,7 @@ const TableHeader = _ref => {
         isDelete: true,
         selectedRole: role
       }),
-      disabled: !((_config$permissions$d2 = config === null || config === void 0 ? void 0 : (_config$permissions4 = config.permissions) === null || _config$permissions4 === void 0 ? void 0 : _config$permissions4.delete) !== null && _config$permissions$d2 !== void 0 ? _config$permissions$d2 : DEFAULT_PERMISSION),
+      disabled: !((config === null || config === void 0 ? void 0 : (_config$permissions4 = config.permissions) === null || _config$permissions4 === void 0 ? void 0 : _config$permissions4.delete) ?? DEFAULT_PERMISSION),
       style: "danger-text",
       className: "ntm-dropdown__button"
     }))))));
@@ -11885,9 +11884,9 @@ const renderDescription = permissions => permissions === null || permissions ===
 });
 const getSearchWrapperStyle = () => {
   const scrollBarWidth = getScrollBarWidth();
-  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", "".concat(scrollBarWidth, "px"));
+  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", `${scrollBarWidth}px`);
   return {
-    marginBottom: "".concat(scrollBarWidth, "px")
+    marginBottom: `${scrollBarWidth}px`
   };
 };
 
@@ -12024,7 +12023,7 @@ const Table = _ref => {
 };
 
 const Roles = _ref => {
-  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
+  var _config$permissions, _config$permissions2;
 
   let config = _ref.config;
 
@@ -12045,13 +12044,13 @@ const Roles = _ref => {
 
   const _useFetchRoles = useFetchRoles({
     onSuccess: roles => setFilteredRoles(roles),
-    enabled: (_config$permissions$v = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.view) !== null && _config$permissions$v !== void 0 ? _config$permissions$v : DEFAULT_PERMISSION
+    enabled: (config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.view) ?? DEFAULT_PERMISSION
   }),
         roles = _useFetchRoles.data,
         isRolesLoading = _useFetchRoles.isLoading;
 
   const _useFetchPermissions = useFetchPermissions({
-    enabled: (_config$permissions$v2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.view) !== null && _config$permissions$v2 !== void 0 ? _config$permissions$v2 : DEFAULT_PERMISSION
+    enabled: (config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.view) ?? DEFAULT_PERMISSION
   }),
         permissions = _useFetchPermissions.data,
         isPermissionsLoading = _useFetchPermissions.isLoading;
@@ -12097,13 +12096,13 @@ Roles.defaultProps = {
 };
 var index$1 = withReactQuery(Roles);
 
-const fetch = params => axios__default["default"].get("".concat(BASE_URL, "/teams"), {
+const fetch = params => axios__default["default"].get(`${BASE_URL}/teams`, {
   params
 });
 
-const create = payload => axios__default["default"].post("".concat(BASE_URL, "/teams"), payload);
+const create = payload => axios__default["default"].post(`${BASE_URL}/teams`, payload);
 
-const update = (id, payload) => axios__default["default"].put("".concat(BASE_URL, "/teams/").concat(id), payload);
+const update = (id, payload) => axios__default["default"].put(`${BASE_URL}/teams/${id}`, payload);
 
 const teamsApi = {
   fetch,
@@ -12174,8 +12173,6 @@ const useDebounce = function (value) {
 };
 
 const Header = _ref => {
-  var _permissions$create, _permissions$create2;
-
   let _ref$metaName = _ref.metaName,
       metaName = _ref$metaName === void 0 ? "" : _ref$metaName,
       _ref$onClick = _ref.onClick,
@@ -12183,7 +12180,7 @@ const Header = _ref => {
       permissions = _ref.permissions;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: instance.t("tooltips.noPermissionToAddMember"),
-    disabled: (_permissions$create = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create !== void 0 ? _permissions$create : hasPermission(MANAGE_MEMBER_PERMISSIONS),
+    disabled: (permissions === null || permissions === void 0 ? void 0 : permissions.create) ?? hasPermission(MANAGE_MEMBER_PERMISSIONS),
     position: "bottom"
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     icon: neetoIcons.Plus,
@@ -12191,7 +12188,7 @@ const Header = _ref => {
     label: instance.t("common.add_", {
       what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
     }),
-    disabled: !((_permissions$create2 = permissions === null || permissions === void 0 ? void 0 : permissions.create) !== null && _permissions$create2 !== void 0 ? _permissions$create2 : hasPermission(MANAGE_MEMBER_PERMISSIONS)),
+    disabled: !((permissions === null || permissions === void 0 ? void 0 : permissions.create) ?? hasPermission(MANAGE_MEMBER_PERMISSIONS)),
     onClick: onClick
   })));
 };
@@ -12297,11 +12294,7 @@ const isCurrentUserEmail = email => {
   return (user === null || user === void 0 ? void 0 : user.email) === email;
 };
 
-const isDropDownButtonDisabled = (email, permissions) => {
-  var _permissions$update;
-
-  return !((_permissions$update = permissions === null || permissions === void 0 ? void 0 : permissions.update) !== null && _permissions$update !== void 0 ? _permissions$update : hasPermission(MANAGE_MEMBER_PERMISSIONS)) || isCurrentUserEmail(email);
-};
+const isDropDownButtonDisabled = (email, permissions) => !((permissions === null || permissions === void 0 ? void 0 : permissions.update) ?? hasPermission(MANAGE_MEMBER_PERMISSIONS)) || isCurrentUserEmail(email);
 
 const getDropDownTooltipContent = email => isCurrentUserEmail(email) ? instance.t("tooltips.editCurrentUserNotAllowed") : instance.t("tooltips.noPermissionToEditMembers");
 
@@ -12382,7 +12375,7 @@ const getColumnData = _ref3 => {
     width: "10%"
   }];
 };
-const renderHeaderTitle = (filterStatus, metaName) => instance.t("common.".concat(ramda.toLower(filterStatus), "_"), {
+const renderHeaderTitle = (filterStatus, metaName) => instance.t(`common.${ramda.toLower(filterStatus)}_`, {
   what: instance.t(metaName, PLURAL).toLocaleLowerCase()
 });
 const renderUpdateAlertTitle = (member, metaName, config) => {
@@ -12427,7 +12420,7 @@ const handlePageChange = (setFilters, filter) => (page, results) => {
     page,
     results
   };
-  window.history.replaceState({}, "", "?".concat(getSearchParams(pageParams, filter)));
+  window.history.replaceState({}, "", `?${getSearchParams(pageParams, filter)}`);
   setFilters(ramda.mergeLeft(pageParams));
 };
 const renderPaginationProps = size => ({
@@ -12542,7 +12535,7 @@ const ManageMember = _ref => {
       counter: COUNTER_PROPS,
       filterInvalidEmails: FILTER_INVALID_EMAILS,
       disabled: selectedMember,
-      label: "".concat(instance.t("common.email", PLURAL), "*"),
+      label: `${instance.t("common.email", PLURAL)}*`,
       placeholder: instance.t("placeholders.email"),
       helpText: instance.t("helpers.enterMultipleEmails")
     }), /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
@@ -12606,7 +12599,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const TeamMembers = _ref => {
-  var _config$permissions$v, _config$permissions, _config$permissions$v2, _config$permissions2;
+  var _config$permissions, _config$permissions2;
 
   let metaName = _ref.metaName,
       config = _ref.config;
@@ -12632,7 +12625,7 @@ const TeamMembers = _ref => {
     search: debouncedSearch.trim(),
     category: filters.category.toLowerCase()
   }), {
-    enabled: (_config$permissions$v = config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.view) !== null && _config$permissions$v !== void 0 ? _config$permissions$v : DEFAULT_PERMISSION
+    enabled: (config === null || config === void 0 ? void 0 : (_config$permissions = config.permissions) === null || _config$permissions === void 0 ? void 0 : _config$permissions.view) ?? DEFAULT_PERMISSION
   }),
         team = _useFetchMembers.data,
         isMembersLoading = _useFetchMembers.isLoading,
@@ -12643,7 +12636,7 @@ const TeamMembers = _ref => {
       const roles = response.organizationRoles || response.data.organizationRoles;
       return ramda.pluck("name", roles).sort((a, b) => a.localeCompare(b));
     },
-    enabled: (_config$permissions$v2 = config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.view) !== null && _config$permissions$v2 !== void 0 ? _config$permissions$v2 : DEFAULT_PERMISSION
+    enabled: (config === null || config === void 0 ? void 0 : (_config$permissions2 = config.permissions) === null || _config$permissions2 === void 0 ? void 0 : _config$permissions2.view) ?? DEFAULT_PERMISSION
   }),
         roles = _useFetchRoles.data,
         isRolesLoading = _useFetchRoles.isLoading;