Improve responsiveness of app when platinum license changes

Previously, routes/apps were going off the static data passed from the server which was only initialized once on page load. hasPlatinumLicense however changes dynamically and in real-time, removing the need for a hard page refresh.

I could have replaced all `canManageMetaEngine` flags with `isPlatinum && canManageEngines`, but I thought baking license checks into the main ability would be more scalable and potentially open the way to other license-based flags also being dynamic.

x-pack/plugins/enterprise_search/public/applications/app_search/app_logic.test.ts

@@ -6,7 +6,11 @@
  */
 
 import { DEFAULT_INITIAL_APP_DATA } from '../../../common/__mocks__';
-import { LogicMounter } from '../__mocks__/kea_logic';
+import { LogicMounter } from '../__mocks__/kea_logic/logic_mounter.test_helper';
+
+jest.mock('../shared/licensing', () => ({
+  LicensingLogic: { selectors: { hasPlatinumLicense: () => false } },
+}));
 
 import { AppLogic } from './app_logic';
 

x-pack/plugins/enterprise_search/public/applications/app_search/app_logic.ts

@@ -9,6 +9,8 @@ import { kea, MakeLogicType } from 'kea';
 
 import { InitialAppData } from '../../../common/types';
 
+import { LicensingLogic } from '../shared/licensing';
+
 import { ConfiguredLimits, Account, Role } from './types';
 
 import { getRoleAbilities } from './utils/role';
@@ -43,8 +45,8 @@ export const AppLogic = kea<MakeLogicType<AppValues, AppActions, Required<Initia
   }),
   selectors: {
     myRole: [
-      (selectors) => [selectors.account],
-      ({ role }) => (role ? getRoleAbilities(role) : {}),
+      (selectors) => [selectors.account, LicensingLogic.selectors.hasPlatinumLicense],
+      ({ role }, hasPlatinumLicense) => (role ? getRoleAbilities(role, hasPlatinumLicense) : {}),
     ],
   },
 });

x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/engines_overview.test.tsx

@@ -42,7 +42,7 @@ describe('EnginesOverview', () => {
     metaEnginesLoading: false,
     hasPlatinumLicense: false,
     // AppLogic
-    myRole: { canManageEngines: false },
+    myRole: { canManageEngines: false, canManageMetaEngines: false },
     // MetaEnginesTableLogic
     expandedSourceEngines: {},
     conflictingEnginesSets: {},
@@ -124,7 +124,7 @@ describe('EnginesOverview', () => {
         setMockValues({
           ...valuesWithEngines,
           hasPlatinumLicense: true,
-          myRole: { canManageEngines: true },
+          myRole: { canManageMetaEngines: true },
         });
         const wrapper = shallow(<EnginesOverview />);
 
@@ -135,7 +135,7 @@ describe('EnginesOverview', () => {
         setMockValues({
           ...valuesWithEngines,
           hasPlatinumLicense: true,
-          myRole: { canManageEngines: false },
+          myRole: { canManageMetaEngines: false },
         });
         const wrapper = shallow(<EnginesOverview />);
 

x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/engines_overview.tsx

@@ -36,7 +36,7 @@ import { EnginesLogic } from './engines_logic';
 export const EnginesOverview: React.FC = () => {
   const { hasPlatinumLicense } = useValues(LicensingLogic);
   const {
-    myRole: { canManageEngines },
+    myRole: { canManageEngines, canManageMetaEngines },
   } = useValues(AppLogic);
 
   const {
@@ -111,7 +111,7 @@ export const EnginesOverview: React.FC = () => {
           title={<h2>{META_ENGINES_TITLE}</h2>}
           titleSize="s"
           action={
-            canManageEngines && (
+            canManageMetaEngines && (
               <EuiButtonTo
                 color="secondary"
                 size="s"

x-pack/plugins/enterprise_search/public/applications/app_search/utils/role/get_role_abilities.test.ts

@@ -10,7 +10,7 @@ import { DEFAULT_INITIAL_APP_DATA } from '../../../../../common/__mocks__';
 import { getRoleAbilities } from './';
 
 describe('getRoleAbilities', () => {
-  const mockRole = DEFAULT_INITIAL_APP_DATA.appSearch.role;
+  const mockRole = DEFAULT_INITIAL_APP_DATA.appSearch.role as any;
 
   it('transforms server role data into a flat role obj with helper shorthands', () => {
     expect(getRoleAbilities(mockRole)).toEqual({
@@ -53,9 +53,10 @@ describe('getRoleAbilities', () => {
 
   describe('can()', () => {
     it('sets view abilities to true if manage abilities are true', () => {
-      const role = { ...mockRole };
-      role.ability.view = [];
-      role.ability.manage = ['account_settings'];
+      const role = {
+        ...mockRole,
+        ability: { view: [], manage: ['account_settings'] },
+      };
 
       const myRole = getRoleAbilities(role);
 
@@ -70,4 +71,26 @@ describe('getRoleAbilities', () => {
       expect(myRole.can('edit', 'fakeSubject')).toEqual(false);
     });
   });
+
+  describe('canManageMetaEngines', () => {
+    const canManageEngines = { ability: { manage: ['account_engines'] } };
+
+    it('returns true when the user can manage any engines and the account has a platinum license', () => {
+      const myRole = getRoleAbilities({ ...mockRole, ...canManageEngines }, true);
+
+      expect(myRole.canManageMetaEngines).toEqual(true);
+    });
+
+    it('returns false when the user can manage any engines but the account does not have a platinum license', () => {
+      const myRole = getRoleAbilities({ ...mockRole, ...canManageEngines }, false);
+
+      expect(myRole.canManageMetaEngines).toEqual(false);
+    });
+
+    it('returns false when has a platinum license but the user cannot manage any engines', () => {
+      const myRole = getRoleAbilities({ ...mockRole, ability: { manage: [] } }, true);
+
+      expect(myRole.canManageMetaEngines).toEqual(false);
+    });
+  });
 });

x-pack/plugins/enterprise_search/public/applications/app_search/utils/role/get_role_abilities.ts

@@ -13,7 +13,7 @@ import { RoleTypes, AbilityTypes, Role } from './types';
  * Transforms the `role` data we receive from the Enterprise Search
  * server into a more convenient format for front-end use
  */
-export const getRoleAbilities = (role: Account['role']): Role => {
+export const getRoleAbilities = (role: Account['role'], hasPlatinumLicense = false): Role => {
   // Role ability function helpers
   const myRole = {
     can: (action: AbilityTypes, subject: string): boolean => {
@@ -49,7 +49,7 @@ export const getRoleAbilities = (role: Account['role']): Role => {
     canViewSettings: myRole.can('view', 'account_settings'),
     canViewRoleMappings: myRole.can('view', 'role_mappings'),
     canManageEngines: myRole.can('manage', 'account_engines'),
-    canManageMetaEngines: myRole.can('manage', 'account_meta_engines'),
+    canManageMetaEngines: hasPlatinumLicense && myRole.can('manage', 'account_engines'),
     canManageLogSettings: myRole.can('manage', 'account_log_settings'),
     canManageSettings: myRole.can('manage', 'account_settings'),
     canManageEngineCrawler: myRole.can('manage', 'engine_crawler'),