@backstage/plugin-user-settings 0.4.8-next.3 → 0.5.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @backstage/plugin-user-settings
 
+## 0.5.0-next.0
+
+### Minor Changes
+
+- 5543e86660: **BREAKING**: The `apiRef` passed to `ProviderSettingsItem` now needs to
+  implement `ProfileInfoApi & SessionApi`, rather than just the latter. This is
+  unlikely to have an effect on most users though, since the builtin auth
+  providers generally implement both.
+
+  Fixed settings page showing providers as logged out when the user is using more
+  than one provider, and displayed some additional login information.
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.11.2-next.0
+  - @backstage/core-app-api@1.1.1-next.0
+  - @backstage/core-plugin-api@1.0.7-next.0
+  - @backstage/errors@1.1.2-next.0
+  - @backstage/theme@0.2.16
+  - @backstage/types@1.0.0
+
+## 0.4.8
+
+### Patch Changes
+
+- 817f3196f6: Updated React Router dependencies to be peer dependencies.
+- 3f739be9d9: Minor API signatures cleanup
+- 7d47def9c4: Removed dependency on `@types/jest`.
+- d669d89206: Minor API signatures cleanup
+- 667d917488: Updated dependency `msw` to `^0.47.0`.
+- 87ec2ba4d6: Updated dependency `msw` to `^0.46.0`.
+- bf5e9030eb: Updated dependency `msw` to `^0.45.0`.
+- 8448b53dd6: Added a `UserSettingsStorage` implementation of the `StorageApi` for use as
+  drop-in replacement for the `WebStorage`, in conjunction with the newly created
+  `@backstage/plugin-user-settings-backend`.
+- Updated dependencies
+  - @backstage/core-app-api@1.1.0
+  - @backstage/core-components@0.11.1
+  - @backstage/core-plugin-api@1.0.6
+  - @backstage/errors@1.1.1
+
 ## 0.4.8-next.3
 
 ### Patch Changes

package/README.md

@@ -2,15 +2,17 @@
 
 Welcome to the user-settings plugin!
 
-_This plugin was created through the Backstage CLI_
-
 ## About the plugin
 
-This plugin provides two components, `<UserSettings />` is intended to be used within the [`<Sidebar>`](https://backstage.io/storybook/?path=/story/sidebar--sample-sidebar) and displays the signed-in users profile picture and name.
+This plugin provides two components, `<UserSettings />` is intended to be used within the [`<Sidebar>`](https://backstage.io/storybook/?path=/story/sidebar--sample-sidebar) and displays the signed-in users profile picture and name. The second component is a settings page where the user can control different settings across the App.
 
-The second component is a settings page where the user can control different settings across the App.
+It also provides a `UserSettingsStorage` implementation of the `StorageApi`, to
+be used in the frontend as a persistent alternative to the builtin `WebStorage`.
+Please see [the backend
+README](https://github.com/backstage/backstage/tree/master/plugins/user-settings-backend)
+for installation instructions.
 
-## Usage
+## Components Usage
 
 Add the item to the Sidebar:
 

package/dist/index.d.ts

@@ -1,8 +1,43 @@
 /// <reference types="react" />
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import { IconComponent, ApiRef, SessionApi, ProfileInfo } from '@backstage/core-plugin-api';
+import { StorageApi, FetchApi, DiscoveryApi, ErrorApi, IdentityApi, StorageValueSnapshot, IconComponent, ApiRef, ProfileInfoApi, SessionApi, ProfileInfo } from '@backstage/core-plugin-api';
+import { JsonValue, Observable } from '@backstage/types';
 import { PropsWithChildren } from 'react';
 
+/**
+ * An implementation of the storage API, that uses the user-settings backend to
+ * persist the data in the DB.
+ *
+ * @public
+ */
+declare class UserSettingsStorage implements StorageApi {
+    private readonly namespace;
+    private readonly fetchApi;
+    private readonly discoveryApi;
+    private readonly errorApi;
+    private readonly identityApi;
+    private readonly fallback;
+    private subscribers;
+    private readonly observables;
+    private constructor();
+    static create(options: {
+        fetchApi: FetchApi;
+        discoveryApi: DiscoveryApi;
+        errorApi: ErrorApi;
+        identityApi: IdentityApi;
+        namespace?: string;
+    }): UserSettingsStorage;
+    forBucket(name: string): StorageApi;
+    remove(key: string): Promise<void>;
+    set<T extends JsonValue>(key: string, data: T): Promise<void>;
+    observe$<T extends JsonValue>(key: string): Observable<StorageValueSnapshot<T>>;
+    snapshot<T extends JsonValue>(key: string): StorageValueSnapshot<T>;
+    private get;
+    private getFetchUrl;
+    private notifyChanges;
+    private isSignedIn;
+}
+
 /** @public */
 declare const userSettingsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
     settingsPage: _backstage_core_plugin_api.RouteRef<undefined>;
@@ -39,7 +74,7 @@ declare const ProviderSettingsItem: (props: {
     title: string;
     description: string;
     icon: IconComponent;
-    apiRef: ApiRef<SessionApi>;
+    apiRef: ApiRef<ProfileInfoApi & SessionApi>;
 }) => JSX.Element;
 
 /** @public */
@@ -103,4 +138,4 @@ declare type UserSettingsTabProps = PropsWithChildren<{
  */
 declare const UserSettingsTab: (props: UserSettingsTabProps) => JSX.Element;
 
-export { DefaultProviderSettings, ProviderSettingsItem, SettingsPage as Router, Settings, USER_SETTINGS_TAB_KEY, UserSettingsAppearanceCard, UserSettingsAuthProviders, UserSettingsFeatureFlags, UserSettingsGeneral, UserSettingsIdentityCard, UserSettingsMenu, UserSettingsPage, UserSettingsPinToggle, UserSettingsProfileCard, UserSettingsSignInAvatar, UserSettingsTab, UserSettingsTabProps, UserSettingsThemeToggle, userSettingsPlugin as plugin, useUserProfile, userSettingsPlugin };
+export { DefaultProviderSettings, ProviderSettingsItem, SettingsPage as Router, Settings, USER_SETTINGS_TAB_KEY, UserSettingsAppearanceCard, UserSettingsAuthProviders, UserSettingsFeatureFlags, UserSettingsGeneral, UserSettingsIdentityCard, UserSettingsMenu, UserSettingsPage, UserSettingsPinToggle, UserSettingsProfileCard, UserSettingsSignInAvatar, UserSettingsStorage, UserSettingsTab, UserSettingsTabProps, UserSettingsThemeToggle, userSettingsPlugin as plugin, useUserProfile, userSettingsPlugin };

package/dist/index.esm.js

@@ -1,9 +1,12 @@
+import { WebStorage } from '@backstage/core-app-api';
+import { ResponseError } from '@backstage/errors';
+import ObservableImpl from 'zen-observable';
 import { createRouteRef, createPlugin, createRoutableExtension, useRouteRef, useApi, SessionState, googleAuthApiRef, microsoftAuthApiRef, githubAuthApiRef, gitlabAuthApiRef, oktaAuthApiRef, bitbucketAuthApiRef, oneloginAuthApiRef, atlassianAuthApiRef, configApiRef, featureFlagsApiRef, FeatureFlagState, identityApiRef, alertApiRef, appThemeApiRef, attachComponentData, useElementFilter } from '@backstage/core-plugin-api';
 import React, { useState, useEffect, useCallback, cloneElement } from 'react';
 import SettingsIcon from '@material-ui/icons/Settings';
-import { SidebarItem, EmptyState, CodeSnippet, InfoCard, sidebarConfig, useSidebarPinState, Page, Header, TabbedLayout } from '@backstage/core-components';
+import { SidebarItem, EmptyState, CodeSnippet, sidebarConfig, InfoCard, useSidebarPinState, Page, Header, TabbedLayout } from '@backstage/core-components';
 import { useOutlet } from 'react-router';
-import { Typography, Button, ListItem, ListItemIcon, ListItemText, Tooltip, ListItemSecondaryAction, List, Switch, Grid, TextField, IconButton, makeStyles, Avatar, Menu, MenuItem } from '@material-ui/core';
+import { Typography, Button, makeStyles, Avatar, ListItem, ListItemIcon, ListItemText, Tooltip, Grid, ListItemSecondaryAction, List, Switch, TextField, IconButton, Menu, MenuItem } from '@material-ui/core';
 import Star from '@material-ui/icons/Star';
 import ClearIcon from '@material-ui/icons/Clear';
 import useAsync from 'react-use/lib/useAsync';
@@ -17,6 +20,147 @@ import Chip from '@material-ui/core/Chip';
 import Grid$1 from '@material-ui/core/Grid';
 import Typography$1 from '@material-ui/core/Typography';
 
+const JSON_HEADERS = {
+  "Content-Type": "application/json; charset=utf-8",
+  Accept: "application/json"
+};
+const buckets = /* @__PURE__ */ new Map();
+class UserSettingsStorage {
+  constructor(namespace, fetchApi, discoveryApi, errorApi, identityApi, fallback) {
+    this.namespace = namespace;
+    this.fetchApi = fetchApi;
+    this.discoveryApi = discoveryApi;
+    this.errorApi = errorApi;
+    this.identityApi = identityApi;
+    this.fallback = fallback;
+    this.subscribers = /* @__PURE__ */ new Set();
+    this.observables = /* @__PURE__ */ new Map();
+  }
+  static create(options) {
+    var _a;
+    return new UserSettingsStorage(
+      (_a = options.namespace) != null ? _a : "default",
+      options.fetchApi,
+      options.discoveryApi,
+      options.errorApi,
+      options.identityApi,
+      WebStorage.create({
+        namespace: options.namespace,
+        errorApi: options.errorApi
+      })
+    );
+  }
+  forBucket(name) {
+    const bucketPath = `${this.namespace}.${name}`;
+    if (!buckets.has(bucketPath)) {
+      buckets.set(
+        bucketPath,
+        new UserSettingsStorage(
+          bucketPath,
+          this.fetchApi,
+          this.discoveryApi,
+          this.errorApi,
+          this.identityApi,
+          this.fallback
+        )
+      );
+    }
+    return buckets.get(bucketPath);
+  }
+  async remove(key) {
+    const fetchUrl = await this.getFetchUrl(key);
+    const response = await this.fetchApi.fetch(fetchUrl, {
+      method: "DELETE"
+    });
+    if (!response.ok && response.status !== 404) {
+      throw await ResponseError.fromResponse(response);
+    }
+    this.notifyChanges({ key, presence: "absent" });
+  }
+  async set(key, data) {
+    if (!await this.isSignedIn()) {
+      await this.fallback.set(key, data);
+      this.notifyChanges({ key, presence: "present", value: data });
+    }
+    const fetchUrl = await this.getFetchUrl(key);
+    const response = await this.fetchApi.fetch(fetchUrl, {
+      method: "PUT",
+      headers: JSON_HEADERS,
+      body: JSON.stringify({ value: data })
+    });
+    if (!response.ok) {
+      throw await ResponseError.fromResponse(response);
+    }
+    const { value } = await response.json();
+    this.notifyChanges({ key, value, presence: "present" });
+  }
+  observe$(key) {
+    if (!this.observables.has(key)) {
+      this.observables.set(
+        key,
+        new ObservableImpl((subscriber) => {
+          this.subscribers.add(subscriber);
+          Promise.resolve().then(() => this.get(key)).then((snapshot) => subscriber.next(snapshot)).catch((error) => this.errorApi.post(error));
+          return () => {
+            this.subscribers.delete(subscriber);
+          };
+        }).filter(({ key: messageKey }) => messageKey === key)
+      );
+    }
+    return this.observables.get(key);
+  }
+  snapshot(key) {
+    return { key, presence: "unknown" };
+  }
+  async get(key) {
+    if (!await this.isSignedIn()) {
+      return this.fallback.snapshot(key);
+    }
+    const fetchUrl = await this.getFetchUrl(key);
+    const response = await this.fetchApi.fetch(fetchUrl);
+    if (response.status === 404) {
+      return { key, presence: "absent" };
+    }
+    if (!response.ok) {
+      throw await ResponseError.fromResponse(response);
+    }
+    try {
+      const { value: rawValue } = await response.json();
+      const value = JSON.parse(JSON.stringify(rawValue), (_key, val) => {
+        if (typeof val === "object" && val !== null) {
+          Object.freeze(val);
+        }
+        return val;
+      });
+      return { key, presence: "present", value };
+    } catch {
+      return { key, presence: "absent" };
+    }
+  }
+  async getFetchUrl(key) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("user-settings");
+    const encodedNamespace = encodeURIComponent(this.namespace);
+    const encodedKey = encodeURIComponent(key);
+    return `${baseUrl}/buckets/${encodedNamespace}/keys/${encodedKey}`;
+  }
+  async notifyChanges(snapshot) {
+    for (const subscription of this.subscribers) {
+      try {
+        subscription.next(snapshot);
+      } catch {
+      }
+    }
+  }
+  async isSignedIn() {
+    try {
+      const credentials = await this.identityApi.getCredentials();
+      return (credentials == null ? void 0 : credentials.token) ? true : false;
+    } catch {
+      return false;
+    }
+  }
+}
+
 const settingsRouteRef = createRouteRef({
   id: "user-settings"
 });
@@ -70,15 +214,43 @@ const EmptyProviders = () => /* @__PURE__ */ React.createElement(EmptyState, {
   }, "Read More"))
 });
 
