Module Office 365 configuration viewer

CHANGELOG.md

@@ -45,6 +45,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Added sample data for office365 events [#3424](https://github.com/wazuh/wazuh-kibana-app/pull/3424)
 - Created a separate component to check for sample data [#3475](https://github.com/wazuh/wazuh-kibana-app/pull/3475)
 - Added a new hook for getting value suggestions [#3506](https://github.com/wazuh/wazuh-kibana-app/pull/3506)
+- Added configuration viewer for Module Office365 on Management > Configuration [3524](https://github.com/wazuh/wazuh-kibana-app/pull/3524)
 - Added base Module Panel view with Office365 setup [#3518](https://github.com/wazuh/wazuh-kibana-app/pull/3518)
 
 ### Changed

public/controllers/management/components/management/configuration/configuration-settings.js

@@ -207,6 +207,13 @@ export default [
         name: 'Google Cloud Pub/Sub',
         description: 'Configuration options of the Google Cloud Pub/Sub module',
         goto: 'gcp-pubsub'
+      },
+      {
+        name: 'Office 365',
+        description:
+          'Configuration options of the Office 365 module',
+        goto: 'office365',
+        when: 'manager'
       }
     ]
   }

public/controllers/management/components/management/configuration/configuration-switch.js

@@ -74,6 +74,7 @@ import { WzRequest } from '../../../../../react-services/wz-request';
 import { UI_LOGGER_LEVELS } from '../../../../../../common/constants';
 import { UI_ERROR_SEVERITIES } from '../../../../../react-services/error-orchestrator/types';
 import { getErrorOrchestrator } from '../../../../../react-services/common-services';
+import { WzConfigurationOffice365 } from './office365/office365';
 
 class WzConfigurationSwitch extends Component {
   constructor(props) {
@@ -156,7 +157,7 @@ class WzConfigurationSwitch extends Component {
         this.setState({ loadingOverview: true });
         const masterNodeInfo = await WzRequest.apiReq('GET', '/agents', { params: { q: 'id=000'}});
         this.setState({
-          masterNodeInfo: masterNodeInfo.data.affected_items[0]
+          masterNodeInfo: masterNodeInfo.data.data.affected_items[0]
         });
         this.setState({ loadingOverview: false });
       }catch(error){
@@ -426,6 +427,14 @@ class WzConfigurationSwitch extends Component {
                   updateConfigurationSection={this.updateConfigurationSection}
                 />
               </WzViewSelectorSwitch>
+              <WzViewSelectorSwitch view="office365">
+                <WzConfigurationOffice365
+                  clusterNodeSelected={this.props.clusterNodeSelected}
+                  agent={agent}
+                  updateBadge={this.updateBadge}
+                  updateConfigurationSection={this.updateConfigurationSection}
+                />
+              </WzViewSelectorSwitch>
             </WzViewSelector>
           )}
         </EuiPanel>
@@ -448,8 +457,8 @@ const mapDispatchToProps = dispatch => ({
 });
 
 export default compose(
-  withUserAuthorizationPrompt((props) => [props.agent.id === '000' ? 
-  {action: 'manager:read', resource: '*:*:*'} : 
+  withUserAuthorizationPrompt((props) => [props.agent.id === '000' ?
+  {action: 'manager:read', resource: '*:*:*'} :
   [
     {action: 'agent:read', resource: `agent:id:${props.agent.id}`},
     ...(props.agent.group || []).map(group => ({ action: 'agent:read', resource: `agent:group:${group}` }))

public/controllers/management/components/management/configuration/office365/__snapshots__/office365.test.tsx.snap

@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WzConfigurationOffice365 component renders correctly to match the snapshot 1`] = `
+<ContextProvider
+  value={
+    Object {
+      "store": Object {
+        "clearActions": [Function],
+        "dispatch": [Function],
+        "getActions": [Function],
+        "getState": [Function],
+        "replaceReducer": [Function],
+        "subscribe": [Function],
+      },
+      "subscription": Subscription {
+        "handleChangeWrapper": [Function],
+        "listeners": Object {
+          "notify": [Function],
+        },
+        "onStateChange": [Function],
+        "parentSub": undefined,
+        "store": Object {
+          "clearActions": [Function],
+          "dispatch": [Function],
+          "getActions": [Function],
+          "getState": [Function],
+          "replaceReducer": [Function],
+          "subscribe": [Function],
+        },
+        "unsubscribe": null,
+      },
+    }
+  }
+>
+  <Connect(WithLoading(Component))
+    agent={
+      Object {
+        "id": "000",
+      }
+    }
+    currentConfig="master-test-node"
+    updateBadge={[Function]}
+    updateConfigurationSection={[Function]}
+  />
+</ContextProvider>
+`;

public/controllers/management/components/management/configuration/office365/components/SubscriptionTab/SubscriptionTab.test.tsx

@@ -0,0 +1,56 @@
+/*
+ * Wazuh app - React Test component SubscriptionTab
+ * Copyright (C) 2015-2021 Wazuh, Inc.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * Find more information about this on the LICENSE file.
+ */
+
+import React from 'react';
+import { SubscriptionTab } from './SubscriptionTab';
+import { mount } from 'enzyme';
+
+jest.mock(
+  '../../../../../../../../../../../../kibana/node_modules/@elastic/eui/lib/services/accessibility/html_id_generator',
+  () => ({
+    htmlIdGenerator: () => () => 'htmlId',
+  })
+);
+
+describe('SubscriptionTab component', () => {
+  it('renders correctly to match the snapshot', () => {
+    const wodleConfiguration = {
+      office365: {
+        enabled: 'yes',
+        only_future_events: 'yes',
+        interval: 600,
+        curl_max_size: 1024,
+        api_auth: [
+          {
+            tenant_id: 'your_tenant_id_test',
+            client_id: 'your_client_id_test',
+            client_secret: 'your_secret_test',
+          },
+        ],
+        subscriptions: [
+          'Audit.AzureActiveDirectory',
+          'Audit.Exchange',
+          'Audit.SharePoint',
+          'Audit.General',
+          'DLP.All',
+        ],
+      },
+    };
+    const agent = { id: '000' };
+
+    const wrapper = mount(
+      <SubscriptionTab wodleConfiguration={wodleConfiguration} agent={agent} />
+    );
+
+    expect(wrapper).toMatchSnapshot();
+  });
+});

public/controllers/management/components/management/configuration/office365/components/SubscriptionTab/SubscriptionTab.tsx

@@ -0,0 +1,39 @@
+/*
+ * Wazuh app - React component SubscriptionTab
+ * Copyright (C) 2015-2021 Wazuh, Inc.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * Find more information about this on the LICENSE file.
+ */
+
+import React from 'react';
+import { EuiBasicTable } from '@elastic/eui';
+import WzConfigurationSettingsTabSelector from '../../../util-components/configuration-settings-tab-selector';
+import { HELP_LINKS, OFFICE_365 } from '../../constants';
+
+export type SubscriptionTabProps = {
+  agent: { id: string };
+  wodleConfiguration: any;
+};
+
+export const SubscriptionTab = ({ agent, wodleConfiguration }: SubscriptionTabProps) => {
+  const columns = [{ field: 'subscription', name: 'Name' }];
+
+  return (
+    <WzConfigurationSettingsTabSelector
+      title="Subscriptions list"
+      currentConfig={wodleConfiguration}
+      minusHeight={agent.id === '000' ? 260 : 320}
+      helpLinks={HELP_LINKS}
+    >
+      <EuiBasicTable
+        columns={columns}
+        items={wodleConfiguration[OFFICE_365].subscriptions.map((item) => ({ subscription: item }))}
+      />
+    </WzConfigurationSettingsTabSelector>
+  );
+};