[Workplace Search] Migrates Org Settings tree

x-pack/plugins/enterprise_search/public/applications/workplace_search/__mocks__/content_sources.mock.ts

@@ -227,6 +227,15 @@ export const sourceConfigData = {
   },
 };
 
+export const oauthApplication = {
+  name: 'app',
+  uid: '123uid123',
+  secret: 'shhhhhhhhh',
+  redirectUri: 'https://foo',
+  confidential: false,
+  nativeRedirectUri: 'https://bar',
+};
+
 export const exampleResult = {
   sourceName: 'source',
   searchResultConfig: {

x-pack/plugins/enterprise_search/public/applications/workplace_search/components/layout/nav.tsx

@@ -24,9 +24,14 @@ import {
 interface Props {
   sourcesSubNav?: React.ReactNode;
   groupsSubNav?: React.ReactNode;
+  settingsSubNav?: React.ReactNode;
 }
 
-export const WorkplaceSearchNav: React.FC<Props> = ({ sourcesSubNav, groupsSubNav }) => (
+export const WorkplaceSearchNav: React.FC<Props> = ({
+  sourcesSubNav,
+  groupsSubNav,
+  settingsSubNav,
+}) => (
   <SideNav product={WORKPLACE_SEARCH_PLUGIN}>
     <SideNavLink to="/" isRoot>
       {NAV.OVERVIEW}
@@ -43,7 +48,7 @@ export const WorkplaceSearchNav: React.FC<Props> = ({ sourcesSubNav, groupsSubNa
     <SideNavLink isExternal to={getWorkplaceSearchUrl(`#${SECURITY_PATH}`)}>
       {NAV.SECURITY}
     </SideNavLink>
-    <SideNavLink isExternal to={getWorkplaceSearchUrl(ORG_SETTINGS_PATH)}>
+    <SideNavLink subNav={settingsSubNav} to={ORG_SETTINGS_PATH}>
       {NAV.SETTINGS}
     </SideNavLink>
     <EuiSpacer />

x-pack/plugins/enterprise_search/public/applications/workplace_search/components/shared/license_callout/index.ts

@@ -0,0 +1,7 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+export { LicenseCallout } from './license_callout';

x-pack/plugins/enterprise_search/public/applications/workplace_search/components/shared/license_callout/license_callout.test.tsx

@@ -0,0 +1,21 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import { EuiLink, EuiText } from '@elastic/eui';
+
+import { LicenseCallout } from '.';
+
+describe('LicenseCallout', () => {
+  it('renders', () => {
+    const wrapper = shallow(<LicenseCallout message="foo" />);
+
+    expect(wrapper.find(EuiLink)).toHaveLength(1);
+    expect(wrapper.find(EuiText)).toHaveLength(1);
+  });
+});

x-pack/plugins/enterprise_search/public/applications/workplace_search/components/shared/license_callout/license_callout.tsx

@@ -0,0 +1,46 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+
+import { EuiLink, EuiFlexItem, EuiFlexGroup, EuiText } from '@elastic/eui';
+
+import { ENT_SEARCH_LICENSE_MANAGEMENT } from '../../../routes';
+
+interface LicenseCalloutProps {
+  message?: string;
+}
+
+export const LicenseCallout: React.FC<LicenseCalloutProps> = ({ message }) => {
+  const title = (
+    <>
+      {message}{' '}
+      <EuiLink
+        className="wsLicenseLink"
+        target="_blank"
+        external
+        href={ENT_SEARCH_LICENSE_MANAGEMENT}
+      >
+        <strong>Explore Platinum features</strong>
+      </EuiLink>
+    </>
+  );
+
+  return (
+    <div className="wsLicenseCallout">
+      <EuiFlexGroup responsive={false}>
+        <EuiFlexItem grow={false}>
+          <div className="wsLicenseIcon">
+            <strong>&#8593;</strong>
+          </div>
+        </EuiFlexItem>
+        <EuiFlexItem>
+          <EuiText size="xs">{title}</EuiText>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+    </div>
+  );
+};

x-pack/plugins/enterprise_search/public/applications/workplace_search/constants.ts

@@ -43,6 +43,21 @@ export const NAV = {
   SETTINGS: i18n.translate('xpack.enterpriseSearch.workplaceSearch.nav.settings', {
     defaultMessage: 'Settings',
   }),
+  SETTINGS_CUSTOMIZE: i18n.translate(
+    'xpack.enterpriseSearch.workplaceSearch.nav.settingsCustomize',
+    {
+      defaultMessage: 'Customize',
+    }
+  ),
+  SETTINGS_SOURCE_PRIORITIZATION: i18n.translate(
+    'xpack.enterpriseSearch.workplaceSearch.nav.settingsSourcePrioritization',
+    {
+      defaultMessage: 'Content source connectors',
+    }
+  ),
+  SETTINGS_OAUTH: i18n.translate('xpack.enterpriseSearch.workplaceSearch.nav.settingsOauth', {
+    defaultMessage: 'OAuth application',
+  }),
   ADD_SOURCE: i18n.translate('xpack.enterpriseSearch.workplaceSearch.nav.addSource', {
     defaultMessage: 'Add Source',
   }),
@@ -275,43 +290,240 @@ export const DOCUMENTATION_LINK_TITLE = i18n.translate(
 );
 
 export const PUBLIC_KEY_LABEL = i18n.translate(
-  'xpack.enterpriseSearch.workplaceSearc.publicKey.label',
+  'xpack.enterpriseSearch.workplaceSearch.publicKey.label',
   {
     defaultMessage: 'Public Key',
   }
 );
 
 export const CONSUMER_KEY_LABEL = i18n.translate(
-  'xpack.enterpriseSearch.workplaceSearc.consumerKey.label',
+  'xpack.enterpriseSearch.workplaceSearch.consumerKey.label',
   {
     defaultMessage: 'Consumer Key',
   }
 );
 
 export const BASE_URI_LABEL = i18n.translate(
-  'xpack.enterpriseSearch.workplaceSearc.baseUri.label',
+  'xpack.enterpriseSearch.workplaceSearch.baseUri.label',
   {
     defaultMessage: 'Base URI',
   }
 );
 
 export const BASE_URL_LABEL = i18n.translate(
-  'xpack.enterpriseSearch.workplaceSearc.baseUrl.label',
+  'xpack.enterpriseSearch.workplaceSearch.baseUrl.label',
   {
     defaultMessage: 'Base URL',
   }
 );
 
 export const CLIENT_ID_LABEL = i18n.translate(
-  'xpack.enterpriseSearch.workplaceSearc.clientId.label',
+  'xpack.enterpriseSearch.workplaceSearch.clientId.label',
   {
     defaultMessage: 'Client id',
   }
 );
 
 export const CLIENT_SECRET_LABEL = i18n.translate(
-  'xpack.enterpriseSearch.workplaceSearc.clientSecret.label',
+  'xpack.enterpriseSearch.workplaceSearch.clientSecret.label',
   {
     defaultMessage: 'Client secret',
   }
 );
+
+export const CONFIDENTIAL_LABEL = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.confidential.label',
+  {
+    defaultMessage: 'Confidential',
+  }
+);
+
+export const CONFIDENTIAL_HELP_TEXT = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.confidential.text',
+  {
+    defaultMessage:
+      'Deselect for environments in which the client secret cannot be kept confidential, such as native mobile apps and single page applications.',
+  }
+);
+
+export const CREDENTIALS_TITLE = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.credentials.title',
+  {
+    defaultMessage: 'Credentials',
+  }
+);
+
+export const CREDENTIALS_DESCRIPTION = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.credentials.description',
+  {
+    defaultMessage:
+      'Use the following credentials within your client to request access tokens from our authentication server.',
+  }
+);
+
+export const ORG_UPDATED_MESSAGE = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.settings.orgUpdated.message',
+  {
+    defaultMessage: 'Successfully updated organization.',
+  }
+);
+
+export const OAUTH_APP_UPDATED_MESSAGE = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.settings.oauthAppUpdated.message',
+  {
+    defaultMessage: 'Successfully updated application.',
+  }
+);
+
+export const SAVE_CHANGES_BUTTON = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.saveChanges.button',
+  {
+    defaultMessage: 'Save changes',
+  }
+);
+
+export const NAME_LABEL = i18n.translate('xpack.enterpriseSearch.workplaceSearch.name.label', {
+  defaultMessage: 'Name',
+});
+
+export const OAUTH_DESCRIPTION = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.oauth.description',
+  {
+    defaultMessage: 'Create an OAuth client for your organization.',
+  }
+);
+
+export const OAUTH_PERSISTED_DESCRIPTION = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.oauthPersisted.description',
+  {
+    defaultMessage:
+      "Access your organization's OAuth client credentials and manage OAuth settings.",
+  }
+);
+
+export const REDIRECT_URIS_LABEL = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.redirectURIs.label',
+  {
+    defaultMessage: 'Redirect URIs',
+  }
+);
+
+export const REDIRECT_HELP_TEXT = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.redirectHelp.text',
+  {
+    defaultMessage: 'Provide one URI per line.',
+  }
+);
+
+export const REDIRECT_NATIVE_HELP_TEXT = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.redirectNativeHelp.text',
+  {
+    defaultMessage: 'For local development URIs, use format',
+  }
+);
+
+export const REDIRECT_SECURE_ERROR_TEXT = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.redirectSecureError.text',
+  {
+    defaultMessage: 'Cannot contain duplicate redirect URIs.',
+  }
+);
+
+export const REDIRECT_INSECURE_ERROR_TEXT = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.redirectInsecureError.text',
+  {
+    defaultMessage: 'Using an insecure redirect URI (http) is not recommended.',
+  }
+);
+
+export const LICENSE_MODAL_TITLE = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.licenseModal.title',
+  {
+    defaultMessage: 'Configuring OAuth for Custom Search Applications',
+  }
+);
+
+export const LICENSE_MODAL_DESCRIPTION = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.licenseModal.description',
+  {
+    defaultMessage:
+      'Configure an OAuth application for secure use of the Workplace Search Search API. Upgrade to a Platinum license to enable the Search API and create your OAuth application.',
+  }
+);
+
+export const LICENSE_MODAL_LINK = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.licenseModal.link',
+  {
+    defaultMessage: 'Explore Platinum features',
+  }
+);
+
+export const CUSTOMIZE_HEADER_TITLE = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.customize.header.title',
+  {
+    defaultMessage: 'Customize Workplace Search',
+  }
+);
+
+export const CUSTOMIZE_HEADER_DESCRIPTION = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.customize.header.description',
+  {
+    defaultMessage: 'Personalize general organization settings.',
+  }
+);
+
+export const CUSTOMIZE_NAME_LABEL = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.customize.name.label',
+  {
+    defaultMessage: 'Personalize general organization settings.',
+  }
+);
+
+export const CUSTOMIZE_NAME_BUTTON = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.customize.name.button',
+  {
+    defaultMessage: 'Save organization name',
+  }
+);
+
+export const UPDATE_BUTTON = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.update.button',
+  {
+    defaultMessage: 'Update',
+  }
+);
+
+export const CONFIGURE_BUTTON = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.configure.button',
+  {
+    defaultMessage: 'Configure',
+  }
+);
+
+export const PRIVATE_PLATINUM_LICENSE_CALLOUT = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.privatePlatinumCallout.text',
+  {
+    defaultMessage: 'Private Sources require a Platinum license.',
+  }
+);
+
+export const PRIVATE_SOURCE = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.privateSource.text',
+  {
+    defaultMessage: 'Private Source',
+  }
+);
+
+export const CONNECTORS_HEADER_TITLE = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.connectors.header.title',
+  {
+    defaultMessage: 'Content source connectors',
+  }
+);
+
+export const CONNECTORS_HEADER_DESCRIPTION = i18n.translate(
+  'xpack.enterpriseSearch.workplaceSearch.connectors.header.description',
+  {
+    defaultMessage: 'All of your configurable connectors.',
+  }
+);