+const useStyles$2 = makeStyles((theme) => ({
+  avatar: {
+    width: ({ size }) => size,
+    height: ({ size }) => size,
+    fontSize: ({ size }) => size * 0.7,
+    border: `1px solid ${theme.palette.textSubtle}`
+  }
+}));
+const ProviderSettingsAvatar = ({ size, picture }) => {
+  const { iconSize } = sidebarConfig;
+  const classes = useStyles$2(size ? { size } : { size: iconSize });
+  return /* @__PURE__ */ React.createElement(Avatar, {
+    src: picture,
+    className: classes.avatar
+  });
+};
+
 const ProviderSettingsItem = (props) => {
   const { title, description, icon: Icon, apiRef } = props;
   const api = useApi(apiRef);
   const [signedIn, setSignedIn] = useState(false);
+  const emptyProfile = {};
+  const [profile, setProfile] = useState(emptyProfile);
   useEffect(() => {
     let didCancel = false;
     const subscription = api.sessionState$().subscribe((sessionState) => {
       if (!didCancel) {
-        setSignedIn(sessionState === SessionState.SignedIn);
+        api.getProfile({ optional: true }).then((profileResponse) => {
+          if (!didCancel) {
+            if (sessionState === SessionState.SignedIn) {
+              setSignedIn(true);
+            }
+            if (profileResponse) {
+              setProfile(profileResponse);
+            }
+          }
+        });
       }
     });
     return () => {
@@ -92,7 +264,39 @@ const ProviderSettingsItem = (props) => {
       placement: "top",
       arrow: true,
       title: description
-    }, /* @__PURE__ */ React.createElement("span", null, description)),
+    }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Grid, {
+      container: true,
+      spacing: 6
+    }, /* @__PURE__ */ React.createElement(Grid, {
+      item: true
+    }, /* @__PURE__ */ React.createElement(ProviderSettingsAvatar, {
+      size: 48,
+      picture: profile.picture
+    })), /* @__PURE__ */ React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      sm: true,
+      container: true
+    }, /* @__PURE__ */ React.createElement(Grid, {
+      item: true,
+      xs: true,
+      container: true,
+      direction: "column",
+      spacing: 2
+    }, /* @__PURE__ */ React.createElement(Grid, {
+      item: true,
+      xs: true
+    }, /* @__PURE__ */ React.createElement(Typography, {
+      variant: "subtitle1",
+      color: "textPrimary",
+      gutterBottom: true
+    }, profile.displayName), /* @__PURE__ */ React.createElement(Typography, {
+      variant: "body2",
+      color: "textSecondary"
+    }, profile.email), /* @__PURE__ */ React.createElement(Typography, {
+      variant: "body2",
+      color: "textSecondary"
+    }, description))))))),
     secondaryTypographyProps: { noWrap: true, style: { width: "80%" } }
   }), /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React.createElement(Tooltip, {
     placement: "top",
@@ -641,5 +845,5 @@ var SettingsPage$1 = /*#__PURE__*/Object.freeze({
   SettingsPage: SettingsPage
 });
 
-export { DefaultProviderSettings, ProviderSettingsItem, SettingsPage as Router, Settings, USER_SETTINGS_TAB_KEY, UserSettingsAppearanceCard, UserSettingsAuthProviders, UserSettingsFeatureFlags, UserSettingsGeneral, UserSettingsIdentityCard, UserSettingsMenu, UserSettingsPage, UserSettingsPinToggle, UserSettingsProfileCard, UserSettingsSignInAvatar, UserSettingsTab, UserSettingsThemeToggle, userSettingsPlugin as plugin, useUserProfile, userSettingsPlugin };
+export { DefaultProviderSettings, ProviderSettingsItem, SettingsPage as Router, Settings, USER_SETTINGS_TAB_KEY, UserSettingsAppearanceCard, UserSettingsAuthProviders, UserSettingsFeatureFlags, UserSettingsGeneral, UserSettingsIdentityCard, UserSettingsMenu, UserSettingsPage, UserSettingsPinToggle, UserSettingsProfileCard, UserSettingsSignInAvatar, UserSettingsStorage, UserSettingsTab, UserSettingsThemeToggle, userSettingsPlugin as plugin, useUserProfile, userSettingsPlugin };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/plugin.ts","../src/components/Settings.tsx","../src/components/AuthProviders/EmptyProviders.tsx","../src/components/AuthProviders/ProviderSettingsItem.tsx","../src/components/AuthProviders/DefaultProviderSettings.tsx","../src/components/AuthProviders/UserSettingsAuthProviders.tsx","../src/components/FeatureFlags/EmptyFlags.tsx","../src/components/FeatureFlags/FeatureFlagsItem.tsx","../src/components/FeatureFlags/UserSettingsFeatureFlags.tsx","../src/components/useUserProfileInfo.ts","../src/components/General/UserSettingsSignInAvatar.tsx","../src/components/General/UserSettingsMenu.tsx","../src/components/General/UserSettingsProfileCard.tsx","../src/components/General/UserSettingsPinToggle.tsx","../src/components/General/UserSettingsThemeToggle.tsx","../src/components/General/UserSettingsAppearanceCard.tsx","../src/components/General/UserSettingsIdentityCard.tsx","../src/components/General/UserSettingsGeneral.tsx","../src/components/UserSettingsTab/UserSettingsTab.tsx","../src/components/SettingsPage.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createPlugin,\n  createRoutableExtension,\n  createRouteRef,\n} from '@backstage/core-plugin-api';\n\nexport const settingsRouteRef = createRouteRef({\n  id: 'user-settings',\n});\n\n/** @public */\nexport const userSettingsPlugin = createPlugin({\n  id: 'user-settings',\n  routes: {\n    settingsPage: settingsRouteRef,\n  },\n});\n\n/** @public */\nexport const UserSettingsPage = userSettingsPlugin.provide(\n  createRoutableExtension({\n    name: 'UserSettingsPage',\n    component: () =>\n      import('./components/SettingsPage').then(m => m.SettingsPage),\n    mountPoint: settingsRouteRef,\n  }),\n);\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from '../plugin';\nimport { SidebarItem } from '@backstage/core-components';\nimport { useRouteRef, IconComponent } from '@backstage/core-plugin-api';\n\n/** @public */\nexport const Settings = (props: { icon?: IconComponent }) => {\n  const routePath = useRouteRef(settingsRouteRef);\n  const Icon = props.icon ? props.icon : SettingsIcon;\n  return <SidebarItem text=\"Settings\" to={routePath()} icon={Icon} />;\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport { CodeSnippet, EmptyState } from '@backstage/core-components';\n\nconst EXAMPLE = `auth:\n  providers:\n    google:\n      development:\n        clientId: \\${AUTH_GOOGLE_CLIENT_ID}\n        clientSecret: \\${AUTH_GOOGLE_CLIENT_SECRET}\n`;\n\nexport const EmptyProviders = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No Authentication Providers\"\n    description=\"You can add Authentication Providers to Backstage which allows you to use these providers to authenticate yourself.\"\n    action={\n      <>\n        <Typography variant=\"body1\">\n          Open <code>app-config.yaml</code> and make the changes as highlighted\n          below:\n        </Typography>\n        <CodeSnippet\n          text={EXAMPLE}\n          language=\"yaml\"\n          showLineNumbers\n          highlightedNumbers={[3, 4, 5, 6, 7, 8]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href=\"https://backstage.io/docs/auth/add-auth-provider\"\n        >\n          Read More\n        </Button>\n      </>\n    }\n  />\n);\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useEffect, useState } from 'react';\nimport {\n  Button,\n  ListItem,\n  ListItemIcon,\n  ListItemSecondaryAction,\n  ListItemText,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  ApiRef,\n  SessionApi,\n  useApi,\n  IconComponent,\n  SessionState,\n} from '@backstage/core-plugin-api';\n\n/** @public */\nexport const ProviderSettingsItem = (props: {\n  title: string;\n  description: string;\n  icon: IconComponent;\n  apiRef: ApiRef<SessionApi>;\n}) => {\n  const { title, description, icon: Icon, apiRef } = props;\n\n  const api = useApi(apiRef);\n  const [signedIn, setSignedIn] = useState(false);\n\n  useEffect(() => {\n    let didCancel = false;\n\n    const subscription = api\n      .sessionState$()\n      .subscribe((sessionState: SessionState) => {\n        if (!didCancel) {\n          setSignedIn(sessionState === SessionState.SignedIn);\n        }\n      });\n\n    return () => {\n      didCancel = true;\n      subscription.unsubscribe();\n    };\n  }, [api]);\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Icon />\n      </ListItemIcon>\n      <ListItemText\n        primary={title}\n        secondary={\n          <Tooltip placement=\"top\" arrow title={description}>\n            <span>{description}</span>\n          </Tooltip>\n        }\n        secondaryTypographyProps={{ noWrap: true, style: { width: '80%' } }}\n      />\n      <ListItemSecondaryAction>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={signedIn ? `Sign out from ${title}` : `Sign in to ${title}`}\n        >\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => (signedIn ? api.signOut() : api.signIn())}\n          >\n            {signedIn ? `Sign out` : `Sign in`}\n          </Button>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Star from '@material-ui/icons/Star';\nimport React from 'react';\nimport { ProviderSettingsItem } from './ProviderSettingsItem';\nimport {\n  githubAuthApiRef,\n  gitlabAuthApiRef,\n  googleAuthApiRef,\n  oktaAuthApiRef,\n  microsoftAuthApiRef,\n  bitbucketAuthApiRef,\n  atlassianAuthApiRef,\n  oneloginAuthApiRef,\n} from '@backstage/core-plugin-api';\n\n/** @public */\nexport const DefaultProviderSettings = (props: {\n  configuredProviders: string[];\n}) => {\n  const { configuredProviders } = props;\n  return (\n    <>\n      {configuredProviders.includes('google') && (\n        <ProviderSettingsItem\n          title=\"Google\"\n          description=\"Provides authentication towards Google APIs and identities\"\n          apiRef={googleAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('microsoft') && (\n        <ProviderSettingsItem\n          title=\"Microsoft\"\n          description=\"Provides authentication towards Microsoft APIs and identities\"\n          apiRef={microsoftAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('github') && (\n        <ProviderSettingsItem\n          title=\"GitHub\"\n          description=\"Provides authentication towards GitHub APIs\"\n          apiRef={githubAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('gitlab') && (\n        <ProviderSettingsItem\n          title=\"GitLab\"\n          description=\"Provides authentication towards GitLab APIs\"\n          apiRef={gitlabAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('okta') && (\n        <ProviderSettingsItem\n          title=\"Okta\"\n          description=\"Provides authentication towards Okta APIs\"\n          apiRef={oktaAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('bitbucket') && (\n        <ProviderSettingsItem\n          title=\"Bitbucket\"\n          description=\"Provides authentication towards Bitbucket APIs\"\n          apiRef={bitbucketAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('onelogin') && (\n        <ProviderSettingsItem\n          title=\"OneLogin\"\n          description=\"Provides authentication towards OneLogin APIs\"\n          apiRef={oneloginAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('atlassian') && (\n        <ProviderSettingsItem\n          title=\"Atlassian\"\n          description=\"Provides authentication towards Atlassian APIs\"\n          apiRef={atlassianAuthApiRef}\n          icon={Star}\n        />\n      )}\n    </>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { List } from '@material-ui/core';\nimport { EmptyProviders } from './EmptyProviders';\nimport { DefaultProviderSettings } from './DefaultProviderSettings';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\n\n/** @public */\nexport const UserSettingsAuthProviders = (props: {\n  providerSettings?: JSX.Element;\n}) => {\n  const { providerSettings } = props;\n  const configApi = useApi(configApiRef);\n  const providersConfig = configApi.getOptionalConfig('auth.providers');\n  const configuredProviders = providersConfig?.keys() || [];\n  const providers = providerSettings ?? (\n    <DefaultProviderSettings configuredProviders={configuredProviders} />\n  );\n\n  if (!providerSettings && !configuredProviders?.length) {\n    return <EmptyProviders />;\n  }\n\n  return (\n    <InfoCard title=\"Available Providers\">\n      <List dense>{providers}</List>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport { CodeSnippet, EmptyState } from '@backstage/core-components';\n\nconst EXAMPLE = `import { createPlugin } from '@backstage/core-plugin-api';\n\nexport default createPlugin({\n  id: 'plugin-name',\n  featureFlags: [{ name: 'enable-example-feature' }],\n});\n`;\n\nexport const EmptyFlags = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No Feature Flags\"\n    description=\"Feature Flags make it possible for plugins to register features in Backstage for users to opt into. You can use this to split out logic in your code for manual A/B testing, etc.\"\n    action={\n      <>\n        <Typography variant=\"body1\">\n          An example for how to add a feature flag is highlighted below:\n        </Typography>\n        <CodeSnippet\n          text={EXAMPLE}\n          language=\"typescript\"\n          showLineNumbers\n          highlightedNumbers={[6]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href=\"https://backstage.io/docs/api/utility-apis\"\n        >\n          Read More\n        </Button>\n      </>\n    }\n  />\n);\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemText,\n  ListItemIcon,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport { FeatureFlag } from '@backstage/core-plugin-api';\n\ntype Props = {\n  flag: FeatureFlag;\n  enabled: boolean;\n  toggleHandler: Function;\n};\n\nexport const FlagItem = ({ flag, enabled, toggleHandler }: Props) => (\n  <ListItem divider button onClick={() => toggleHandler(flag.name)}>\n    <ListItemIcon>\n      <Tooltip placement=\"top\" arrow title={enabled ? 'Disable' : 'Enable'}>\n        <Switch color=\"primary\" checked={enabled} name={flag.name} />\n      </Tooltip>\n    </ListItemIcon>\n    <ListItemText\n      primary={flag.name}\n      secondary={`Registered in ${flag.pluginId} plugin`}\n    />\n  </ListItem>\n);\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useState } from 'react';\nimport {\n  List,\n  TextField,\n  IconButton,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { EmptyFlags } from './EmptyFlags';\nimport { FlagItem } from './FeatureFlagsItem';\nimport {\n  featureFlagsApiRef,\n  FeatureFlagState,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\nimport ClearIcon from '@material-ui/icons/Clear';\n\n/** @public */\nexport const UserSettingsFeatureFlags = () => {\n  const featureFlagsApi = useApi(featureFlagsApiRef);\n  const featureFlags = featureFlagsApi.getRegisteredFlags();\n\n  const initialFlagState = Object.fromEntries(\n    featureFlags.map(({ name }) => [name, featureFlagsApi.isActive(name)]),\n  );\n\n  const [state, setState] = useState<Record<string, boolean>>(initialFlagState);\n  const [filterInput, setFilterInput] = useState<string>('');\n  const inputRef = React.useRef<HTMLElement>();\n\n  const toggleFlag = useCallback(\n    (flagName: string) => {\n      const newState = featureFlagsApi.isActive(flagName)\n        ? FeatureFlagState.None\n        : FeatureFlagState.Active;\n\n      featureFlagsApi.save({\n        states: { [flagName]: newState },\n        merge: true,\n      });\n\n      setState(prevState => ({\n        ...prevState,\n        [flagName]: newState === FeatureFlagState.Active,\n      }));\n    },\n    [featureFlagsApi],\n  );\n\n  if (!featureFlags.length) {\n    return <EmptyFlags />;\n  }\n\n  const clearFilterInput = () => {\n    setFilterInput('');\n    inputRef?.current?.focus();\n  };\n\n  let filteredFeatureFlags = Array.from(featureFlags);\n\n  const filterInputParts = filterInput\n    .split(/\\s/)\n    .map(part => part.trim().toLocaleLowerCase('en-US'));\n\n  filterInputParts.forEach(\n    part =>\n      (filteredFeatureFlags = filteredFeatureFlags.filter(featureFlag =>\n        featureFlag.name.toLocaleLowerCase('en-US').includes(part),\n      )),\n  );\n\n  const Header = () => (\n    <Grid container style={{ justifyContent: 'space-between' }}>\n      <Grid item xs={6} md={8}>\n        <Typography variant=\"h5\">Feature Flags</Typography>\n      </Grid>\n      {featureFlags.length >= 10 && (\n        <Grid item xs={6} md={4}>\n          <TextField\n            label=\"Filter\"\n            style={{ display: 'flex', justifyContent: 'flex-end' }}\n            inputRef={ref => ref && ref.focus()}\n            InputProps={{\n              ...(filterInput.length && {\n                endAdornment: (\n                  <IconButton\n                    aria-label=\"Clear filter\"\n                    onClick={clearFilterInput}\n                    edge=\"end\"\n                  >\n                    <ClearIcon />\n                  </IconButton>\n                ),\n              }),\n            }}\n            onChange={e => setFilterInput(e.target.value)}\n            value={filterInput}\n          />\n        </Grid>\n      )}\n    </Grid>\n  );\n\n  return (\n    <InfoCard title={<Header />}>\n      <List dense>\n        {filteredFeatureFlags.map(featureFlag => {\n          const enabled = Boolean(state[featureFlag.name]);\n\n          return (\n            <FlagItem\n              key={featureFlag.name}\n              flag={featureFlag}\n              enabled={enabled}\n              toggleHandler={toggleFlag}\n            />\n          );\n        })}\n      </List>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  alertApiRef,\n  identityApiRef,\n  ProfileInfo,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { useEffect } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\n/** @public */\nexport const useUserProfile = () => {\n  const identityApi = useApi(identityApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return {\n      profile: await identityApi.getProfileInfo(),\n      identity: await identityApi.getBackstageIdentity(),\n    };\n  }, []);\n\n  useEffect(() => {\n    if (error) {\n      alertApi.post({\n        message: `Failed to load user identity: ${error}`,\n        severity: 'error',\n      });\n    }\n  }, [error, alertApi]);\n\n  if (loading || error) {\n    return {\n      profile: {} as ProfileInfo,\n      displayName: '',\n      loading,\n    };\n  }\n\n  return {\n    profile: value!.profile,\n    backstageIdentity: value!.identity,\n    displayName: value!.profile.displayName ?? value!.identity.userEntityRef,\n    loading,\n  };\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { BackstageTheme } from '@backstage/theme';\nimport { makeStyles, Avatar } from '@material-ui/core';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport { sidebarConfig } from '@backstage/core-components';\n\nconst useStyles = makeStyles<BackstageTheme, { size: number }>(theme => ({\n  avatar: {\n    width: ({ size }) => size,\n    height: ({ size }) => size,\n    fontSize: ({ size }) => size * 0.7,\n    border: `1px solid ${theme.palette.textSubtle}`,\n  },\n}));\n\n/** @public */\nexport const UserSettingsSignInAvatar = (props: { size?: number }) => {\n  const { size } = props;\n\n  const { iconSize } = sidebarConfig;\n  const classes = useStyles(size ? { size } : { size: iconSize });\n  const { profile } = useUserProfile();\n\n  return (\n    <Avatar\n      src={profile.picture}\n      className={classes.avatar}\n      alt=\"Profile picture\"\n    />\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { IconButton, ListItemIcon, Menu, MenuItem } from '@material-ui/core';\nimport SignOutIcon from '@material-ui/icons/MeetingRoom';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\n/** @public */\nexport const UserSettingsMenu = () => {\n  const identityApi = useApi(identityApiRef);\n  const [open, setOpen] = React.useState(false);\n  const [anchorEl, setAnchorEl] = React.useState<undefined | HTMLElement>(\n    undefined,\n  );\n\n  const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(undefined);\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <IconButton\n        data-testid=\"user-settings-menu\"\n        aria-label=\"more\"\n        onClick={handleOpen}\n      >\n        <MoreVertIcon />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n        <MenuItem data-testid=\"sign-out\" onClick={() => identityApi.signOut()}>\n          <ListItemIcon>\n            <SignOutIcon />\n          </ListItemIcon>\n          Sign Out\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsSignInAvatar } from './UserSettingsSignInAvatar';\nimport { UserSettingsMenu } from './UserSettingsMenu';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport { InfoCard } from '@backstage/core-components';\n\n/** @public */\nexport const UserSettingsProfileCard = () => {\n  const { profile, displayName } = useUserProfile();\n\n  return (\n    <InfoCard title=\"Profile\" variant=\"gridItem\">\n      <Grid container spacing={6}>\n        <Grid item>\n          <UserSettingsSignInAvatar size={96} />\n        </Grid>\n        <Grid item xs={12} sm container>\n          <Grid item xs container direction=\"column\" spacing={2}>\n            <Grid item xs>\n              <Typography variant=\"subtitle1\" gutterBottom>\n                {displayName}\n              </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                {profile.email}\n              </Typography>\n            </Grid>\n          </Grid>\n          <Grid item>\n            <UserSettingsMenu />\n          </Grid>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport { useSidebarPinState } from '@backstage/core-components';\n\n/** @public */\nexport const UserSettingsPinToggle = () => {\n  const { isPinned, toggleSidebarPinState } = useSidebarPinState();\n\n  return (\n    <ListItem>\n      <ListItemText\n        primary=\"Pin Sidebar\"\n        secondary=\"Prevent the sidebar from collapsing\"\n      />\n      <ListItemSecondaryAction>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={`${isPinned ? 'Unpin' : 'Pin'} Sidebar`}\n        >\n          <Switch\n            color=\"primary\"\n            checked={isPinned}\n            onChange={() => toggleSidebarPinState()}\n            name=\"pin\"\n            inputProps={{ 'aria-label': 'Pin Sidebar Switch' }}\n          />\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { cloneElement } from 'react';\nimport useObservable from 'react-use/lib/useObservable';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\nimport {\n  ListItem,\n  ListItemText,\n  ListItemSecondaryAction,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\n\ntype ThemeIconProps = {\n  id: string;\n  activeId: string | undefined;\n  icon: JSX.Element | undefined;\n};\n\nconst ThemeIcon = ({ id, activeId, icon }: ThemeIconProps) =>\n  icon ? (\n    cloneElement(icon, {\n      color: activeId === id ? 'primary' : undefined,\n    })\n  ) : (\n    <AutoIcon color={activeId === id ? 'primary' : undefined} />\n  );\n\ntype TooltipToggleButtonProps = {\n  children: JSX.Element;\n  title: string;\n  value: string;\n};\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    width: '100%',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingBottom: 8,\n    paddingRight: 16,\n  },\n  list: {\n    width: 'initial',\n    [theme.breakpoints.down('xs')]: {\n      width: '100%',\n      padding: `0 0 12px`,\n    },\n  },\n  listItemText: {\n    paddingRight: 0,\n    paddingLeft: 0,\n  },\n  listItemSecondaryAction: {\n    position: 'relative',\n    transform: 'unset',\n    top: 'auto',\n    right: 'auto',\n    paddingLeft: 16,\n    [theme.breakpoints.down('xs')]: {\n      paddingLeft: 0,\n    },\n  },\n}));\n\n// ToggleButtonGroup uses React.children.map instead of context\n// so wrapping with Tooltip breaks ToggleButton functionality.\nconst TooltipToggleButton = ({\n  children,\n  title,\n  value,\n  ...props\n}: TooltipToggleButtonProps) => (\n  <Tooltip placement=\"top\" arrow title={title}>\n    <ToggleButton value={value} {...props}>\n      {children}\n    </ToggleButton>\n  </Tooltip>\n);\n\n/** @public */\nexport const UserSettingsThemeToggle = () => {\n  const classes = useStyles();\n  const appThemeApi = useApi(appThemeApiRef);\n  const themeId = useObservable(\n    appThemeApi.activeThemeId$(),\n    appThemeApi.getActiveThemeId(),\n  );\n\n  const themeIds = appThemeApi.getInstalledThemes();\n\n  const handleSetTheme = (\n    _event: React.MouseEvent<HTMLElement>,\n    newThemeId: string | undefined,\n  ) => {\n    if (themeIds.some(t => t.id === newThemeId)) {\n      appThemeApi.setActiveThemeId(newThemeId);\n    } else {\n      appThemeApi.setActiveThemeId(undefined);\n    }\n  };\n\n  return (\n    <ListItem\n      className={classes.list}\n      classes={{ container: classes.container }}\n    >\n      <ListItemText\n        className={classes.listItemText}\n        primary=\"Theme\"\n        secondary=\"Change the theme mode\"\n      />\n      <ListItemSecondaryAction className={classes.listItemSecondaryAction}>\n        <ToggleButtonGroup\n          exclusive\n          size=\"small\"\n          value={themeId ?? 'auto'}\n          onChange={handleSetTheme}\n        >\n          {themeIds.map(theme => {\n            const themeIcon = themeIds.find(t => t.id === theme.id)?.icon;\n            return (\n              <TooltipToggleButton\n                key={theme.id}\n                title={`Select ${theme.title}`}\n                value={theme.id}\n              >\n                <>\n                  {theme.title}&nbsp;\n                  <ThemeIcon\n                    id={theme.id}\n                    icon={themeIcon}\n                    activeId={themeId}\n                  />\n                </>\n              </TooltipToggleButton>\n            );\n          })}\n          <Tooltip placement=\"top\" arrow title=\"Select auto theme\">\n            <ToggleButton value=\"auto\" selected={themeId === undefined}>\n              Auto&nbsp;\n              <AutoIcon color={themeId === undefined ? 'primary' : undefined} />\n            </ToggleButton>\n          </Tooltip>\n        </ToggleButtonGroup>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard, useSidebarPinState } from '@backstage/core-components';\nimport { List } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsPinToggle } from './UserSettingsPinToggle';\nimport { UserSettingsThemeToggle } from './UserSettingsThemeToggle';\n\n/** @public */\nexport const UserSettingsAppearanceCard = () => {\n  const { isMobile } = useSidebarPinState();\n\n  return (\n    <InfoCard title=\"Appearance\" variant=\"gridItem\">\n      <List dense>\n        <UserSettingsThemeToggle />\n        {!isMobile && <UserSettingsPinToggle />}\n      </List>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard } from '@backstage/core-components';\nimport React from 'react';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport Chip from '@material-ui/core/Chip';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\n\n/** @public */\nexport const UserSettingsIdentityCard = () => {\n  const { backstageIdentity } = useUserProfile();\n\n  return (\n    <InfoCard title=\"Backstage Identity\">\n      <Grid container spacing={6}>\n        <Grid item xs={12} sm container>\n          <Grid item xs container direction=\"column\" spacing={2}>\n            <Grid item xs>\n              <Typography variant=\"subtitle1\" gutterBottom>\n                User Entity:{' '}\n                <Chip\n                  label={backstageIdentity?.userEntityRef}\n                  variant=\"outlined\"\n                  size=\"small\"\n                />\n              </Typography>\n              <Typography variant=\"subtitle1\">\n                Ownership Entities:{' '}\n                {backstageIdentity?.ownershipEntityRefs.map(it => (\n                  <Chip label={it} variant=\"outlined\" size=\"small\" />\n                ))}\n              </Typography>\n            </Grid>\n          </Grid>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Grid } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsProfileCard } from './UserSettingsProfileCard';\nimport { UserSettingsAppearanceCard } from './UserSettingsAppearanceCard';\nimport { UserSettingsIdentityCard } from './UserSettingsIdentityCard';\n\n/** @public */\nexport const UserSettingsGeneral = () => {\n  return (\n    <Grid container direction=\"row\" spacing={3}>\n      <Grid item xs={12} md={6}>\n        <UserSettingsProfileCard />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <UserSettingsAppearanceCard />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <UserSettingsIdentityCard />\n      </Grid>\n    </Grid>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { PropsWithChildren } from 'react';\nimport { attachComponentData } from '@backstage/core-plugin-api';\n\n/** @public */\nexport const USER_SETTINGS_TAB_KEY = 'user-settings.tab';\n\n/** @public */\nexport type UserSettingsTabProps = PropsWithChildren<{\n  /**\n   * The path to the tab in the settings route\n   * @example `/settings/advanced`\n   */\n  path: string;\n  /** The title of the tab. It will also reflect in the document title when the tab is active */\n  title: string;\n}>;\n\n/**\n * Renders a tab inside the settings page\n * @param props - Component props\n * @public\n */\nexport const UserSettingsTab = (props: UserSettingsTabProps) => {\n  return <>{props.children}</>;\n};\n\nattachComponentData(UserSettingsTab, USER_SETTINGS_TAB_KEY, 'UserSettingsTab');\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Header,\n  Page,\n  TabbedLayout,\n  useSidebarPinState,\n} from '@backstage/core-components';\nimport React from 'react';\nimport { useOutlet } from 'react-router';\nimport { useElementFilter } from '@backstage/core-plugin-api';\nimport { UserSettingsAuthProviders } from './AuthProviders';\nimport { UserSettingsFeatureFlags } from './FeatureFlags';\nimport { UserSettingsGeneral } from './General';\nimport { USER_SETTINGS_TAB_KEY, UserSettingsTabProps } from './UserSettingsTab';\n\n/**\n * @public\n */\nexport const SettingsPage = (props: { providerSettings?: JSX.Element }) => {\n  const { providerSettings } = props;\n  const { isMobile } = useSidebarPinState();\n  const outlet = useOutlet();\n\n  const tabs = useElementFilter(outlet, elements =>\n    elements\n      .selectByComponentData({\n        key: USER_SETTINGS_TAB_KEY,\n      })\n      .getElements<UserSettingsTabProps>(),\n  );\n\n  return (\n    <Page themeId=\"home\">\n      {!isMobile && <Header title=\"Settings\" />}\n      <TabbedLayout>\n        <TabbedLayout.Route path=\"general\" title=\"General\">\n          <UserSettingsGeneral />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route\n          path=\"auth-providers\"\n          title=\"Authentication Providers\"\n        >\n          <UserSettingsAuthProviders providerSettings={providerSettings} />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route path=\"feature-flags\" title=\"Feature Flags\">\n          <UserSettingsFeatureFlags />\n        </TabbedLayout.Route>\n\n        {tabs.map((child, i) => (\n          <TabbedLayout.Route key={i} {...child.props}>\n            {child}\n          </TabbedLayout.Route>\n        ))}\n      </TabbedLayout>\n    </Page>\n  );\n};\n"],"names":["EXAMPLE","useStyles","Grid","Typography"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/apis/StorageApi/UserSettingsStorage.ts","../src/plugin.ts","../src/components/Settings.tsx","../src/components/AuthProviders/EmptyProviders.tsx","../src/components/AuthProviders/ProviderSettingsAvatar.tsx","../src/components/AuthProviders/ProviderSettingsItem.tsx","../src/components/AuthProviders/DefaultProviderSettings.tsx","../src/components/AuthProviders/UserSettingsAuthProviders.tsx","../src/components/FeatureFlags/EmptyFlags.tsx","../src/components/FeatureFlags/FeatureFlagsItem.tsx","../src/components/FeatureFlags/UserSettingsFeatureFlags.tsx","../src/components/useUserProfileInfo.ts","../src/components/General/UserSettingsSignInAvatar.tsx","../src/components/General/UserSettingsMenu.tsx","../src/components/General/UserSettingsProfileCard.tsx","../src/components/General/UserSettingsPinToggle.tsx","../src/components/General/UserSettingsThemeToggle.tsx","../src/components/General/UserSettingsAppearanceCard.tsx","../src/components/General/UserSettingsIdentityCard.tsx","../src/components/General/UserSettingsGeneral.tsx","../src/components/UserSettingsTab/UserSettingsTab.tsx","../src/components/SettingsPage.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { WebStorage } from '@backstage/core-app-api';\nimport {\n  DiscoveryApi,\n  ErrorApi,\n  FetchApi,\n  IdentityApi,\n  StorageApi,\n  StorageValueSnapshot,\n} from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport { JsonValue, Observable } from '@backstage/types';\nimport ObservableImpl from 'zen-observable';\n\nconst JSON_HEADERS = {\n  'Content-Type': 'application/json; charset=utf-8',\n  Accept: 'application/json',\n};\n\nconst buckets = new Map<string, UserSettingsStorage>();\n\n/**\n * An implementation of the storage API, that uses the user-settings backend to\n * persist the data in the DB.\n *\n * @public\n */\nexport class UserSettingsStorage implements StorageApi {\n  private subscribers = new Set<\n    ZenObservable.SubscriptionObserver<StorageValueSnapshot<JsonValue>>\n  >();\n\n  private readonly observables = new Map<\n    string,\n    Observable<StorageValueSnapshot<JsonValue>>\n  >();\n\n  private constructor(\n    private readonly namespace: string,\n    private readonly fetchApi: FetchApi,\n    private readonly discoveryApi: DiscoveryApi,\n    private readonly errorApi: ErrorApi,\n    private readonly identityApi: IdentityApi,\n    private readonly fallback: WebStorage,\n  ) {}\n\n  static create(options: {\n    fetchApi: FetchApi;\n    discoveryApi: DiscoveryApi;\n    errorApi: ErrorApi;\n    identityApi: IdentityApi;\n    namespace?: string;\n  }): UserSettingsStorage {\n    return new UserSettingsStorage(\n      options.namespace ?? 'default',\n      options.fetchApi,\n      options.discoveryApi,\n      options.errorApi,\n      options.identityApi,\n      WebStorage.create({\n        namespace: options.namespace,\n        errorApi: options.errorApi,\n      }),\n    );\n  }\n\n  forBucket(name: string): StorageApi {\n    // use dot instead of slash separator to have nicer URLs\n    const bucketPath = `${this.namespace}.${name}`;\n\n    if (!buckets.has(bucketPath)) {\n      buckets.set(\n        bucketPath,\n        new UserSettingsStorage(\n          bucketPath,\n          this.fetchApi,\n          this.discoveryApi,\n          this.errorApi,\n          this.identityApi,\n          this.fallback,\n        ),\n      );\n    }\n\n    return buckets.get(bucketPath)!;\n  }\n\n  async remove(key: string): Promise<void> {\n    const fetchUrl = await this.getFetchUrl(key);\n\n    const response = await this.fetchApi.fetch(fetchUrl, {\n      method: 'DELETE',\n    });\n\n    if (!response.ok && response.status !== 404) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    this.notifyChanges({ key, presence: 'absent' });\n  }\n\n  async set<T extends JsonValue>(key: string, data: T): Promise<void> {\n    if (!(await this.isSignedIn())) {\n      await this.fallback.set(key, data);\n      this.notifyChanges({ key, presence: 'present', value: data });\n    }\n\n    const fetchUrl = await this.getFetchUrl(key);\n\n    const response = await this.fetchApi.fetch(fetchUrl, {\n      method: 'PUT',\n      headers: JSON_HEADERS,\n      body: JSON.stringify({ value: data }),\n    });\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    const { value } = await response.json();\n\n    this.notifyChanges({ key, value, presence: 'present' });\n  }\n\n  observe$<T extends JsonValue>(\n    key: string,\n  ): Observable<StorageValueSnapshot<T>> {\n    if (!this.observables.has(key)) {\n      this.observables.set(\n        key,\n        new ObservableImpl<StorageValueSnapshot<JsonValue>>(subscriber => {\n          this.subscribers.add(subscriber);\n\n          // TODO(freben): Introduce server polling or similar, to ensure that different devices update when values change\n          Promise.resolve()\n            .then(() => this.get(key))\n            .then(snapshot => subscriber.next(snapshot))\n            .catch(error => this.errorApi.post(error));\n\n          return () => {\n            this.subscribers.delete(subscriber);\n          };\n        }).filter(({ key: messageKey }) => messageKey === key),\n      );\n    }\n\n    return this.observables.get(key) as Observable<StorageValueSnapshot<T>>;\n  }\n\n  snapshot<T extends JsonValue>(key: string): StorageValueSnapshot<T> {\n    return { key, presence: 'unknown' };\n  }\n\n  private async get<T extends JsonValue>(\n    key: string,\n  ): Promise<StorageValueSnapshot<T>> {\n    if (!(await this.isSignedIn())) {\n      // This explicitly uses WebStorage, which we know is synchronous and doesn't return presence: unknown\n      return this.fallback.snapshot(key);\n    }\n\n    const fetchUrl = await this.getFetchUrl(key);\n    const response = await this.fetchApi.fetch(fetchUrl);\n\n    if (response.status === 404) {\n      return { key, presence: 'absent' };\n    }\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    try {\n      const { value: rawValue } = await response.json();\n      const value = JSON.parse(JSON.stringify(rawValue), (_key, val) => {\n        if (typeof val === 'object' && val !== null) {\n          Object.freeze(val);\n        }\n        return val;\n      });\n\n      return { key, presence: 'present', value };\n    } catch {\n      // If the value is not valid JSON, we return an unknown presence. This should never happen\n      return { key, presence: 'absent' };\n    }\n  }\n\n  private async getFetchUrl(key: string) {\n    const baseUrl = await this.discoveryApi.getBaseUrl('user-settings');\n    const encodedNamespace = encodeURIComponent(this.namespace);\n    const encodedKey = encodeURIComponent(key);\n    return `${baseUrl}/buckets/${encodedNamespace}/keys/${encodedKey}`;\n  }\n\n  private async notifyChanges<T extends JsonValue>(\n    snapshot: StorageValueSnapshot<T>,\n  ) {\n    for (const subscription of this.subscribers) {\n      try {\n        subscription.next(snapshot);\n      } catch {\n        // ignore\n      }\n    }\n  }\n\n  private async isSignedIn(): Promise<boolean> {\n    try {\n      const credentials = await this.identityApi.getCredentials();\n      return credentials?.token ? true : false;\n    } catch {\n      return false;\n    }\n  }\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createPlugin,\n  createRoutableExtension,\n  createRouteRef,\n} from '@backstage/core-plugin-api';\n\nexport const settingsRouteRef = createRouteRef({\n  id: 'user-settings',\n});\n\n/** @public */\nexport const userSettingsPlugin = createPlugin({\n  id: 'user-settings',\n  routes: {\n    settingsPage: settingsRouteRef,\n  },\n});\n\n/** @public */\nexport const UserSettingsPage = userSettingsPlugin.provide(\n  createRoutableExtension({\n    name: 'UserSettingsPage',\n    component: () =>\n      import('./components/SettingsPage').then(m => m.SettingsPage),\n    mountPoint: settingsRouteRef,\n  }),\n);\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from '../plugin';\nimport { SidebarItem } from '@backstage/core-components';\nimport { useRouteRef, IconComponent } from '@backstage/core-plugin-api';\n\n/** @public */\nexport const Settings = (props: { icon?: IconComponent }) => {\n  const routePath = useRouteRef(settingsRouteRef);\n  const Icon = props.icon ? props.icon : SettingsIcon;\n  return <SidebarItem text=\"Settings\" to={routePath()} icon={Icon} />;\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport { CodeSnippet, EmptyState } from '@backstage/core-components';\n\nconst EXAMPLE = `auth:\n  providers:\n    google:\n      development:\n        clientId: \\${AUTH_GOOGLE_CLIENT_ID}\n        clientSecret: \\${AUTH_GOOGLE_CLIENT_SECRET}\n`;\n\nexport const EmptyProviders = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No Authentication Providers\"\n    description=\"You can add Authentication Providers to Backstage which allows you to use these providers to authenticate yourself.\"\n    action={\n      <>\n        <Typography variant=\"body1\">\n          Open <code>app-config.yaml</code> and make the changes as highlighted\n          below:\n        </Typography>\n        <CodeSnippet\n          text={EXAMPLE}\n          language=\"yaml\"\n          showLineNumbers\n          highlightedNumbers={[3, 4, 5, 6, 7, 8]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href=\"https://backstage.io/docs/auth/add-auth-provider\"\n        >\n          Read More\n        </Button>\n      </>\n    }\n  />\n);\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { BackstageTheme } from '@backstage/theme';\nimport { makeStyles, Avatar } from '@material-ui/core';\nimport { sidebarConfig } from '@backstage/core-components';\n\nconst useStyles = makeStyles<BackstageTheme, { size: number }>(theme => ({\n  avatar: {\n    width: ({ size }) => size,\n    height: ({ size }) => size,\n    fontSize: ({ size }) => size * 0.7,\n    border: `1px solid ${theme.palette.textSubtle}`,\n  },\n}));\n\ntype Props = { size?: number; picture: string | undefined };\n\nexport const ProviderSettingsAvatar = ({ size, picture }: Props) => {\n  const { iconSize } = sidebarConfig;\n  const classes = useStyles(size ? { size } : { size: iconSize });\n\n  return <Avatar src={picture} className={classes.avatar} />;\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useEffect, useState } from 'react';\nimport {\n  Button,\n  Grid,\n  ListItem,\n  ListItemIcon,\n  ListItemSecondaryAction,\n  ListItemText,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ApiRef,\n  SessionApi,\n  SessionState,\n  ProfileInfoApi,\n  ProfileInfo,\n  useApi,\n  IconComponent,\n} from '@backstage/core-plugin-api';\nimport { ProviderSettingsAvatar } from './ProviderSettingsAvatar';\n\n/** @public */\nexport const ProviderSettingsItem = (props: {\n  title: string;\n  description: string;\n  icon: IconComponent;\n  apiRef: ApiRef<ProfileInfoApi & SessionApi>;\n}) => {\n  const { title, description, icon: Icon, apiRef } = props;\n\n  const api = useApi(apiRef);\n  const [signedIn, setSignedIn] = useState(false);\n  const emptyProfile: ProfileInfo = {};\n  const [profile, setProfile] = useState(emptyProfile);\n\n  useEffect(() => {\n    let didCancel = false;\n\n    const subscription = api\n      .sessionState$()\n      .subscribe((sessionState: SessionState) => {\n        if (!didCancel) {\n          api\n            .getProfile({ optional: true })\n            .then((profileResponse: ProfileInfo | undefined) => {\n              if (!didCancel) {\n                if (sessionState === SessionState.SignedIn) {\n                  setSignedIn(true);\n                }\n                if (profileResponse) {\n                  setProfile(profileResponse);\n                }\n              }\n            });\n        }\n      });\n\n    return () => {\n      didCancel = true;\n      subscription.unsubscribe();\n    };\n  }, [api]);\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Icon />\n      </ListItemIcon>\n      <ListItemText\n        primary={title}\n        secondary={\n          <Tooltip placement=\"top\" arrow title={description}>\n            <span>\n              <Grid container spacing={6}>\n                <Grid item>\n                  <ProviderSettingsAvatar size={48} picture={profile.picture} />\n                </Grid>\n                <Grid item xs={12} sm container>\n                  <Grid item xs container direction=\"column\" spacing={2}>\n                    <Grid item xs>\n                      <Typography\n                        variant=\"subtitle1\"\n                        color=\"textPrimary\"\n                        gutterBottom\n                      >\n                        {profile.displayName}\n                      </Typography>\n                      <Typography variant=\"body2\" color=\"textSecondary\">\n                        {profile.email}\n                      </Typography>\n                      <Typography variant=\"body2\" color=\"textSecondary\">\n                        {description}\n                      </Typography>\n                    </Grid>\n                  </Grid>\n                </Grid>\n              </Grid>\n            </span>\n          </Tooltip>\n        }\n        secondaryTypographyProps={{ noWrap: true, style: { width: '80%' } }}\n      />\n      <ListItemSecondaryAction>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={signedIn ? `Sign out from ${title}` : `Sign in to ${title}`}\n        >\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => (signedIn ? api.signOut() : api.signIn())}\n          >\n            {signedIn ? `Sign out` : `Sign in`}\n          </Button>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Star from '@material-ui/icons/Star';\nimport React from 'react';\nimport { ProviderSettingsItem } from './ProviderSettingsItem';\nimport {\n  githubAuthApiRef,\n  gitlabAuthApiRef,\n  googleAuthApiRef,\n  oktaAuthApiRef,\n  microsoftAuthApiRef,\n  bitbucketAuthApiRef,\n  atlassianAuthApiRef,\n  oneloginAuthApiRef,\n} from '@backstage/core-plugin-api';\n\n/** @public */\nexport const DefaultProviderSettings = (props: {\n  configuredProviders: string[];\n}) => {\n  const { configuredProviders } = props;\n  return (\n    <>\n      {configuredProviders.includes('google') && (\n        <ProviderSettingsItem\n          title=\"Google\"\n          description=\"Provides authentication towards Google APIs and identities\"\n          apiRef={googleAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('microsoft') && (\n        <ProviderSettingsItem\n          title=\"Microsoft\"\n          description=\"Provides authentication towards Microsoft APIs and identities\"\n          apiRef={microsoftAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('github') && (\n        <ProviderSettingsItem\n          title=\"GitHub\"\n          description=\"Provides authentication towards GitHub APIs\"\n          apiRef={githubAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('gitlab') && (\n        <ProviderSettingsItem\n          title=\"GitLab\"\n          description=\"Provides authentication towards GitLab APIs\"\n          apiRef={gitlabAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('okta') && (\n        <ProviderSettingsItem\n          title=\"Okta\"\n          description=\"Provides authentication towards Okta APIs\"\n          apiRef={oktaAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('bitbucket') && (\n        <ProviderSettingsItem\n          title=\"Bitbucket\"\n          description=\"Provides authentication towards Bitbucket APIs\"\n          apiRef={bitbucketAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('onelogin') && (\n        <ProviderSettingsItem\n          title=\"OneLogin\"\n          description=\"Provides authentication towards OneLogin APIs\"\n          apiRef={oneloginAuthApiRef}\n          icon={Star}\n        />\n      )}\n      {configuredProviders.includes('atlassian') && (\n        <ProviderSettingsItem\n          title=\"Atlassian\"\n          description=\"Provides authentication towards Atlassian APIs\"\n          apiRef={atlassianAuthApiRef}\n          icon={Star}\n        />\n      )}\n    </>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { List } from '@material-ui/core';\nimport { EmptyProviders } from './EmptyProviders';\nimport { DefaultProviderSettings } from './DefaultProviderSettings';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\n\n/** @public */\nexport const UserSettingsAuthProviders = (props: {\n  providerSettings?: JSX.Element;\n}) => {\n  const { providerSettings } = props;\n  const configApi = useApi(configApiRef);\n  const providersConfig = configApi.getOptionalConfig('auth.providers');\n  const configuredProviders = providersConfig?.keys() || [];\n  const providers = providerSettings ?? (\n    <DefaultProviderSettings configuredProviders={configuredProviders} />\n  );\n\n  if (!providerSettings && !configuredProviders?.length) {\n    return <EmptyProviders />;\n  }\n\n  return (\n    <InfoCard title=\"Available Providers\">\n      <List dense>{providers}</List>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport { CodeSnippet, EmptyState } from '@backstage/core-components';\n\nconst EXAMPLE = `import { createPlugin } from '@backstage/core-plugin-api';\n\nexport default createPlugin({\n  id: 'plugin-name',\n  featureFlags: [{ name: 'enable-example-feature' }],\n});\n`;\n\nexport const EmptyFlags = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No Feature Flags\"\n    description=\"Feature Flags make it possible for plugins to register features in Backstage for users to opt into. You can use this to split out logic in your code for manual A/B testing, etc.\"\n    action={\n      <>\n        <Typography variant=\"body1\">\n          An example for how to add a feature flag is highlighted below:\n        </Typography>\n        <CodeSnippet\n          text={EXAMPLE}\n          language=\"typescript\"\n          showLineNumbers\n          highlightedNumbers={[6]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href=\"https://backstage.io/docs/api/utility-apis\"\n        >\n          Read More\n        </Button>\n      </>\n    }\n  />\n);\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemText,\n  ListItemIcon,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport { FeatureFlag } from '@backstage/core-plugin-api';\n\ntype Props = {\n  flag: FeatureFlag;\n  enabled: boolean;\n  toggleHandler: Function;\n};\n\nexport const FlagItem = ({ flag, enabled, toggleHandler }: Props) => (\n  <ListItem divider button onClick={() => toggleHandler(flag.name)}>\n    <ListItemIcon>\n      <Tooltip placement=\"top\" arrow title={enabled ? 'Disable' : 'Enable'}>\n        <Switch color=\"primary\" checked={enabled} name={flag.name} />\n      </Tooltip>\n    </ListItemIcon>\n    <ListItemText\n      primary={flag.name}\n      secondary={`Registered in ${flag.pluginId} plugin`}\n    />\n  </ListItem>\n);\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useState } from 'react';\nimport {\n  List,\n  TextField,\n  IconButton,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { EmptyFlags } from './EmptyFlags';\nimport { FlagItem } from './FeatureFlagsItem';\nimport {\n  featureFlagsApiRef,\n  FeatureFlagState,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\nimport ClearIcon from '@material-ui/icons/Clear';\n\n/** @public */\nexport const UserSettingsFeatureFlags = () => {\n  const featureFlagsApi = useApi(featureFlagsApiRef);\n  const featureFlags = featureFlagsApi.getRegisteredFlags();\n\n  const initialFlagState = Object.fromEntries(\n    featureFlags.map(({ name }) => [name, featureFlagsApi.isActive(name)]),\n  );\n\n  const [state, setState] = useState<Record<string, boolean>>(initialFlagState);\n  const [filterInput, setFilterInput] = useState<string>('');\n  const inputRef = React.useRef<HTMLElement>();\n\n  const toggleFlag = useCallback(\n    (flagName: string) => {\n      const newState = featureFlagsApi.isActive(flagName)\n        ? FeatureFlagState.None\n        : FeatureFlagState.Active;\n\n      featureFlagsApi.save({\n        states: { [flagName]: newState },\n        merge: true,\n      });\n\n      setState(prevState => ({\n        ...prevState,\n        [flagName]: newState === FeatureFlagState.Active,\n      }));\n    },\n    [featureFlagsApi],\n  );\n\n  if (!featureFlags.length) {\n    return <EmptyFlags />;\n  }\n\n  const clearFilterInput = () => {\n    setFilterInput('');\n    inputRef?.current?.focus();\n  };\n\n  let filteredFeatureFlags = Array.from(featureFlags);\n\n  const filterInputParts = filterInput\n    .split(/\\s/)\n    .map(part => part.trim().toLocaleLowerCase('en-US'));\n\n  filterInputParts.forEach(\n    part =>\n      (filteredFeatureFlags = filteredFeatureFlags.filter(featureFlag =>\n        featureFlag.name.toLocaleLowerCase('en-US').includes(part),\n      )),\n  );\n\n  const Header = () => (\n    <Grid container style={{ justifyContent: 'space-between' }}>\n      <Grid item xs={6} md={8}>\n        <Typography variant=\"h5\">Feature Flags</Typography>\n      </Grid>\n      {featureFlags.length >= 10 && (\n        <Grid item xs={6} md={4}>\n          <TextField\n            label=\"Filter\"\n            style={{ display: 'flex', justifyContent: 'flex-end' }}\n            inputRef={ref => ref && ref.focus()}\n            InputProps={{\n              ...(filterInput.length && {\n                endAdornment: (\n                  <IconButton\n                    aria-label=\"Clear filter\"\n                    onClick={clearFilterInput}\n                    edge=\"end\"\n                  >\n                    <ClearIcon />\n                  </IconButton>\n                ),\n              }),\n            }}\n            onChange={e => setFilterInput(e.target.value)}\n            value={filterInput}\n          />\n        </Grid>\n      )}\n    </Grid>\n  );\n\n  return (\n    <InfoCard title={<Header />}>\n      <List dense>\n        {filteredFeatureFlags.map(featureFlag => {\n          const enabled = Boolean(state[featureFlag.name]);\n\n          return (\n            <FlagItem\n              key={featureFlag.name}\n              flag={featureFlag}\n              enabled={enabled}\n              toggleHandler={toggleFlag}\n            />\n          );\n        })}\n      </List>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  alertApiRef,\n  identityApiRef,\n  ProfileInfo,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { useEffect } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\n/** @public */\nexport const useUserProfile = () => {\n  const identityApi = useApi(identityApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return {\n      profile: await identityApi.getProfileInfo(),\n      identity: await identityApi.getBackstageIdentity(),\n    };\n  }, []);\n\n  useEffect(() => {\n    if (error) {\n      alertApi.post({\n        message: `Failed to load user identity: ${error}`,\n        severity: 'error',\n      });\n    }\n  }, [error, alertApi]);\n\n  if (loading || error) {\n    return {\n      profile: {} as ProfileInfo,\n      displayName: '',\n      loading,\n    };\n  }\n\n  return {\n    profile: value!.profile,\n    backstageIdentity: value!.identity,\n    displayName: value!.profile.displayName ?? value!.identity.userEntityRef,\n    loading,\n  };\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { BackstageTheme } from '@backstage/theme';\nimport { makeStyles, Avatar } from '@material-ui/core';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport { sidebarConfig } from '@backstage/core-components';\n\nconst useStyles = makeStyles<BackstageTheme, { size: number }>(theme => ({\n  avatar: {\n    width: ({ size }) => size,\n    height: ({ size }) => size,\n    fontSize: ({ size }) => size * 0.7,\n    border: `1px solid ${theme.palette.textSubtle}`,\n  },\n}));\n\n/** @public */\nexport const UserSettingsSignInAvatar = (props: { size?: number }) => {\n  const { size } = props;\n\n  const { iconSize } = sidebarConfig;\n  const classes = useStyles(size ? { size } : { size: iconSize });\n  const { profile } = useUserProfile();\n\n  return (\n    <Avatar\n      src={profile.picture}\n      className={classes.avatar}\n      alt=\"Profile picture\"\n    />\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { IconButton, ListItemIcon, Menu, MenuItem } from '@material-ui/core';\nimport SignOutIcon from '@material-ui/icons/MeetingRoom';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\n/** @public */\nexport const UserSettingsMenu = () => {\n  const identityApi = useApi(identityApiRef);\n  const [open, setOpen] = React.useState(false);\n  const [anchorEl, setAnchorEl] = React.useState<undefined | HTMLElement>(\n    undefined,\n  );\n\n  const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(undefined);\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <IconButton\n        data-testid=\"user-settings-menu\"\n        aria-label=\"more\"\n        onClick={handleOpen}\n      >\n        <MoreVertIcon />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n        <MenuItem data-testid=\"sign-out\" onClick={() => identityApi.signOut()}>\n          <ListItemIcon>\n            <SignOutIcon />\n          </ListItemIcon>\n          Sign Out\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsSignInAvatar } from './UserSettingsSignInAvatar';\nimport { UserSettingsMenu } from './UserSettingsMenu';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport { InfoCard } from '@backstage/core-components';\n\n/** @public */\nexport const UserSettingsProfileCard = () => {\n  const { profile, displayName } = useUserProfile();\n\n  return (\n    <InfoCard title=\"Profile\" variant=\"gridItem\">\n      <Grid container spacing={6}>\n        <Grid item>\n          <UserSettingsSignInAvatar size={96} />\n        </Grid>\n        <Grid item xs={12} sm container>\n          <Grid item xs container direction=\"column\" spacing={2}>\n            <Grid item xs>\n              <Typography variant=\"subtitle1\" gutterBottom>\n                {displayName}\n              </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                {profile.email}\n              </Typography>\n            </Grid>\n          </Grid>\n          <Grid item>\n            <UserSettingsMenu />\n          </Grid>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport { useSidebarPinState } from '@backstage/core-components';\n\n/** @public */\nexport const UserSettingsPinToggle = () => {\n  const { isPinned, toggleSidebarPinState } = useSidebarPinState();\n\n  return (\n    <ListItem>\n      <ListItemText\n        primary=\"Pin Sidebar\"\n        secondary=\"Prevent the sidebar from collapsing\"\n      />\n      <ListItemSecondaryAction>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={`${isPinned ? 'Unpin' : 'Pin'} Sidebar`}\n        >\n          <Switch\n            color=\"primary\"\n            checked={isPinned}\n            onChange={() => toggleSidebarPinState()}\n            name=\"pin\"\n            inputProps={{ 'aria-label': 'Pin Sidebar Switch' }}\n          />\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { cloneElement } from 'react';\nimport useObservable from 'react-use/lib/useObservable';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\nimport {\n  ListItem,\n  ListItemText,\n  ListItemSecondaryAction,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\n\ntype ThemeIconProps = {\n  id: string;\n  activeId: string | undefined;\n  icon: JSX.Element | undefined;\n};\n\nconst ThemeIcon = ({ id, activeId, icon }: ThemeIconProps) =>\n  icon ? (\n    cloneElement(icon, {\n      color: activeId === id ? 'primary' : undefined,\n    })\n  ) : (\n    <AutoIcon color={activeId === id ? 'primary' : undefined} />\n  );\n\ntype TooltipToggleButtonProps = {\n  children: JSX.Element;\n  title: string;\n  value: string;\n};\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    width: '100%',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingBottom: 8,\n    paddingRight: 16,\n  },\n  list: {\n    width: 'initial',\n    [theme.breakpoints.down('xs')]: {\n      width: '100%',\n      padding: `0 0 12px`,\n    },\n  },\n  listItemText: {\n    paddingRight: 0,\n    paddingLeft: 0,\n  },\n  listItemSecondaryAction: {\n    position: 'relative',\n    transform: 'unset',\n    top: 'auto',\n    right: 'auto',\n    paddingLeft: 16,\n    [theme.breakpoints.down('xs')]: {\n      paddingLeft: 0,\n    },\n  },\n}));\n\n// ToggleButtonGroup uses React.children.map instead of context\n// so wrapping with Tooltip breaks ToggleButton functionality.\nconst TooltipToggleButton = ({\n  children,\n  title,\n  value,\n  ...props\n}: TooltipToggleButtonProps) => (\n  <Tooltip placement=\"top\" arrow title={title}>\n    <ToggleButton value={value} {...props}>\n      {children}\n    </ToggleButton>\n  </Tooltip>\n);\n\n/** @public */\nexport const UserSettingsThemeToggle = () => {\n  const classes = useStyles();\n  const appThemeApi = useApi(appThemeApiRef);\n  const themeId = useObservable(\n    appThemeApi.activeThemeId$(),\n    appThemeApi.getActiveThemeId(),\n  );\n\n  const themeIds = appThemeApi.getInstalledThemes();\n\n  const handleSetTheme = (\n    _event: React.MouseEvent<HTMLElement>,\n    newThemeId: string | undefined,\n  ) => {\n    if (themeIds.some(t => t.id === newThemeId)) {\n      appThemeApi.setActiveThemeId(newThemeId);\n    } else {\n      appThemeApi.setActiveThemeId(undefined);\n    }\n  };\n\n  return (\n    <ListItem\n      className={classes.list}\n      classes={{ container: classes.container }}\n    >\n      <ListItemText\n        className={classes.listItemText}\n        primary=\"Theme\"\n        secondary=\"Change the theme mode\"\n      />\n      <ListItemSecondaryAction className={classes.listItemSecondaryAction}>\n        <ToggleButtonGroup\n          exclusive\n          size=\"small\"\n          value={themeId ?? 'auto'}\n          onChange={handleSetTheme}\n        >\n          {themeIds.map(theme => {\n            const themeIcon = themeIds.find(t => t.id === theme.id)?.icon;\n            return (\n              <TooltipToggleButton\n                key={theme.id}\n                title={`Select ${theme.title}`}\n                value={theme.id}\n              >\n                <>\n                  {theme.title}&nbsp;\n                  <ThemeIcon\n                    id={theme.id}\n                    icon={themeIcon}\n                    activeId={themeId}\n                  />\n                </>\n              </TooltipToggleButton>\n            );\n          })}\n          <Tooltip placement=\"top\" arrow title=\"Select auto theme\">\n            <ToggleButton value=\"auto\" selected={themeId === undefined}>\n              Auto&nbsp;\n              <AutoIcon color={themeId === undefined ? 'primary' : undefined} />\n            </ToggleButton>\n          </Tooltip>\n        </ToggleButtonGroup>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard, useSidebarPinState } from '@backstage/core-components';\nimport { List } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsPinToggle } from './UserSettingsPinToggle';\nimport { UserSettingsThemeToggle } from './UserSettingsThemeToggle';\n\n/** @public */\nexport const UserSettingsAppearanceCard = () => {\n  const { isMobile } = useSidebarPinState();\n\n  return (\n    <InfoCard title=\"Appearance\" variant=\"gridItem\">\n      <List dense>\n        <UserSettingsThemeToggle />\n        {!isMobile && <UserSettingsPinToggle />}\n      </List>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard } from '@backstage/core-components';\nimport React from 'react';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport Chip from '@material-ui/core/Chip';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\n\n/** @public */\nexport const UserSettingsIdentityCard = () => {\n  const { backstageIdentity } = useUserProfile();\n\n  return (\n    <InfoCard title=\"Backstage Identity\">\n      <Grid container spacing={6}>\n        <Grid item xs={12} sm container>\n          <Grid item xs container direction=\"column\" spacing={2}>\n            <Grid item xs>\n              <Typography variant=\"subtitle1\" gutterBottom>\n                User Entity:{' '}\n                <Chip\n                  label={backstageIdentity?.userEntityRef}\n                  variant=\"outlined\"\n                  size=\"small\"\n                />\n              </Typography>\n              <Typography variant=\"subtitle1\">\n                Ownership Entities:{' '}\n                {backstageIdentity?.ownershipEntityRefs.map(it => (\n                  <Chip label={it} variant=\"outlined\" size=\"small\" />\n                ))}\n              </Typography>\n            </Grid>\n          </Grid>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Grid } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsProfileCard } from './UserSettingsProfileCard';\nimport { UserSettingsAppearanceCard } from './UserSettingsAppearanceCard';\nimport { UserSettingsIdentityCard } from './UserSettingsIdentityCard';\n\n/** @public */\nexport const UserSettingsGeneral = () => {\n  return (\n    <Grid container direction=\"row\" spacing={3}>\n      <Grid item xs={12} md={6}>\n        <UserSettingsProfileCard />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <UserSettingsAppearanceCard />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <UserSettingsIdentityCard />\n      </Grid>\n    </Grid>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { PropsWithChildren } from 'react';\nimport { attachComponentData } from '@backstage/core-plugin-api';\n\n/** @public */\nexport const USER_SETTINGS_TAB_KEY = 'user-settings.tab';\n\n/** @public */\nexport type UserSettingsTabProps = PropsWithChildren<{\n  /**\n   * The path to the tab in the settings route\n   * @example `/settings/advanced`\n   */\n  path: string;\n  /** The title of the tab. It will also reflect in the document title when the tab is active */\n  title: string;\n}>;\n\n/**\n * Renders a tab inside the settings page\n * @param props - Component props\n * @public\n */\nexport const UserSettingsTab = (props: UserSettingsTabProps) => {\n  return <>{props.children}</>;\n};\n\nattachComponentData(UserSettingsTab, USER_SETTINGS_TAB_KEY, 'UserSettingsTab');\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Header,\n  Page,\n  TabbedLayout,\n  useSidebarPinState,\n} from '@backstage/core-components';\nimport React from 'react';\nimport { useOutlet } from 'react-router';\nimport { useElementFilter } from '@backstage/core-plugin-api';\nimport { UserSettingsAuthProviders } from './AuthProviders';\nimport { UserSettingsFeatureFlags } from './FeatureFlags';\nimport { UserSettingsGeneral } from './General';\nimport { USER_SETTINGS_TAB_KEY, UserSettingsTabProps } from './UserSettingsTab';\n\n/**\n * @public\n */\nexport const SettingsPage = (props: { providerSettings?: JSX.Element }) => {\n  const { providerSettings } = props;\n  const { isMobile } = useSidebarPinState();\n  const outlet = useOutlet();\n\n  const tabs = useElementFilter(outlet, elements =>\n    elements\n      .selectByComponentData({\n        key: USER_SETTINGS_TAB_KEY,\n      })\n      .getElements<UserSettingsTabProps>(),\n  );\n\n  return (\n    <Page themeId=\"home\">\n      {!isMobile && <Header title=\"Settings\" />}\n      <TabbedLayout>\n        <TabbedLayout.Route path=\"general\" title=\"General\">\n          <UserSettingsGeneral />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route\n          path=\"auth-providers\"\n          title=\"Authentication Providers\"\n        >\n          <UserSettingsAuthProviders providerSettings={providerSettings} />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route path=\"feature-flags\" title=\"Feature Flags\">\n          <UserSettingsFeatureFlags />\n        </TabbedLayout.Route>\n\n        {tabs.map((child, i) => (\n          <TabbedLayout.Route key={i} {...child.props}>\n            {child}\n          </TabbedLayout.Route>\n        ))}\n      </TabbedLayout>\n    </Page>\n  );\n};\n"],"names":["EXAMPLE","useStyles","Grid","Typography"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/plugin-user-settings",
   "description": "A Backstage plugin that provides a settings page",
-  "version": "0.4.8-next.3",
+  "version": "0.5.0-next.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -32,24 +32,27 @@
     "clean": "backstage-cli package clean"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.11.1-next.3",
-    "@backstage/core-plugin-api": "^1.0.6-next.3",
+    "@backstage/core-app-api": "^1.1.1-next.0",
+    "@backstage/core-components": "^0.11.2-next.0",
+    "@backstage/core-plugin-api": "^1.0.7-next.0",
+    "@backstage/errors": "^1.1.2-next.0",
     "@backstage/theme": "^0.2.16",
+    "@backstage/types": "^1.0.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "@types/react": "^16.13.1 || ^17.0.0",
-    "react-use": "^17.2.4"
+    "react-use": "^17.2.4",
+    "zen-observable": "^0.8.15"
   },
   "peerDependencies": {
     "react": "^16.13.1 || ^17.0.0",
     "react-router": "6.0.0-beta.0 || ^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.19.0-next.3",
-    "@backstage/core-app-api": "^1.1.0-next.3",
-    "@backstage/dev-utils": "^1.0.6-next.2",
-    "@backstage/test-utils": "^1.2.0-next.3",
+    "@backstage/cli": "^0.20.0-next.0",
+    "@backstage/dev-utils": "^1.0.7-next.0",
+    "@backstage/test-utils": "^1.2.1-next.0",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^14.0.0",
@@ -78,6 +81,5 @@
         }
       }
     }
-  },
-  "gitHead": "2f458448f850dc68a711e2f31d14a91f96cf175d"
-}
+  }
+}

