[v13] Machine ID: Add guides to the Enroll Integration page (#28646)

api/proto/teleport/usageevents/v1/usageevents.proto

@@ -362,6 +362,12 @@ enum IntegrationEnrollKind {
   INTEGRATION_ENROLL_KIND_OPSGENIE = 9;
   INTEGRATION_ENROLL_KIND_OKTA = 10;
   INTEGRATION_ENROLL_KIND_JAMF = 11;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID = 12;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_GITHUB_ACTIONS = 13;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_CIRCLECI = 14;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_GITLAB = 15;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_JENKINS = 16;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_ANSIBLE = 17;
 }
 
 // IntegrationEnrollMetadata contains common metadata

proto/prehog/v1alpha/teleport.proto

@@ -619,6 +619,12 @@ enum IntegrationEnrollKind {
   INTEGRATION_ENROLL_KIND_OPSGENIE = 9;
   INTEGRATION_ENROLL_KIND_OKTA = 10;
   INTEGRATION_ENROLL_KIND_JAMF = 11;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID = 12;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_GITHUB_ACTIONS = 13;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_CIRCLECI = 14;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_GITLAB = 15;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_JENKINS = 16;
+  INTEGRATION_ENROLL_KIND_MACHINE_ID_ANSIBLE = 17;
 }
 
 // IntegrationEnrollMetadata contains common metadata

web/packages/design/src/SVGIcon/Ansible.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function AnsibleIcon({ size = 100, fill }: SVGIconProps) {
+  return (
+    <SVGIcon viewBox="0 0 24 24" size={size} fill={fill}>
+      <path d="m10.617 11.473 4.686 3.695-3.102-7.662zM12 0C5.371 0 0 5.371 0 12s5.371 12 12 12 12-5.371 12-12S18.629 0 12 0zm5.797 17.305a.851.851 0 0 1-.875.83c-.236 0-.416-.09-.664-.293l-6.19-5-2.079 5.203H6.191L11.438 5.44a.79.79 0 0 1 .764-.506.756.756 0 0 1 .742.506l4.774 11.494c.045.111.08.234.08.348l-.001.023z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/CircleCI.tsx

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function CircleCIIcon({ size = 104, fill }: SVGIconProps) {
+  return (
+    <SVGIcon viewBox="0 0 103.8 105.2" size={size} fill={fill}>
+      <path d="M38.6 52.6c0-6.9 5.6-12.5 12.5-12.5s12.5 5.6 12.5 12.5S58 65.1 51.1 65.1c-6.9.1-12.5-5.6-12.5-12.5ZM51.1 0C26.5 0 5.9 16.8.1 39.6c0 .2-.1.3-.1.5 0 1.4 1.1 2.5 2.5 2.5h21.2c1 0 1.9-.6 2.3-1.5C30.4 31.6 39.9 25 51.1 25c15.2 0 27.6 12.4 27.6 27.6 0 15.2-12.4 27.6-27.6 27.6-11.1 0-20.7-6.6-25.1-16.1-.4-.9-1.3-1.5-2.3-1.5H2.5c-1.4 0-2.5 1.1-2.5 2.5 0 .2 0 .3.1.5 5.8 22.8 26.4 39.6 51 39.6 29.1 0 52.7-23.6 52.7-52.7 0-29-23.6-52.5-52.7-52.5Z" />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/GitHub.tsx

@@ -0,0 +1,33 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function GitHubIcon({ size = 98, fill }: SVGIconProps) {
+  return (
+    <SVGIcon viewBox="0 0 98 98" size={size} fill={fill}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
+      />
+    </SVGIcon>
+  );
+}

web/packages/design/src/SVGIcon/GitLab.tsx

@@ -0,0 +1,46 @@
+/*
+Copyright 2023 Gravitational, Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+
+import { SVGIcon } from './SVGIcon';
+
+import type { SVGIconProps } from './common';
+
+export function GitLabIcon({ size = 80, fill }: SVGIconProps) {
+  return (
+    <SVGIcon viewBox="90 90 200 200" size={size} fill={fill}>
+      <g id="LOGO">
+        <path
+          d="m282.83 170.73-.27-.69-26.14-68.22a6.81 6.81 0 0 0-2.69-3.24 7 7 0 0 0-8 .43 7 7 0 0 0-2.32 3.52l-17.65 54h-71.47l-17.65-54a6.86 6.86 0 0 0-2.32-3.53 7 7 0 0 0-8-.43 6.87 6.87 0 0 0-2.69 3.24L97.44 170l-.26.69a48.54 48.54 0 0 0 16.1 56.1l.09.07.24.17 39.82 29.82 19.7 14.91 12 9.06a8.07 8.07 0 0 0 9.76 0l12-9.06 19.7-14.91 40.06-30 .1-.08a48.56 48.56 0 0 0 16.08-56.04Z"
+          fill="#e24329"
+        />
+        <path
+          fill="#fc6d26"
+          d="m282.83 170.73-.27-.69a88.3 88.3 0 0 0-35.15 15.8L190 229.25c19.55 14.79 36.57 27.64 36.57 27.64l40.06-30 .1-.08a48.56 48.56 0 0 0 16.1-56.08Z"
+        />
+        <path
+          d="m153.43 256.89 19.7 14.91 12 9.06a8.07 8.07 0 0 0 9.76 0l12-9.06 19.7-14.91S209.55 244 190 229.25c-19.55 14.75-36.57 27.64-36.57 27.64Z"
+          fill="#fca326"
+        />
+        <path
+          fill="#fc6d26"
+          d="M132.58 185.84A88.19 88.19 0 0 0 97.44 170l-.26.69a48.54 48.54 0 0 0 16.1 56.1l.09.07.24.17 39.82 29.82L190 229.21Z"
+        />
+      </g>
+    </SVGIcon>
+  );
+}