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

package/dist/index.esm.js

@@ -4221,11 +4221,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);
@@ -9326,14 +9326,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",
@@ -9413,13 +9413,13 @@ const Csv = _ref => {
 const BASE_URL = "team_members";
 const INVITATIONS_URL = "neeto_invitations";
 
-const fetch$3 = params => axios.get("".concat(INVITATIONS_URL, "/invite_links"), {
+const fetch$3 = params => axios.get(`${INVITATIONS_URL}/invite_links`, {
   params
 });
 
-const create$2 = payload => axios.post("".concat(INVITATIONS_URL, "/invite_links"), payload);
+const create$2 = payload => axios.post(`${INVITATIONS_URL}/invite_links`, payload);
 
-const destroy$1 = (id, payload) => axios.delete("".concat(INVITATIONS_URL, "/invite_links/").concat(id), payload);
+const destroy$1 = (id, payload) => axios.delete(`${INVITATIONS_URL}/invite_links/${id}`, payload);
 
 const inviteLinksApi = {
   fetch: fetch$3,
@@ -9427,9 +9427,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",
@@ -9485,8 +9485,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 => {
@@ -9532,7 +9532,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}`);
     Toastr.info(instance.t("helpers.copiedToClipboard"));
   };
 
@@ -9690,7 +9690,7 @@ const Invitations = _ref => {
 
 var index$2 = withReactQuery(Invitations);
 
-const fetch$2 = () => axios.get("".concat(BASE_URL, "/permissions"));
+const fetch$2 = () => axios.get(`${BASE_URL}/permissions`);
 
 const permissionsApi = {
   fetch: fetch$2
@@ -9708,13 +9708,13 @@ const useFetchPermissions = function () {
   }, options));
 };
 
-const fetch$1 = () => axios.get("".concat(BASE_URL, "/organization_roles"));
+const fetch$1 = () => axios.get(`${BASE_URL}/organization_roles`);
 
-const create$1 = payload => axios.post("".concat(BASE_URL, "/organization_roles"), payload);
+const create$1 = payload => axios.post(`${BASE_URL}/organization_roles`, payload);
 
-const update$1 = (id, payload) => axios.patch("".concat(BASE_URL, "/organization_roles/").concat(id), payload);
+const update$1 = (id, payload) => axios.patch(`${BASE_URL}/organization_roles/${id}`, payload);
 
-const destroy = (id, payload) => axios.delete("".concat(BASE_URL, "/organization_roles/").concat(id), {
+const destroy = (id, payload) => axios.delete(`${BASE_URL}/organization_roles/${id}`, {
   data: payload
 });
 
@@ -11192,14 +11192,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;
 
@@ -11208,7 +11206,7 @@ const AddRoleButton = _ref => {
 
   return /*#__PURE__*/React.createElement(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.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     icon: Plus,
@@ -11217,7 +11215,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"
   })));
 };
@@ -11532,6 +11530,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,
@@ -11548,7 +11547,7 @@ const Row = _ref => {
 
   const handleSubmit = (role, checked) => {
     const permissionIds = allPermissionIdsOfCategory.length > 0 ? allPermissionIdsOfCategory : [permission.id];
-    const modifiedRole = modify("permissionIds", () => checked ? [...role.permissionIds, ...permissionIds] : role.permissionIds.filter(id => !permissionIds.includes(id)), role);
+    const modifiedRole = modify("permissionIds", () => checked ? removeDuplicates([...role.permissionIds, ...permissionIds]) : role.permissionIds.filter(id => !permissionIds.includes(id)), role);
     updateRole({
       id: role.id,
       payload: {
@@ -11564,20 +11563,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.createElement("div", {
       key: index,
       className: "ntm-roles-table__cell"
     }, /*#__PURE__*/React.createElement(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) && !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) && !identical(role.name, "Admin"),
       position: "top"
     }, /*#__PURE__*/React.createElement("div", {
       className: "ntm-roles-table-cell__checkbox-wrapper"
     }, /*#__PURE__*/React.createElement(Checkbox, {
       className: "ntm-roles-table-cell__checkbox",
-      disabled: 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: 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;
@@ -11614,11 +11613,11 @@ const TableHeader = _ref => {
   }, /*#__PURE__*/React.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.createElement("div", {
-      key: "ntm-roles-".concat(index),
+      key: `ntm-roles-${index}`,
       className: "ntm-roles-table__cell"
     }, /*#__PURE__*/React.createElement("div", {
       className: "ntm-roles-table-header-cell__container"
@@ -11633,7 +11632,7 @@ const TableHeader = _ref => {
       icon: MenuHorizontal
     }, /*#__PURE__*/React.createElement(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.createElement("li", {
       className: "ntm-dropdown__item"
@@ -11643,12 +11642,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.createElement(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.createElement("li", {
       className: "ntm-dropdown__item"
@@ -11658,7 +11657,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"
     }))))));
@@ -11856,9 +11855,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`
   };
 };
 
@@ -11995,7 +11994,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;
 
@@ -12016,13 +12015,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;
@@ -12068,13 +12067,13 @@ Roles.defaultProps = {
 };
 var index$1 = withReactQuery(Roles);
 
-const fetch = params => axios.get("".concat(BASE_URL, "/teams"), {
+const fetch = params => axios.get(`${BASE_URL}/teams`, {
   params
 });
 
-const create = payload => axios.post("".concat(BASE_URL, "/teams"), payload);
+const create = payload => axios.post(`${BASE_URL}/teams`, payload);
 
-const update = (id, payload) => axios.put("".concat(BASE_URL, "/teams/").concat(id), payload);
+const update = (id, payload) => axios.put(`${BASE_URL}/teams/${id}`, payload);
 
 const teamsApi = {
   fetch,
@@ -12145,8 +12144,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,
@@ -12154,7 +12151,7 @@ const Header = _ref => {
       permissions = _ref.permissions;
   return /*#__PURE__*/React.createElement(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.createElement("span", null, /*#__PURE__*/React.createElement(Button, {
     icon: Plus,
@@ -12162,7 +12159,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
   })));
 };
@@ -12268,11 +12265,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");
 
@@ -12353,7 +12346,7 @@ const getColumnData = _ref3 => {
     width: "10%"
   }];
 };
-const renderHeaderTitle = (filterStatus, metaName) => instance.t("common.".concat(toLower(filterStatus), "_"), {
+const renderHeaderTitle = (filterStatus, metaName) => instance.t(`common.${toLower(filterStatus)}_`, {
   what: instance.t(metaName, PLURAL).toLocaleLowerCase()
 });
 const renderUpdateAlertTitle = (member, metaName, config) => {
@@ -12398,7 +12391,7 @@ const handlePageChange = (setFilters, filter) => (page, results) => {
     page,
     results
   };
-  window.history.replaceState({}, "", "?".concat(getSearchParams(pageParams, filter)));
+  window.history.replaceState({}, "", `?${getSearchParams(pageParams, filter)}`);
   setFilters(mergeLeft(pageParams));
 };
 const renderPaginationProps = size => ({
@@ -12513,7 +12506,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.createElement(Select, {
@@ -12577,7 +12570,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;
@@ -12603,7 +12596,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,
@@ -12614,7 +12607,7 @@ const TeamMembers = _ref => {
       const roles = response.organizationRoles || response.data.organizationRoles;
       return 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;