package/LICENSE

@@ -1,201 +0,0 @@
-                              Apache License
-                        Version 2.0, January 2004
-                     http://www.apache.org/licenses/
-
-TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-1. Definitions.
-
-   "License" shall mean the terms and conditions for use, reproduction,
-   and distribution as defined by Sections 1 through 9 of this document.
-
-   "Licensor" shall mean the copyright owner or entity authorized by
-   the copyright owner that is granting the License.
-
-   "Legal Entity" shall mean the union of the acting entity and all
-   other entities that control, are controlled by, or are under common
-   control with that entity. For the purposes of this definition,
-   "control" means (i) the power, direct or indirect, to cause the
-   direction or management of such entity, whether by contract or
-   otherwise, or (ii) ownership of fifty percent (50%) or more of the
-   outstanding shares, or (iii) beneficial ownership of such entity.
-
-   "You" (or "Your") shall mean an individual or Legal Entity
-   exercising permissions granted by this License.
-
-   "Source" form shall mean the preferred form for making modifications,
-   including but not limited to software source code, documentation
-   source, and configuration files.
-
-   "Object" form shall mean any form resulting from mechanical
-   transformation or translation of a Source form, including but
-   not limited to compiled object code, generated documentation,
-   and conversions to other media types.
-
-   "Work" shall mean the work of authorship, whether in Source or
-   Object form, made available under the License, as indicated by a
-   copyright notice that is included in or attached to the work
-   (an example is provided in the Appendix below).
-
-   "Derivative Works" shall mean any work, whether in Source or Object
-   form, that is based on (or derived from) the Work and for which the
-   editorial revisions, annotations, elaborations, or other modifications
-   represent, as a whole, an original work of authorship. For the purposes
-   of this License, Derivative Works shall not include works that remain
-   separable from, or merely link (or bind by name) to the interfaces of,
-   the Work and Derivative Works thereof.
-
-   "Contribution" shall mean any work of authorship, including
-   the original version of the Work and any modifications or additions
-   to that Work or Derivative Works thereof, that is intentionally
-   submitted to Licensor for inclusion in the Work by the copyright owner
-   or by an individual or Legal Entity authorized to submit on behalf of
-   the copyright owner. For the purposes of this definition, "submitted"
-   means any form of electronic, verbal, or written communication sent
-   to the Licensor or its representatives, including but not limited to
-   communication on electronic mailing lists, source code control systems,
-   and issue tracking systems that are managed by, or on behalf of, the
-   Licensor for the purpose of discussing and improving the Work, but
-   excluding communication that is conspicuously marked or otherwise
-   designated in writing by the copyright owner as "Not a Contribution."
-
-   "Contributor" shall mean Licensor and any individual or Legal Entity
-   on behalf of whom a Contribution has been received by Licensor and
-   subsequently incorporated within the Work.
-
-2. Grant of Copyright License. Subject to the terms and conditions of
-   this License, each Contributor hereby grants to You a perpetual,
-   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-   copyright license to reproduce, prepare Derivative Works of,
-   publicly display, publicly perform, sublicense, and distribute the
-   Work and such Derivative Works in Source or Object form.
-
-3. Grant of Patent License. Subject to the terms and conditions of
-   this License, each Contributor hereby grants to You a perpetual,
-   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-   (except as stated in this section) patent license to make, have made,
-   use, offer to sell, sell, import, and otherwise transfer the Work,
-   where such license applies only to those patent claims licensable
-   by such Contributor that are necessarily infringed by their
-   Contribution(s) alone or by combination of their Contribution(s)
-   with the Work to which such Contribution(s) was submitted. If You
-   institute patent litigation against any entity (including a
-   cross-claim or counterclaim in a lawsuit) alleging that the Work
-   or a Contribution incorporated within the Work constitutes direct
-   or contributory patent infringement, then any patent licenses
-   granted to You under this License for that Work shall terminate
-   as of the date such litigation is filed.
-
-4. Redistribution. You may reproduce and distribute copies of the
-   Work or Derivative Works thereof in any medium, with or without
-   modifications, and in Source or Object form, provided that You
-   meet the following conditions:
-
-   (a) You must give any other recipients of the Work or
-       Derivative Works a copy of this License; and
-
-   (b) You must cause any modified files to carry prominent notices
-       stating that You changed the files; and
-
-   (c) You must retain, in the Source form of any Derivative Works
-       that You distribute, all copyright, patent, trademark, and
-       attribution notices from the Source form of the Work,
-       excluding those notices that do not pertain to any part of
-       the Derivative Works; and
-
-   (d) If the Work includes a "NOTICE" text file as part of its
-       distribution, then any Derivative Works that You distribute must
-       include a readable copy of the attribution notices contained
-       within such NOTICE file, excluding those notices that do not
-       pertain to any part of the Derivative Works, in at least one
-       of the following places: within a NOTICE text file distributed
-       as part of the Derivative Works; within the Source form or
-       documentation, if provided along with the Derivative Works; or,
-       within a display generated by the Derivative Works, if and
-       wherever such third-party notices normally appear. The contents
-       of the NOTICE file are for informational purposes only and
-       do not modify the License. You may add Your own attribution
-       notices within Derivative Works that You distribute, alongside
-       or as an addendum to the NOTICE text from the Work, provided
-       that such additional attribution notices cannot be construed
-       as modifying the License.
-
-   You may add Your own copyright statement to Your modifications and
-   may provide additional or different license terms and conditions
-   for use, reproduction, or distribution of Your modifications, or
-   for any such Derivative Works as a whole, provided Your use,
-   reproduction, and distribution of the Work otherwise complies with
-   the conditions stated in this License.
-
-5. Submission of Contributions. Unless You explicitly state otherwise,
-   any Contribution intentionally submitted for inclusion in the Work
-   by You to the Licensor shall be under the terms and conditions of
-   this License, without any additional terms or conditions.
-   Notwithstanding the above, nothing herein shall supersede or modify
-   the terms of any separate license agreement you may have executed
-   with Licensor regarding such Contributions.
-
-6. Trademarks. This License does not grant permission to use the trade
-   names, trademarks, service marks, or product names of the Licensor,
-   except as required for reasonable and customary use in describing the
-   origin of the Work and reproducing the content of the NOTICE file.
-
-7. Disclaimer of Warranty. Unless required by applicable law or
-   agreed to in writing, Licensor provides the Work (and each
-   Contributor provides its Contributions) on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-   implied, including, without limitation, any warranties or conditions
-   of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-   PARTICULAR PURPOSE. You are solely responsible for determining the
-   appropriateness of using or redistributing the Work and assume any
-   risks associated with Your exercise of permissions under this License.
-
-8. Limitation of Liability. In no event and under no legal theory,
-   whether in tort (including negligence), contract, or otherwise,
-   unless required by applicable law (such as deliberate and grossly
-   negligent acts) or agreed to in writing, shall any Contributor be
-   liable to You for damages, including any direct, indirect, special,
-   incidental, or consequential damages of any character arising as a
-   result of this License or out of the use or inability to use the
-   Work (including but not limited to damages for loss of goodwill,
-   work stoppage, computer failure or malfunction, or any and all
-   other commercial damages or losses), even if such Contributor
-   has been advised of the possibility of such damages.
-
-9. Accepting Warranty or Additional Liability. While redistributing
-   the Work or Derivative Works thereof, You may choose to offer,
-   and charge a fee for, acceptance of support, warranty, indemnity,
-   or other liability obligations and/or rights consistent with this
-   License. However, in accepting such obligations, You may act only
-   on Your own behalf and on Your sole responsibility, not on behalf
-   of any other Contributor, and only if You agree to indemnify,
-   defend, and hold each Contributor harmless for any liability
-   incurred by, or claims asserted against, such Contributor by reason
-   of your accepting any such warranty or additional liability.
-
-END OF TERMS AND CONDITIONS
-
-APPENDIX: How to apply the Apache License to your work.
-
-   To apply the Apache License to your work, attach the following
-   boilerplate notice, with the fields enclosed by brackets "[]"
-   replaced with your own identifying information. (Don't include
-   the brackets!)  The text should be enclosed in the appropriate
-   comment syntax for the file format. We also recommend that a
-   file or class name and description of purpose be included on the
-   same "printed page" as the copyright notice for easier
-   identification within third-party archives.
-
-Copyright 2020 The Backstage Authors
-
-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.