Introduce Access Agreement UI.

x-pack/plugins/security/public/types.ts → x-pack/plugins/security/common/types.ts

@@ -8,5 +8,5 @@ export interface SessionInfo {
   now: number;
   idleTimeoutExpiration: number | null;
   lifespanExpiration: number | null;
-  provider: string;
+  provider: { type: string; name: string };
 }

x-pack/plugins/security/public/authentication/access_notice/_access_notice_page.scss

@@ -0,0 +1,21 @@
+.secAccessNoticePage .secAuthenticationStatePage__content {
+  max-width: 600px;
+}
+
+.secAccessNoticePage__textWrapper {
+  overflow-y: hidden;
+}
+
+.secAccessNoticePage__text {
+  @include euiYScrollWithShadows;
+  max-height: 400px;
+  padding: $euiSize $euiSizeL 0;
+}
+
+.secAccessNoticePage__footer {
+  padding: $euiSize $euiSizeL $euiSizeL;
+}
+
+.secAccessNoticePage__footerInner {
+  text-align: left;
+}

x-pack/plugins/security/public/authentication/access_notice/_index.scss

@@ -0,0 +1 @@
+@import './access_notice_page';

x-pack/plugins/security/public/authentication/access_notice/access_notice_app.test.ts

@@ -0,0 +1,62 @@
+/*
+ * 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.
+ */
+
+jest.mock('./access_notice_page');
+
+import { AppMount, ScopedHistory } from 'src/core/public';
+import { accessNoticeApp } from './access_notice_app';
+
+import { coreMock, scopedHistoryMock } from '../../../../../../src/core/public/mocks';
+
+describe('accessNoticeApp', () => {
+  it('properly registers application', () => {
+    const coreSetupMock = coreMock.createSetup();
+
+    accessNoticeApp.create({
+      application: coreSetupMock.application,
+      getStartServices: coreSetupMock.getStartServices,
+    });
+
+    expect(coreSetupMock.application.register).toHaveBeenCalledTimes(1);
+
+    const [[appRegistration]] = coreSetupMock.application.register.mock.calls;
+    expect(appRegistration).toEqual({
+      id: 'security_access_notice',
+      chromeless: true,
+      appRoute: '/security/access_notice',
+      title: 'Access Notice',
+      mount: expect.any(Function),
+    });
+  });
+
+  it('properly renders application', async () => {
+    const coreSetupMock = coreMock.createSetup();
+    const coreStartMock = coreMock.createStart();
+    coreSetupMock.getStartServices.mockResolvedValue([coreStartMock, {}, {}]);
+    const containerMock = document.createElement('div');
+
+    accessNoticeApp.create({
+      application: coreSetupMock.application,
+      getStartServices: coreSetupMock.getStartServices,
+    });
+
+    const [[{ mount }]] = coreSetupMock.application.register.mock.calls;
+    await (mount as AppMount)({
+      element: containerMock,
+      appBasePath: '',
+      onAppLeave: jest.fn(),
+      history: (scopedHistoryMock.create() as unknown) as ScopedHistory,
+    });
+
+    const mockRenderApp = jest.requireMock('./access_notice_page').renderAccessNoticePage;
+    expect(mockRenderApp).toHaveBeenCalledTimes(1);
+    expect(mockRenderApp).toHaveBeenCalledWith(coreStartMock.i18n, containerMock, {
+      http: coreStartMock.http,
+      notifications: coreStartMock.notifications,
+      fatalErrors: coreStartMock.fatalErrors,
+    });
+  });
+});

x-pack/plugins/security/public/authentication/access_notice/access_notice_app.ts

@@ -0,0 +1,38 @@
+/*
+ * 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 { i18n } from '@kbn/i18n';
+import { StartServicesAccessor, ApplicationSetup, AppMountParameters } from 'src/core/public';
+
+interface CreateDeps {
+  application: ApplicationSetup;
+  getStartServices: StartServicesAccessor;
+}
+
+export const accessNoticeApp = Object.freeze({
+  id: 'security_access_notice',
+  create({ application, getStartServices }: CreateDeps) {
+    application.register({
+      id: this.id,
+      title: i18n.translate('xpack.security.accessNoticeAppTitle', {
+        defaultMessage: 'Access Notice',
+      }),
+      chromeless: true,
+      appRoute: '/security/access_notice',
+      async mount({ element }: AppMountParameters) {
+        const [[coreStart], { renderAccessNoticePage }] = await Promise.all([
+          getStartServices(),
+          import('./access_notice_page'),
+        ]);
+        return renderAccessNoticePage(coreStart.i18n, element, {
+          http: coreStart.http,
+          notifications: coreStart.notifications,
+          fatalErrors: coreStart.fatalErrors,
+        });
+      },
+    });
+  },
+});