[Cases] Update UI to use the new connector's API

x-pack/plugins/cases/common/api/cases/case.ts

@@ -11,7 +11,7 @@ import { NumberFromString } from '../saved_object';
 import { UserRT } from '../user';
 import { CommentResponseRt } from './comment';
 import { CasesStatusResponseRt, CaseStatusRt } from './status';
-import { CaseConnectorRt } from '../connectors';
+import { CaseConnectorRt } from '../connectors/connector';
 import { CaseAssigneesRt } from './assignee';
 
 export const AttachmentTotalsRt = rt.type({

x-pack/plugins/cases/common/api/connectors/connector.ts

@@ -0,0 +1,125 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import * as rt from 'io-ts';
+
+import type { ActionType } from '@kbn/actions-plugin/common';
+/**
+ * ActionResult type from the common folder is outdated.
+ * The type from server is not exported properly so we
+ * disable the linting for the moment
+ */
+
+import type { ActionResult } from '@kbn/actions-plugin/server/types';
+import { JiraFieldsRT } from './jira';
+import { ResilientFieldsRT } from './resilient';
+import { ServiceNowITSMFieldsRT } from './servicenow_itsm';
+import { ServiceNowSIRFieldsRT } from './servicenow_sir';
+import { SwimlaneFieldsRT } from './swimlane';
+
+export type ActionConnector = ActionResult;
+export type ActionTypeConnector = ActionType;
+
+export const ConnectorFieldsRt = rt.union([
+  JiraFieldsRT,
+  ResilientFieldsRT,
+  ServiceNowITSMFieldsRT,
+  ServiceNowSIRFieldsRT,
+  rt.null,
+]);
+
+export enum ConnectorTypes {
+  casesWebhook = '.cases-webhook',
+  jira = '.jira',
+  none = '.none',
+  resilient = '.resilient',
+  serviceNowITSM = '.servicenow',
+  serviceNowSIR = '.servicenow-sir',
+  swimlane = '.swimlane',
+}
+
+const ConnectorCasesWebhookTypeFieldsRt = rt.type({
+  type: rt.literal(ConnectorTypes.casesWebhook),
+  fields: rt.null,
+});
+
+const ConnectorJiraTypeFieldsRt = rt.type({
+  type: rt.literal(ConnectorTypes.jira),
+  fields: rt.union([JiraFieldsRT, rt.null]),
+});
+
+const ConnectorResilientTypeFieldsRt = rt.type({
+  type: rt.literal(ConnectorTypes.resilient),
+  fields: rt.union([ResilientFieldsRT, rt.null]),
+});
+
+const ConnectorServiceNowITSMTypeFieldsRt = rt.type({
+  type: rt.literal(ConnectorTypes.serviceNowITSM),
+  fields: rt.union([ServiceNowITSMFieldsRT, rt.null]),
+});
+
+const ConnectorSwimlaneTypeFieldsRt = rt.type({
+  type: rt.literal(ConnectorTypes.swimlane),
+  fields: rt.union([SwimlaneFieldsRT, rt.null]),
+});
+
+const ConnectorServiceNowSIRTypeFieldsRt = rt.type({
+  type: rt.literal(ConnectorTypes.serviceNowSIR),
+  fields: rt.union([ServiceNowSIRFieldsRT, rt.null]),
+});
+
+const ConnectorNoneTypeFieldsRt = rt.type({
+  type: rt.literal(ConnectorTypes.none),
+  fields: rt.null,
+});
+
+export const NONE_CONNECTOR_ID: string = 'none';
+
+export const ConnectorTypeFieldsRt = rt.union([
+  ConnectorCasesWebhookTypeFieldsRt,
+  ConnectorJiraTypeFieldsRt,
+  ConnectorNoneTypeFieldsRt,
+  ConnectorResilientTypeFieldsRt,
+  ConnectorServiceNowITSMTypeFieldsRt,
+  ConnectorServiceNowSIRTypeFieldsRt,
+  ConnectorSwimlaneTypeFieldsRt,
+]);
+
+/**
+ * This type represents the connector's format when it is encoded within a user action.
+ */
+export const CaseUserActionConnectorRt = rt.union([
+  rt.intersection([ConnectorCasesWebhookTypeFieldsRt, rt.type({ name: rt.string })]),
+  rt.intersection([ConnectorJiraTypeFieldsRt, rt.type({ name: rt.string })]),
+  rt.intersection([ConnectorNoneTypeFieldsRt, rt.type({ name: rt.string })]),
+  rt.intersection([ConnectorResilientTypeFieldsRt, rt.type({ name: rt.string })]),
+  rt.intersection([ConnectorServiceNowITSMTypeFieldsRt, rt.type({ name: rt.string })]),
+  rt.intersection([ConnectorServiceNowSIRTypeFieldsRt, rt.type({ name: rt.string })]),
+  rt.intersection([ConnectorSwimlaneTypeFieldsRt, rt.type({ name: rt.string })]),
+]);
+
+export const CaseConnectorRt = rt.intersection([
+  rt.type({
+    id: rt.string,
+  }),
+  CaseUserActionConnectorRt,
+]);
+
+export type CaseUserActionConnector = rt.TypeOf<typeof CaseUserActionConnectorRt>;
+export type CaseConnector = rt.TypeOf<typeof CaseConnectorRt>;
+export type ConnectorTypeFields = rt.TypeOf<typeof ConnectorTypeFieldsRt>;
+export type ConnectorCasesWebhookTypeFields = rt.TypeOf<typeof ConnectorCasesWebhookTypeFieldsRt>;
+export type ConnectorJiraTypeFields = rt.TypeOf<typeof ConnectorJiraTypeFieldsRt>;
+export type ConnectorResilientTypeFields = rt.TypeOf<typeof ConnectorResilientTypeFieldsRt>;
+export type ConnectorSwimlaneTypeFields = rt.TypeOf<typeof ConnectorSwimlaneTypeFieldsRt>;
+export type ConnectorServiceNowITSMTypeFields = rt.TypeOf<
+  typeof ConnectorServiceNowITSMTypeFieldsRt
+>;
+export type ConnectorServiceNowSIRTypeFields = rt.TypeOf<typeof ConnectorServiceNowSIRTypeFieldsRt>;
+
+// we need to change these types back and forth for storing in ES (arrays overwrite, objects merge)
+export type ConnectorFields = rt.TypeOf<typeof ConnectorFieldsRt>;

x-pack/plugins/cases/common/api/connectors/get_connectors.ts

@@ -0,0 +1,36 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import * as rt from 'io-ts';
+import { CaseConnectorRt } from './connector';
+import { CaseExternalServiceBasicRt } from '../cases';
+
+const CaseConnectorPushInfoRt = rt.intersection([
+  rt.type({
+    needsToBePushed: rt.boolean,
+    hasBeenPushed: rt.boolean,
+  }),
+  rt.partial(
+    rt.type({
+      latestUserActionPushDate: rt.string,
+      oldestUserActionPushDate: rt.string,
+      externalService: CaseExternalServiceBasicRt,
+    }).props
+  ),
+]);
+
+export const GetCaseConnectorsResponseRt = rt.record(
+  rt.string,
+  rt.intersection([
+    rt.type({
+      push: CaseConnectorPushInfoRt,
+    }),
+    CaseConnectorRt,
+  ])
+);
+
+export type GetCaseConnectorsResponse = rt.TypeOf<typeof GetCaseConnectorsResponseRt>;

x-pack/plugins/cases/common/api/connectors/index.ts

@@ -5,139 +5,11 @@
  * 2.0.
  */
 
-import * as rt from 'io-ts';
-
-import type { ActionType } from '@kbn/actions-plugin/common';
-/**
- * ActionResult type from the common folder is outdated.
- * The type from server is not exported properly so we
- * disable the linting for the moment
- */
-
-import type { ActionResult } from '@kbn/actions-plugin/server/types';
-import { JiraFieldsRT } from './jira';
-import { ResilientFieldsRT } from './resilient';
-import { ServiceNowITSMFieldsRT } from './servicenow_itsm';
-import { ServiceNowSIRFieldsRT } from './servicenow_sir';
-import { SwimlaneFieldsRT } from './swimlane';
-
 export * from './jira';
 export * from './servicenow_itsm';
 export * from './servicenow_sir';
 export * from './resilient';
 export * from './mappings';
 export * from './swimlane';
-
-export type ActionConnector = ActionResult;
-export type ActionTypeConnector = ActionType;
-
-export const ConnectorFieldsRt = rt.union([
-  JiraFieldsRT,
-  ResilientFieldsRT,
-  ServiceNowITSMFieldsRT,
-  ServiceNowSIRFieldsRT,
-  rt.null,
-]);
-
-export enum ConnectorTypes {
-  casesWebhook = '.cases-webhook',
-  jira = '.jira',
-  none = '.none',
-  resilient = '.resilient',
-  serviceNowITSM = '.servicenow',
-  serviceNowSIR = '.servicenow-sir',
-  swimlane = '.swimlane',
-}
-
-const ConnectorCasesWebhookTypeFieldsRt = rt.type({
-  type: rt.literal(ConnectorTypes.casesWebhook),
-  fields: rt.null,
-});
-
-const ConnectorJiraTypeFieldsRt = rt.type({
-  type: rt.literal(ConnectorTypes.jira),
-  fields: rt.union([JiraFieldsRT, rt.null]),
-});
-
-const ConnectorResilientTypeFieldsRt = rt.type({
-  type: rt.literal(ConnectorTypes.resilient),
-  fields: rt.union([ResilientFieldsRT, rt.null]),
-});
-
-const ConnectorServiceNowITSMTypeFieldsRt = rt.type({
-  type: rt.literal(ConnectorTypes.serviceNowITSM),
-  fields: rt.union([ServiceNowITSMFieldsRT, rt.null]),
-});
-
-const ConnectorSwimlaneTypeFieldsRt = rt.type({
-  type: rt.literal(ConnectorTypes.swimlane),
-  fields: rt.union([SwimlaneFieldsRT, rt.null]),
-});
-
-const ConnectorServiceNowSIRTypeFieldsRt = rt.type({
-  type: rt.literal(ConnectorTypes.serviceNowSIR),
-  fields: rt.union([ServiceNowSIRFieldsRT, rt.null]),
-});
-
-const ConnectorNoneTypeFieldsRt = rt.type({
-  type: rt.literal(ConnectorTypes.none),
-  fields: rt.null,
-});
-
-export const NONE_CONNECTOR_ID: string = 'none';
-
-export const ConnectorTypeFieldsRt = rt.union([
-  ConnectorCasesWebhookTypeFieldsRt,
-  ConnectorJiraTypeFieldsRt,
-  ConnectorNoneTypeFieldsRt,
-  ConnectorResilientTypeFieldsRt,
-  ConnectorServiceNowITSMTypeFieldsRt,
-  ConnectorServiceNowSIRTypeFieldsRt,
-  ConnectorSwimlaneTypeFieldsRt,
-]);
-
-/**
- * This type represents the connector's format when it is encoded within a user action.
- */
-export const CaseUserActionConnectorRt = rt.union([
-  rt.intersection([ConnectorCasesWebhookTypeFieldsRt, rt.type({ name: rt.string })]),
-  rt.intersection([ConnectorJiraTypeFieldsRt, rt.type({ name: rt.string })]),
-  rt.intersection([ConnectorNoneTypeFieldsRt, rt.type({ name: rt.string })]),
-  rt.intersection([ConnectorResilientTypeFieldsRt, rt.type({ name: rt.string })]),
-  rt.intersection([ConnectorServiceNowITSMTypeFieldsRt, rt.type({ name: rt.string })]),
-  rt.intersection([ConnectorServiceNowSIRTypeFieldsRt, rt.type({ name: rt.string })]),
-  rt.intersection([ConnectorSwimlaneTypeFieldsRt, rt.type({ name: rt.string })]),
-]);
-
-export const CaseConnectorRt = rt.intersection([
-  rt.type({
-    id: rt.string,
-  }),
-  CaseUserActionConnectorRt,
-]);
-
-export const GetCaseConnectorsResponseRt = rt.record(
-  rt.string,
-  rt.intersection([
-    rt.type({ needsToBePushed: rt.boolean, hasBeenPushed: rt.boolean }),
-    rt.partial(rt.type({ latestPushDate: rt.string, oldestPushDate: rt.string }).props),
-    CaseConnectorRt,
-  ])
-);
-
-export type CaseUserActionConnector = rt.TypeOf<typeof CaseUserActionConnectorRt>;
-export type CaseConnector = rt.TypeOf<typeof CaseConnectorRt>;
-export type ConnectorTypeFields = rt.TypeOf<typeof ConnectorTypeFieldsRt>;
-export type ConnectorCasesWebhookTypeFields = rt.TypeOf<typeof ConnectorCasesWebhookTypeFieldsRt>;
-export type ConnectorJiraTypeFields = rt.TypeOf<typeof ConnectorJiraTypeFieldsRt>;
-export type ConnectorResilientTypeFields = rt.TypeOf<typeof ConnectorResilientTypeFieldsRt>;
-export type ConnectorSwimlaneTypeFields = rt.TypeOf<typeof ConnectorSwimlaneTypeFieldsRt>;
-export type ConnectorServiceNowITSMTypeFields = rt.TypeOf<
-  typeof ConnectorServiceNowITSMTypeFieldsRt
->;
-export type ConnectorServiceNowSIRTypeFields = rt.TypeOf<typeof ConnectorServiceNowSIRTypeFieldsRt>;
-
-// we need to change these types back and forth for storing in ES (arrays overwrite, objects merge)
-export type ConnectorFields = rt.TypeOf<typeof ConnectorFieldsRt>;
-
-export type GetCaseConnectorsResponse = rt.TypeOf<typeof GetCaseConnectorsResponseRt>;
+export * from './get_connectors';
+export * from './connector';

x-pack/plugins/cases/common/api/helpers.ts

@@ -16,6 +16,7 @@ import {
   CASE_ALERTS_URL,
   CASE_COMMENT_DELETE_URL,
   CASE_FIND_USER_ACTIONS_URL,
+  INTERNAL_CONNECTORS_URL,
 } from '../constants';
 
 export const getCaseDetailsUrl = (id: string): string => {
@@ -57,3 +58,7 @@ export const getCaseConfigurationDetailsUrl = (configureID: string): string => {
 export const getCasesFromAlertsUrl = (alertId: string): string => {
   return CASE_ALERTS_URL.replace('{alert_id}', alertId);
 };
+
+export const getCaseConnectorsUrl = (id: string): string => {
+  return INTERNAL_CONNECTORS_URL.replace('{case_id}', id);
+};

x-pack/plugins/cases/common/ui/types.ts

@@ -17,7 +17,6 @@ import type {
   CaseStatuses,
   User,
   ActionConnector,
-  CaseExternalServiceBasic,
   CaseUserActionResponse,
   SingleCaseMetricsResponse,
   CommentResponse,
@@ -29,6 +28,7 @@ import type {
   CaseSeverity,
   CommentResponseExternalReferenceType,
   CommentResponseTypePersistableState,
+  GetCaseConnectorsResponse,
 } from '../api';
 import type { PUSH_CASES_CAPABILITY } from '../constants';
 import type { SnakeToCamelCase } from '../types';
@@ -77,12 +77,12 @@ export type AlertComment = SnakeToCamelCase<CommentResponseAlertsType>;
 export type ExternalReferenceComment = SnakeToCamelCase<CommentResponseExternalReferenceType>;
 export type PersistableComment = SnakeToCamelCase<CommentResponseTypePersistableState>;
 export type CaseUserActions = SnakeToCamelCase<CaseUserActionResponse>;
-export type CaseExternalService = SnakeToCamelCase<CaseExternalServiceBasic>;
 export type Case = Omit<SnakeToCamelCase<CaseResponse>, 'comments'> & { comments: Comment[] };
 export type Cases = Omit<SnakeToCamelCase<CasesFindResponse>, 'cases'> & { cases: Case[] };
 export type CasesStatus = SnakeToCamelCase<CasesStatusResponse>;
 export type CasesMetrics = SnakeToCamelCase<CasesMetricsResponse>;
 export type CaseUpdateRequest = SnakeToCamelCase<CasePatchRequest>;
+export type CaseConnectors = SnakeToCamelCase<GetCaseConnectorsResponse>;
 
 export interface ResolvedCase {
   case: Case;