@backstage/plugin-auth 0.1.6-next.1 → 0.1.6

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @backstage/plugin-auth
 
+## 0.1.6
+
+### Patch Changes
+
+- 06294aa: Migrated the ConsentPage UI from Material-UI and `@backstage/core-components` to `@backstage/ui`.
+- aa29b50: New frontend system pages now use the default plugin header together with `HeaderPage` instead of the legacy core page header pattern.
+- Updated dependencies
+  - @backstage/ui@0.13.0
+  - @backstage/frontend-plugin-api@0.15.0
+
 ## 0.1.6-next.1
 
 ### Patch Changes

package/dist/components/ConsentPage/ConsentPage.esm.js

@@ -1,178 +1,129 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useParams } from 'react-router-dom';
-import { makeStyles, Box, Card, CardContent, Typography, Divider, CardActions, Button } from '@material-ui/core';
-import { Alert } from '@material-ui/lab';
-import CheckCircleIcon from '@material-ui/icons/CheckCircle';
-import CancelIcon from '@material-ui/icons/Cancel';
-import AppsIcon from '@material-ui/icons/Apps';
-import WarningIcon from '@material-ui/icons/Warning';
-import { EmptyState, Progress, ResponseErrorPanel, Page, Header, Content } from '@backstage/core-components';
+import { Alert, Card, CardBody, Flex, Text, Box, CardFooter, Button, FullPage, VisuallyHidden, Container } from '@backstage/ui';
+import { RiCheckboxCircleLine, RiCloseCircleLine, RiAppsLine } from '@remixicon/react';
 import { useConsentSession } from './useConsentSession.esm.js';
 import { useApi, configApiRef } from '@backstage/frontend-plugin-api';
