@bigbinary/neeto-team-members-frontend 3.0.2 → 3.0.4

package/app/javascript/src/translations/en.json

@@ -93,7 +93,7 @@
       "neeto_": "neeto{{product, anyCase}}",
       "roleNotFound_one": "There are no role to show",
       "roleNotFound_other": "There are no roles to show",
-      "upgradeToProPlan": "Upgrade the above added members to the PRO plan"
+      "upgradeToProPlan": "Upgrade the above added members to the PRO"
     },
     "placeholders": {
       "email": "Please enter the email addresses",

package/dist/index.cjs.js

@@ -2745,14 +2745,15 @@ var Header$3 = function Header(_ref) {
     handleReset = _ref.handleReset,
     handleSubmit = _ref.handleSubmit,
     isDirty = _ref.isDirty,
-    setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
+    setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen,
+    roles = _ref.roles;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isUpdatePermissionGranted = config.permissions.update;
   return /*#__PURE__*/React__default["default"].createElement(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: renderSearchProps(),
+    searchProps: neetoCist.isNotEmpty(roles) ? renderSearchProps() : null,
     actionBlock: isDirty ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
       content: t("neetoTeamMembers.tooltips.noPermissionToEditRoles"),
       disabled: isUpdatePermissionGranted,
@@ -3712,17 +3713,20 @@ var Roles = function Roles(_ref) {
   var config = _ref.config;
   var isViewPermissionGranted = config.permissions.view;
   var isUpdatePermissionGranted = config.permissions.update;
-  var _useState = React.useState(false),
+  var _useState = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    isNewRolePaneOpen = _useState2[0],
-    setIsNewRolePaneOpen = _useState2[1];
+    modifiedRoles = _useState2[0],
+    setModifiedRoles = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isNewRolePaneOpen = _useState4[0],
+    setIsNewRolePaneOpen = _useState4[1];
   var _useFetchRoles = useFetchRoles({
-      onSuccess: function onSuccess(roles) {
-        return setModifiedRoles(roles);
-      },
+      onSuccess: setModifiedRoles,
       enabled: isViewPermissionGranted
     }),
-    roles = _useFetchRoles.data,
+    _useFetchRoles$data = _useFetchRoles.data,
+    roles = _useFetchRoles$data === void 0 ? [] : _useFetchRoles$data,
     isRolesLoading = _useFetchRoles.isLoading;
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
@@ -3736,10 +3740,6 @@ var Roles = function Roles(_ref) {
       enabled: isUpdatePermissionGranted
     }),
     bulkUpdate = _useBulkUpdateRoles.mutate;
-  var _useState3 = React.useState(roles),
-    _useState4 = _slicedToArray(_useState3, 2),
-    modifiedRoles = _useState4[0],
-    setModifiedRoles = _useState4[1];
   var isDirty = neetoCist.isPresent(getModifiedPermissions(roles, modifiedRoles));
   var permissions = sortPermissionsBySequence(permissionData);
   var permissionGroups = getPermissionGroups(permissions);
@@ -3770,6 +3770,7 @@ var Roles = function Roles(_ref) {
     handleReset: handleReset,
     handleSubmit: handleSubmit,
     isDirty: isDirty,
+    roles: roles,
     setIsNewRolePaneOpen: setIsNewRolePaneOpen
   }), /*#__PURE__*/React__default["default"].createElement(Table, {
     config: config,
@@ -6482,6 +6483,7 @@ var useTeams = function useTeams(_ref) {
       active: ramda.pluck("active", rowData),
       displayNames: ramda.pluck("displayName", rowData),
       emails: ramda.pluck("email", rowData),
+      subscriptionPlans: ramda.pluck("subscriptionPlan", rowData),
       keys: keys
     };
     setSelectedRows(_objectSpread$5({}, rows));
@@ -7753,6 +7755,8 @@ var TeamMembers = function TeamMembers(_ref) {
   config === null || config === void 0 || (_config$fetchApiRespo = config.fetchApiResponse) === null || _config$fetchApiRespo === void 0 || _config$fetchApiRespo.call(config, {
     team: team
   });
+  var currentCategoryMembersCount = getPerCategoryCount(team === null || team === void 0 ? void 0 : team.perCategoryCount, category.toUpperCase());
+  var hasMembers = currentCategoryMembersCount > 0;
   var updateMemberAlertProps = {
     member: selectedMember,
     config: config
@@ -7812,9 +7816,9 @@ var TeamMembers = function TeamMembers(_ref) {
     memberFilter: filters.category
   }), /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header$1, {
     config: config,
-    searchProps: searchProps,
     setIsOpen: setIsOpen,
-    filterCategory: filters.category
+    filterCategory: filters.category,
+    searchProps: hasMembers ? searchProps : null
   }), /*#__PURE__*/React__default["default"].createElement(SubHeaderMolecule__default["default"], {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Left, {
       config: config,
@@ -7823,7 +7827,7 @@ var TeamMembers = function TeamMembers(_ref) {
       filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
       roles: filteredRoles
     }),
-    rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
+    rightActionBlock: hasMembers && /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
       columns: columns,
       filterColumns: filterColumns,
       handleNeetoFilterChange: handleNeetoFilterChange,