+import styles from './ConsentPage.module.css.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  authCard: {
-    maxWidth: 600,
-    margin: "0 auto",
-    marginTop: theme.spacing(4)
-  },
-  appHeader: {
-    display: "flex",
-    alignItems: "center",
-    marginBottom: theme.spacing(2)
-  },
-  appIcon: {
-    marginRight: theme.spacing(2),
-    fontSize: 40
-  },
-  appName: {
-    fontSize: "1.5rem",
-    fontWeight: "bold"
-  },
-  securityWarning: {
-    margin: theme.spacing(2, 0)
-  },
-  buttonContainer: {
-    display: "flex",
-    justifyContent: "space-between",
-    gap: theme.spacing(2),
-    padding: theme.spacing(2)
-  },
-  callbackUrl: {
-    fontFamily: "monospace",
-    backgroundColor: theme.palette.background.default,
-    padding: theme.spacing(1),
-    borderRadius: theme.shape.borderRadius,
-    wordBreak: "break-all",
-    fontSize: "0.875rem"
-  },
-  scopeList: {
-    backgroundColor: theme.palette.background.default,
-    borderRadius: theme.shape.borderRadius,
-    padding: theme.spacing(1)
-  }
-}));
-const ConsentPageLayout = ({
-  title,
-  children
-}) => /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
-  /* @__PURE__ */ jsx(Header, { title }),
-  /* @__PURE__ */ jsx(Content, { children })
+const ConsentPageLayout = ({ children }) => /* @__PURE__ */ jsxs(FullPage, { children: [
+  /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("h1", { children: "Authorization" }) }),
+  /* @__PURE__ */ jsx(Container, { py: "8", children })
 ] });
 const ConsentPage = () => {
-  const classes = useStyles();
   const { sessionId } = useParams();
   const { state, handleAction } = useConsentSession({ sessionId });
   const configApi = useApi(configApiRef);
   const appTitle = configApi.getOptionalString("app.title") ?? "Backstage";
   if (!sessionId) {
-    return /* @__PURE__ */ jsx(ConsentPageLayout, { title: "Authorization Error", children: /* @__PURE__ */ jsx(
-      EmptyState,
+    return /* @__PURE__ */ jsx(ConsentPageLayout, { children: /* @__PURE__ */ jsx(
+      Alert,
       {
-        missing: "data",
+        status: "info",
+        icon: true,
         title: "Invalid Request",
         description: "The consent request ID is missing or invalid."
       }
     ) });
   }
   if (state.status === "loading") {
-    return /* @__PURE__ */ jsx(ConsentPageLayout, { title: "Authorization Request", children: /* @__PURE__ */ jsx(
-      Box,
+    return /* @__PURE__ */ jsx(ConsentPageLayout, { children: /* @__PURE__ */ jsx(Alert, { loading: true, title: "Loading authorization request..." }) });
+  }
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsx(ConsentPageLayout, { children: /* @__PURE__ */ jsx(
+      Alert,
       {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        minHeight: 300,
-        children: /* @__PURE__ */ jsx(Progress, {})
+        status: "danger",
+        icon: true,
+        title: "Authorization Error",
+        description: state.error
       }
     ) });
   }
-  if (state.status === "error") {
-    return /* @__PURE__ */ jsx(ConsentPageLayout, { title: "Authorization Error", children: /* @__PURE__ */ jsx(ResponseErrorPanel, { error: new Error(state.error) }) });
-  }
   if (state.status === "completed") {
-    return /* @__PURE__ */ jsx(ConsentPageLayout, { title: "Authorization Complete", children: /* @__PURE__ */ jsx(Card, { className: classes.authCard, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Box, { textAlign: "center", children: [
-      state.action === "approve" ? /* @__PURE__ */ jsx(
-        CheckCircleIcon,
-        {
-          style: { fontSize: 64, color: "green", marginBottom: 16 }
-        }
-      ) : /* @__PURE__ */ jsx(
-        CancelIcon,
-        {
-          style: { fontSize: 64, color: "red", marginBottom: 16 }
-        }
-      ),
-      /* @__PURE__ */ jsx(Typography, { variant: "h5", gutterBottom: true, children: state.action === "approve" ? "Authorization Approved" : "Authorization Denied" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "textSecondary", gutterBottom: true, children: state.action === "approve" ? `You have successfully authorized the application to access your ${appTitle} account.` : `You have denied the application access to your ${appTitle} account.` }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Redirecting to the application..." })
-    ] }) }) }) });
+    return /* @__PURE__ */ jsx(ConsentPageLayout, { children: /* @__PURE__ */ jsx(Card, { className: styles.card, children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        direction: "column",
+        align: "center",
+        gap: "2",
+        style: { textAlign: "center" },
+        children: [
+          state.action === "approve" ? /* @__PURE__ */ jsx(
+            RiCheckboxCircleLine,
+            {
+              size: 64,
+              className: styles.completedIconSuccess
+            }
+          ) : /* @__PURE__ */ jsx(
+            RiCloseCircleLine,
+            {
+              size: 64,
+              className: styles.completedIconDanger
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { as: "h2", variant: "title-small", children: state.action === "approve" ? "Authorization Approved" : "Authorization Denied" }),
+          /* @__PURE__ */ jsx(Text, { variant: "body-medium", color: "secondary", children: state.action === "approve" ? `You have successfully authorized the application to access your ${appTitle} account.` : `You have denied the application access to your ${appTitle} account.` }),
+          /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Redirecting to the application..." })
+        ]
+      }
+    ) }) }) });
   }
   const session = state.session;
   const isSubmitting = state.status === "submitting";
   const appName = session.clientName ?? session.clientId;
-  return /* @__PURE__ */ jsx(ConsentPageLayout, { title: "Authorization Request", children: /* @__PURE__ */ jsxs(Card, { className: classes.authCard, children: [
-    /* @__PURE__ */ jsxs(CardContent, { children: [
-      /* @__PURE__ */ jsxs(Box, { className: classes.appHeader, children: [
-        /* @__PURE__ */ jsx(AppsIcon, { className: classes.appIcon }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Typography, { className: classes.appName, children: appName }),
-          /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+  return /* @__PURE__ */ jsx(ConsentPageLayout, { children: /* @__PURE__ */ jsxs(Card, { className: styles.card, children: [
+    /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", children: [
+      /* @__PURE__ */ jsxs(Box, { className: styles.appHeader, children: [
+        /* @__PURE__ */ jsx(RiAppsLine, { size: 40, className: styles.appIcon }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "0.5", children: [
+          /* @__PURE__ */ jsx(Text, { as: "span", variant: "title-small", weight: "bold", children: appName }),
+          /* @__PURE__ */ jsxs(Text, { variant: "body-small", color: "secondary", children: [
             "wants to access your ",
             appTitle,
             " account"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx("hr", { className: styles.divider }),
+      /* @__PURE__ */ jsx(
         Alert,
         {
-          severity: "warning",
-          icon: /* @__PURE__ */ jsx(WarningIcon, {}),
-          className: classes.securityWarning,
-          children: [
-            /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
-              /* @__PURE__ */ jsx("strong", { children: "Security Notice:" }),
-              " By authorizing this application, you are granting it access to your ",
-              appTitle,
-              " account. The application will receive an access token that allows it to act on your behalf."
-            ] }),
-            /* @__PURE__ */ jsxs(Box, { mt: 1, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx("strong", { children: "Callback URL:" }) }),
-              /* @__PURE__ */ jsx(Box, { className: classes.callbackUrl, children: session.redirectUri })
-            ] })
-          ]
+          status: "warning",
+          icon: true,
+          title: "Security Notice",
+          description: /* @__PURE__ */ jsxs(Fragment, { children: [
+            "By authorizing this application, you are granting it access to your ",
+            appTitle,
+            " account. The application will receive an access token that allows it to act on your behalf.",
+            /* @__PURE__ */ jsx("div", { className: styles.callbackUrl, children: session.redirectUri })
+          ] })
         }
       ),
-      /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Make sure you trust this application and recognize the callback URL above. Only authorize applications you trust." }) })
-    ] }),
-    /* @__PURE__ */ jsxs(CardActions, { className: classes.buttonContainer, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: "Make sure you trust this application and recognize the callback URL above. Only authorize applications you trust." })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsxs(Flex, { justify: "between", gap: "4", children: [
       /* @__PURE__ */ jsx(
         Button,
         {
-          variant: "outlined",
-          color: "secondary",
-          size: "large",
-          disabled: isSubmitting,
-          onClick: () => handleAction("reject"),
-          startIcon: /* @__PURE__ */ jsx(CancelIcon, {}),
+          variant: "secondary",
+          isDisabled: isSubmitting,
+          onPress: () => handleAction("reject"),
+          iconStart: /* @__PURE__ */ jsx(RiCloseCircleLine, {}),
           children: "Cancel"
         }
       ),
       /* @__PURE__ */ jsx(
         Button,
         {
-          variant: "contained",
-          color: "primary",
-          size: "large",
-          disabled: isSubmitting,
-          onClick: () => handleAction("approve"),
-          startIcon: /* @__PURE__ */ jsx(CheckCircleIcon, {}),
+          variant: "primary",
+          isDisabled: isSubmitting,
+          onPress: () => handleAction("approve"),
+          iconStart: /* @__PURE__ */ jsx(RiCheckboxCircleLine, {}),
           children: isSubmitting ? "Authorizing..." : "Authorize"
         }
       )
-    ] })
+    ] }) })
   ] }) });
 };
 

package/dist/components/ConsentPage/ConsentPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConsentPage.esm.js","sources":["../../../src/components/ConsentPage/ConsentPage.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { useParams } from 'react-router-dom';\n\nimport {\n  Box,\n  Button,\n  Card,\n  CardActions,\n  CardContent,\n  Divider,\n  makeStyles,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport CancelIcon from '@material-ui/icons/Cancel';\nimport AppsIcon from '@material-ui/icons/Apps';\nimport WarningIcon from '@material-ui/icons/Warning';\nimport {\n  Content,\n  EmptyState,\n  Header,\n  Page,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { useConsentSession } from './useConsentSession';\nimport { configApiRef, useApi } from '@backstage/frontend-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  authCard: {\n    maxWidth: 600,\n    margin: '0 auto',\n    marginTop: theme.spacing(4),\n  },\n  appHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: theme.spacing(2),\n  },\n  appIcon: {\n    marginRight: theme.spacing(2),\n    fontSize: 40,\n  },\n  appName: {\n    fontSize: '1.5rem',\n    fontWeight: 'bold',\n  },\n  securityWarning: {\n    margin: theme.spacing(2, 0),\n  },\n  buttonContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(2),\n    padding: theme.spacing(2),\n  },\n  callbackUrl: {\n    fontFamily: 'monospace',\n    backgroundColor: theme.palette.background.default,\n    padding: theme.spacing(1),\n    borderRadius: theme.shape.borderRadius,\n    wordBreak: 'break-all',\n    fontSize: '0.875rem',\n  },\n  scopeList: {\n    backgroundColor: theme.palette.background.default,\n    borderRadius: theme.shape.borderRadius,\n    padding: theme.spacing(1),\n  },\n}));\n\nconst ConsentPageLayout = ({\n  title,\n  children,\n}: {\n  title: string;\n  children: React.ReactNode;\n}) => (\n  <Page themeId=\"tool\">\n    <Header title={title} />\n    <Content>{children}</Content>\n  </Page>\n);\n\nexport const ConsentPage = () => {\n  const classes = useStyles();\n  const { sessionId } = useParams<{ sessionId: string }>();\n  const { state, handleAction } = useConsentSession({ sessionId });\n  const configApi = useApi(configApiRef);\n  const appTitle = configApi.getOptionalString('app.title') ?? 'Backstage';\n\n  if (!sessionId) {\n    return (\n      <ConsentPageLayout title=\"Authorization Error\">\n        <EmptyState\n          missing=\"data\"\n          title=\"Invalid Request\"\n          description=\"The consent request ID is missing or invalid.\"\n        />\n      </ConsentPageLayout>\n    );\n  }\n\n  if (state.status === 'loading') {\n    return (\n      <ConsentPageLayout title=\"Authorization Request\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          minHeight={300}\n        >\n          <Progress />\n        </Box>\n      </ConsentPageLayout>\n    );\n  }\n\n  if (state.status === 'error') {\n    return (\n      <ConsentPageLayout title=\"Authorization Error\">\n        <ResponseErrorPanel error={new Error(state.error)} />\n      </ConsentPageLayout>\n    );\n  }\n\n  if (state.status === 'completed') {\n    return (\n      <ConsentPageLayout title=\"Authorization Complete\">\n        <Card className={classes.authCard}>\n          <CardContent>\n            <Box textAlign=\"center\">\n              {state.action === 'approve' ? (\n                <CheckCircleIcon\n                  style={{ fontSize: 64, color: 'green', marginBottom: 16 }}\n                />\n              ) : (\n                <CancelIcon\n                  style={{ fontSize: 64, color: 'red', marginBottom: 16 }}\n                />\n              )}\n              <Typography variant=\"h5\" gutterBottom>\n                {state.action === 'approve'\n                  ? 'Authorization Approved'\n                  : 'Authorization Denied'}\n              </Typography>\n              <Typography variant=\"body1\" color=\"textSecondary\" gutterBottom>\n                {state.action === 'approve'\n                  ? `You have successfully authorized the application to access your ${appTitle} account.`\n                  : `You have denied the application access to your ${appTitle} account.`}\n              </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                Redirecting to the application...\n              </Typography>\n            </Box>\n          </CardContent>\n        </Card>\n      </ConsentPageLayout>\n    );\n  }\n\n  const session = state.session;\n  const isSubmitting = state.status === 'submitting';\n  const appName = session.clientName ?? session.clientId;\n\n  return (\n    <ConsentPageLayout title=\"Authorization Request\">\n      <Card className={classes.authCard}>\n        <CardContent>\n          <Box className={classes.appHeader}>\n            <AppsIcon className={classes.appIcon} />\n            <Box>\n              <Typography className={classes.appName}>{appName}</Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                wants to access your {appTitle} account\n              </Typography>\n            </Box>\n          </Box>\n\n          <Divider />\n\n          <Alert\n            severity=\"warning\"\n            icon={<WarningIcon />}\n            className={classes.securityWarning}\n          >\n            <Typography variant=\"body2\">\n              <strong>Security Notice:</strong> By authorizing this application,\n              you are granting it access to your {appTitle} account. The\n              application will receive an access token that allows it to act on\n              your behalf.\n            </Typography>\n            <Box mt={1}>\n              <Typography variant=\"body2\">\n                <strong>Callback URL:</strong>\n              </Typography>\n              <Box className={classes.callbackUrl}>{session.redirectUri}</Box>\n            </Box>\n          </Alert>\n\n          <Box mt={2}>\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              Make sure you trust this application and recognize the callback\n              URL above. Only authorize applications you trust.\n            </Typography>\n          </Box>\n        </CardContent>\n\n        <CardActions className={classes.buttonContainer}>\n          <Button\n            variant=\"outlined\"\n            color=\"secondary\"\n            size=\"large\"\n            disabled={isSubmitting}\n            onClick={() => handleAction('reject')}\n            startIcon={<CancelIcon />}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            size=\"large\"\n            disabled={isSubmitting}\n            onClick={() => handleAction('approve')}\n            startIcon={<CheckCircleIcon />}\n          >\n            {isSubmitting ? 'Authorizing...' : 'Authorize'}\n          </Button>\n        </CardActions>\n      </Card>\n    </ConsentPageLayout>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConsentPage.esm.js","sources":["../../../src/components/ConsentPage/ConsentPage.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { useParams } from 'react-router-dom';\n\nimport {\n  Alert,\n  Box,\n  Button,\n  Card,\n  CardBody,\n  CardFooter,\n  Container,\n  Flex,\n  FullPage,\n  Text,\n  VisuallyHidden,\n} from '@backstage/ui';\nimport {\n  RiAppsLine,\n  RiCheckboxCircleLine,\n  RiCloseCircleLine,\n} from '@remixicon/react';\nimport { useConsentSession } from './useConsentSession';\nimport { configApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport styles from './ConsentPage.module.css';\n\nconst ConsentPageLayout = ({ children }: { children: React.ReactNode }) => (\n  <FullPage>\n    <VisuallyHidden>\n      <h1>Authorization</h1>\n    </VisuallyHidden>\n    <Container py=\"8\">{children}</Container>\n  </FullPage>\n);\n\nexport const ConsentPage = () => {\n  const { sessionId } = useParams<{ sessionId: string }>();\n  const { state, handleAction } = useConsentSession({ sessionId });\n  const configApi = useApi(configApiRef);\n  const appTitle = configApi.getOptionalString('app.title') ?? 'Backstage';\n\n  if (!sessionId) {\n    return (\n      <ConsentPageLayout>\n        <Alert\n          status=\"info\"\n          icon\n          title=\"Invalid Request\"\n          description=\"The consent request ID is missing or invalid.\"\n        />\n      </ConsentPageLayout>\n    );\n  }\n\n  if (state.status === 'loading') {\n    return (\n      <ConsentPageLayout>\n        <Alert loading title=\"Loading authorization request...\" />\n      </ConsentPageLayout>\n    );\n  }\n\n  if (state.status === 'error') {\n    return (\n      <ConsentPageLayout>\n        <Alert\n          status=\"danger\"\n          icon\n          title=\"Authorization Error\"\n          description={state.error}\n        />\n      </ConsentPageLayout>\n    );\n  }\n\n  if (state.status === 'completed') {\n    return (\n      <ConsentPageLayout>\n        <Card className={styles.card}>\n          <CardBody>\n            <Flex\n              direction=\"column\"\n              align=\"center\"\n              gap=\"2\"\n              style={{ textAlign: 'center' }}\n            >\n              {state.action === 'approve' ? (\n                <RiCheckboxCircleLine\n                  size={64}\n                  className={styles.completedIconSuccess}\n                />\n              ) : (\n                <RiCloseCircleLine\n                  size={64}\n                  className={styles.completedIconDanger}\n                />\n              )}\n              <Text as=\"h2\" variant=\"title-small\">\n                {state.action === 'approve'\n                  ? 'Authorization Approved'\n                  : 'Authorization Denied'}\n              </Text>\n              <Text variant=\"body-medium\" color=\"secondary\">\n                {state.action === 'approve'\n                  ? `You have successfully authorized the application to access your ${appTitle} account.`\n                  : `You have denied the application access to your ${appTitle} account.`}\n              </Text>\n              <Text variant=\"body-small\" color=\"secondary\">\n                Redirecting to the application...\n              </Text>\n            </Flex>\n          </CardBody>\n        </Card>\n      </ConsentPageLayout>\n    );\n  }\n\n  const session = state.session;\n  const isSubmitting = state.status === 'submitting';\n  const appName = session.clientName ?? session.clientId;\n\n  return (\n    <ConsentPageLayout>\n      <Card className={styles.card}>\n        <CardBody>\n          <Flex direction=\"column\" gap=\"4\">\n            <Box className={styles.appHeader}>\n              <RiAppsLine size={40} className={styles.appIcon} />\n              <Flex direction=\"column\" gap=\"0.5\">\n                <Text as=\"span\" variant=\"title-small\" weight=\"bold\">\n                  {appName}\n                </Text>\n                <Text variant=\"body-small\" color=\"secondary\">\n                  wants to access your {appTitle} account\n                </Text>\n              </Flex>\n            </Box>\n\n            <hr className={styles.divider} />\n\n            <Alert\n              status=\"warning\"\n              icon\n              title=\"Security Notice\"\n              description={\n                <>\n                  By authorizing this application, you are granting it access to\n                  your {appTitle} account. The application will receive an\n                  access token that allows it to act on your behalf.\n                  <div className={styles.callbackUrl}>\n                    {session.redirectUri}\n                  </div>\n                </>\n              }\n            />\n\n            <Text variant=\"body-small\" color=\"secondary\">\n              Make sure you trust this application and recognize the callback\n              URL above. Only authorize applications you trust.\n            </Text>\n          </Flex>\n        </CardBody>\n\n        <CardFooter>\n          <Flex justify=\"between\" gap=\"4\">\n            <Button\n              variant=\"secondary\"\n              isDisabled={isSubmitting}\n              onPress={() => handleAction('reject')}\n              iconStart={<RiCloseCircleLine />}\n            >\n              Cancel\n            </Button>\n            <Button\n              variant=\"primary\"\n              isDisabled={isSubmitting}\n              onPress={() => handleAction('approve')}\n              iconStart={<RiCheckboxCircleLine />}\n            >\n              {isSubmitting ? 'Authorizing...' : 'Authorize'}\n            </Button>\n          </Flex>\n        </CardFooter>\n      </Card>\n    </ConsentPageLayout>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ConsentPage/ConsentPage.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".ConsentPage_card__800025e78d {\n  max-width: 600px;\n  margin: var(--bui-space-8) auto 0;\n}\n\n.ConsentPage_appHeader__800025e78d {\n  display: flex;\n  align-items: center;\n  gap: var(--bui-space-4);\n}\n\n.ConsentPage_appIcon__800025e78d {\n  color: var(--bui-fg-secondary);\n}\n\n.ConsentPage_divider__800025e78d {\n  border: none;\n  border-top: 1px solid var(--bui-border-1);\n  margin: 0;\n}\n\n.ConsentPage_callbackUrl__800025e78d {\n  font-family: var(--bui-font-monospace);\n  background: var(--bui-bg-neutral-2);\n  padding: var(--bui-space-2);\n  border-radius: var(--bui-radius-2);\n  word-break: break-all;\n  font-size: var(--bui-font-size-3);\n  margin-top: var(--bui-space-2);\n}\n\n.ConsentPage_completedIcon__800025e78d {\n  margin-bottom: var(--bui-space-4);\n}\n\n.ConsentPage_completedIconSuccess__800025e78d {\n  color: var(--bui-fg-success);\n}\n\n.ConsentPage_completedIconDanger__800025e78d {\n  color: var(--bui-fg-danger);\n}\n";
+var styles = {"card":"ConsentPage_card__800025e78d","appHeader":"ConsentPage_appHeader__800025e78d","appIcon":"ConsentPage_appIcon__800025e78d","divider":"ConsentPage_divider__800025e78d","callbackUrl":"ConsentPage_callbackUrl__800025e78d","completedIconSuccess":"ConsentPage_completedIconSuccess__800025e78d ConsentPage_completedIcon__800025e78d","completedIconDanger":"ConsentPage_completedIconDanger__800025e78d ConsentPage_completedIcon__800025e78d"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ConsentPage.module.css.esm.js.map

package/dist/components/ConsentPage/ConsentPage.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsentPage.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/node_modules_dist/style-inject/dist/style-inject.es.esm.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.esm.js.map

package/dist/node_modules_dist/style-inject/dist/style-inject.es.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.esm.js","sources":["../../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAY,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF;;;;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-auth",
-  "version": "0.1.6-next.1",
+  "version": "0.1.6",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "auth",
@@ -55,20 +55,18 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-components": "0.18.8-next.1",
-    "@backstage/errors": "1.2.7",
-    "@backstage/frontend-plugin-api": "0.15.0-next.1",
-    "@backstage/theme": "0.7.2",
-    "@material-ui/core": "^4.12.2",
-    "@material-ui/icons": "^4.9.1",
-    "@material-ui/lab": "4.0.0-alpha.61",
+    "@backstage/errors": "^1.2.7",
+    "@backstage/frontend-plugin-api": "^0.15.0",
+    "@backstage/theme": "^0.7.2",
+    "@backstage/ui": "^0.13.0",
+    "@remixicon/react": "^4.6.0",
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "0.36.0-next.2",
-    "@backstage/dev-utils": "1.1.21-next.1",
-    "@backstage/frontend-defaults": "0.5.0-next.1",
-    "@backstage/test-utils": "1.7.16-next.0",
+    "@backstage/cli": "^0.36.0",
+    "@backstage/dev-utils": "^1.1.21",
+    "@backstage/frontend-defaults": "^0.5.0",
+    "@backstage/test-utils": "^1.7.16",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.0.0",