@red-hat-developer-hub/backstage-plugin-quickstart 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @red-hat-developer-hub/backstage-plugin-quickstart
 
+## 1.6.0
+
+### Minor Changes
+
+- dcda8f3: Adding localization support for quickstart steps.
+
+### Patch Changes
+
+- b887a58: French translation updated
+
+## 1.5.1
+
+### Patch Changes
+
+- 9057587: Fix Quickstart drawer re-opening on close by scoping drawer flags per user, caching resolved role per session, and filtering items only when the drawer is open; preserves first-time auto-open and respects manual close.
+
 ## 1.5.0
 
 ### Minor Changes

package/config.d.ts

@@ -29,6 +29,11 @@ export interface Config {
        * @visibility frontend
        */
       title: string;
+      /**
+       * The roles associated with the quickstart.
+       * @visibility frontend
+       */
+      titleKey?: string;
       /**
        * The roles associated with the quickstart.
        * @visibility frontend
@@ -44,6 +49,11 @@ export interface Config {
        * @visibility frontend
        */
       description: string;
+      /**
+       * Optional action item for quickstart.
+       * @visibility frontend
+       */
+      descriptionKey?: string;
       /**
        * Optional action item for quickstart.
        * @visibility frontend
@@ -54,6 +64,11 @@ export interface Config {
          * @visibility frontend
          */
         text: string;
+        /**
+         * Action item link.
+         * @visibility frontend
+         */
+        textKey?: string;
         /**
          * Action item link.
          * @visibility frontend

package/dist/components/QuickstartContent/QuickstartCtaLink.esm.js

@@ -1,8 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import { LinkButton } from '@backstage/core-components';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { getTranslatedTextWithFallback } from '../../utils/translationUtils.esm.js';
 
 const QuickstartCtaLink = ({ cta, onClick }) => {
+  const { t } = useTranslation();
   if (!cta) {
     return /* @__PURE__ */ jsx(
       LinkButton,
@@ -14,10 +17,11 @@ const QuickstartCtaLink = ({ cta, onClick }) => {
           e.preventDefault();
           onClick();
         },
-        children: "Got it!"
+        children: t("button.gotIt")
       }
     );
   }
+  const finalText = getTranslatedTextWithFallback(t, cta.textKey, cta.text);
   const isExternalLink = cta.link.startsWith("http://") || cta.link.startsWith("https://");
   return isExternalLink ? /* @__PURE__ */ jsxs(
     LinkButton,
@@ -30,7 +34,7 @@ const QuickstartCtaLink = ({ cta, onClick }) => {
       to: cta.link,
       onClick,
       children: [
-        cta.text,
+        finalText,
         "\xA0",
         /* @__PURE__ */ jsx(
           OpenInNewIcon,
@@ -49,7 +53,7 @@ const QuickstartCtaLink = ({ cta, onClick }) => {
       variant: "outlined",
       to: cta.link,
       onClick,
-      children: cta.text
+      children: finalText
     }
   );
 };

package/dist/components/QuickstartContent/QuickstartCtaLink.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickstartCtaLink.esm.js","sources":["../../../src/components/QuickstartContent/QuickstartCtaLink.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { QuickstartItemCtaData } from '../../types';\nimport { LinkButton } from '@backstage/core-components';\n\nexport type QuickstartCtaLinkProps = {\n  cta?: QuickstartItemCtaData;\n  onClick: () => void;\n};\n\nexport const QuickstartCtaLink = ({ cta, onClick }: QuickstartCtaLinkProps) => {\n  // If no CTA is provided, show a default \"Got it!\" button\n  if (!cta) {\n    return (\n      <LinkButton\n        color=\"primary\"\n        variant=\"outlined\"\n        to=\"#\"\n        onClick={e => {\n          e.preventDefault();\n          onClick();\n        }}\n      >\n        Got it!\n      </LinkButton>\n    );\n  }\n\n  const isExternalLink =\n    cta.link.startsWith('http://') || cta.link.startsWith('https://');\n\n  return isExternalLink ? (\n    <LinkButton\n      color=\"primary\"\n      style={{\n        gap: '5px',\n      }}\n      variant=\"outlined\"\n      to={cta.link}\n      onClick={onClick}\n    >\n      {cta.text}&nbsp;\n      <OpenInNewIcon\n        sx={{\n          fontSize: '15px',\n        }}\n      />\n    </LinkButton>\n  ) : (\n    <LinkButton\n      color=\"primary\"\n      variant=\"outlined\"\n      to={cta.link}\n      onClick={onClick}\n    >\n      {cta.text}\n    </LinkButton>\n  );\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,iBAAoB,GAAA,CAAC,EAAE,GAAA,EAAK,SAAsC,KAAA;AAE7E,EAAA,IAAI,CAAC,GAAK,EAAA;AACR,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA,UAAA;AAAA,QACR,EAAG,EAAA,GAAA;AAAA,QACH,SAAS,CAAK,CAAA,KAAA;AACZ,UAAA,CAAA,CAAE,cAAe,EAAA;AACjB,UAAQ,OAAA,EAAA;AAAA,SACV;AAAA,QACD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA;AAIJ,EAAM,MAAA,cAAA,GACJ,IAAI,IAAK,CAAA,UAAA,CAAW,SAAS,CAAK,IAAA,GAAA,CAAI,IAAK,CAAA,UAAA,CAAW,UAAU,CAAA;AAElE,EAAA,OAAO,cACL,mBAAA,IAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,GAAK,EAAA;AAAA,OACP;AAAA,MACA,OAAQ,EAAA,UAAA;AAAA,MACR,IAAI,GAAI,CAAA,IAAA;AAAA,MACR,OAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAI,GAAA,CAAA,IAAA;AAAA,QAAK,MAAA;AAAA,wBACV,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,EAAI,EAAA;AAAA,cACF,QAAU,EAAA;AAAA;AACZ;AAAA;AACF;AAAA;AAAA,GAGF,mBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,OAAQ,EAAA,UAAA;AAAA,MACR,IAAI,GAAI,CAAA,IAAA;AAAA,MACR,OAAA;AAAA,MAEC,QAAI,EAAA,GAAA,CAAA;AAAA;AAAA,GACP;AAEJ;;;;"}
+{"version":3,"file":"QuickstartCtaLink.esm.js","sources":["../../../src/components/QuickstartContent/QuickstartCtaLink.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { QuickstartItemCtaData } from '../../types';\nimport { LinkButton } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { getTranslatedTextWithFallback } from '../../utils';\n\nexport type QuickstartCtaLinkProps = {\n  cta?: QuickstartItemCtaData;\n  onClick: () => void;\n};\n\nexport const QuickstartCtaLink = ({ cta, onClick }: QuickstartCtaLinkProps) => {\n  const { t } = useTranslation();\n  // If no CTA is provided, show a default \"Got it!\" button\n  if (!cta) {\n    return (\n      <LinkButton\n        color=\"primary\"\n        variant=\"outlined\"\n        to=\"#\"\n        onClick={e => {\n          e.preventDefault();\n          onClick();\n        }}\n      >\n        {t('button.gotIt')}\n      </LinkButton>\n    );\n  }\n\n  const finalText = getTranslatedTextWithFallback(t, cta.textKey, cta.text);\n\n  const isExternalLink =\n    cta.link.startsWith('http://') || cta.link.startsWith('https://');\n\n  return isExternalLink ? (\n    <LinkButton\n      color=\"primary\"\n      style={{\n        gap: '5px',\n      }}\n      variant=\"outlined\"\n      to={cta.link}\n      onClick={onClick}\n    >\n      {finalText}\n      &nbsp;\n      <OpenInNewIcon\n        sx={{\n          fontSize: '15px',\n        }}\n      />\n    </LinkButton>\n  ) : (\n    <LinkButton\n      color=\"primary\"\n      variant=\"outlined\"\n      to={cta.link}\n      onClick={onClick}\n    >\n      {finalText}\n    </LinkButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,iBAAoB,GAAA,CAAC,EAAE,GAAA,EAAK,SAAsC,KAAA;AAC7E,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,CAAC,GAAK,EAAA;AACR,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA,UAAA;AAAA,QACR,EAAG,EAAA,GAAA;AAAA,QACH,SAAS,CAAK,CAAA,KAAA;AACZ,UAAA,CAAA,CAAE,cAAe,EAAA;AACjB,UAAQ,OAAA,EAAA;AAAA,SACV;AAAA,QAEC,YAAE,cAAc;AAAA;AAAA,KACnB;AAAA;AAIJ,EAAA,MAAM,YAAY,6BAA8B,CAAA,CAAA,EAAG,GAAI,CAAA,OAAA,EAAS,IAAI,IAAI,CAAA;AAExE,EAAM,MAAA,cAAA,GACJ,IAAI,IAAK,CAAA,UAAA,CAAW,SAAS,CAAK,IAAA,GAAA,CAAI,IAAK,CAAA,UAAA,CAAW,UAAU,CAAA;AAElE,EAAA,OAAO,cACL,mBAAA,IAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,GAAK,EAAA;AAAA,OACP;AAAA,MACA,OAAQ,EAAA,UAAA;AAAA,MACR,IAAI,GAAI,CAAA,IAAA;AAAA,MACR,OAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,SAAA;AAAA,QAAU,MAAA;AAAA,wBAEX,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,EAAI,EAAA;AAAA,cACF,QAAU,EAAA;AAAA;AACZ;AAAA;AACF;AAAA;AAAA,GAGF,mBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,OAAQ,EAAA,UAAA;AAAA,MACR,IAAI,GAAI,CAAA,IAAA;AAAA,MACR,OAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/QuickstartContent/QuickstartItem.esm.js

@@ -12,6 +12,7 @@ import { QuickstartItemIcon } from './QuickstartItemIcon.esm.js';
 import { QuickstartCtaLink } from './QuickstartCtaLink.esm.js';
 import IconButton from '@mui/material/IconButton';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { getTranslatedTextWithFallback } from '../../utils/translationUtils.esm.js';
 
 const QuickstartItem = ({
   item,
@@ -79,7 +80,7 @@ const QuickstartItem = ({
           /* @__PURE__ */ jsx(
             ListItemText,
             {
-              primary: item.title,
+              primary: getTranslatedTextWithFallback(t, item.titleKey, item.title),
               sx: {
                 "& .v5-MuiTypography-root": {
                   fontWeight: (theme) => `${theme.typography.fontWeightMedium}!important`
@@ -114,7 +115,16 @@ const QuickstartItem = ({
           paddingBottom: "10px"
         },
         children: [
-          /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(ListItemText, { primary: item.description }) }),
+          /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
+            ListItemText,
+            {
+              primary: getTranslatedTextWithFallback(
+                t,
+                item.descriptionKey,
+                item.description
+              )
+            }
+          ) }),
           /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
             QuickstartCtaLink,
             {

package/dist/components/QuickstartContent/QuickstartItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickstartItem.esm.js","sources":["../../../src/components/QuickstartContent/QuickstartItem.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 ExpandLess from '@mui/icons-material/ExpandLess';\nimport ExpandMore from '@mui/icons-material/ExpandMore';\nimport Box from '@mui/material/Box';\nimport Collapse from '@mui/material/Collapse';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useEffect, useState } from 'react';\nimport { QuickstartItemIcon } from './QuickstartItemIcon';\nimport { QuickstartCtaLink } from './QuickstartCtaLink';\nimport IconButton from '@mui/material/IconButton';\nimport { QuickstartItemData } from '../../types';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport type QuickstartItemProps = {\n  item: QuickstartItemData;\n  setProgress: () => void;\n  index: number;\n  open: boolean;\n  handleOpen: () => void;\n};\n\nexport const QuickstartItem = ({\n  item,\n  setProgress,\n  index,\n  open,\n  handleOpen,\n}: QuickstartItemProps) => {\n  const { t } = useTranslation();\n  const [stepCompleted, setStepCompleted] = useState<boolean>(false);\n  const itemKey = `${item.title}-${index}`;\n\n  useEffect(() => {\n    const stepState = localStorage.getItem(itemKey);\n    if (stepState === 'true') {\n      setStepCompleted(true);\n    }\n  }, [itemKey]);\n\n  useEffect(() => {\n    localStorage.setItem(itemKey, stepCompleted.toString());\n  }, [itemKey, stepCompleted]);\n\n  useEffect(() => {\n    if (stepCompleted) {\n      setProgress();\n    }\n  }, [stepCompleted, setProgress]);\n\n  return (\n    <Box sx={{ marginBottom: theme => `${theme.spacing(0.2)}` }}>\n      <ListItem\n        key={itemKey}\n        onClick={handleOpen}\n        role=\"button\"\n        aria-expanded={open}\n        aria-label={\n          open\n            ? t('item.collapseAriaLabel' as any, { title: item.title })\n            : t('item.expandAriaLabel' as any, { title: item.title })\n        }\n        tabIndex={0}\n        onKeyDown={e => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleOpen();\n          }\n        }}\n        sx={{\n          cursor: 'pointer',\n          ...(stepCompleted\n            ? {\n                backgroundColor: theme =>\n                  theme.palette.mode === 'light' ? '#F3FAF2' : '#223D2D',\n              }\n            : { backgroundColor: theme => theme.palette.background.paper }),\n        }}\n      >\n        <ListItemIcon\n          sx={{\n            minWidth: '40px',\n          }}\n        >\n          <QuickstartItemIcon\n            icon={item.icon}\n            sx={{\n              ...(open\n                ? { color: theme => theme.palette.text.primary }\n                : { color: theme => theme.palette.text.secondary }),\n            }}\n          />\n        </ListItemIcon>\n        <ListItemText\n          primary={item.title}\n          sx={{\n            '& .v5-MuiTypography-root': {\n              fontWeight: theme =>\n                `${theme.typography.fontWeightMedium}!important`,\n            },\n            ...(open\n              ? { color: theme => theme.palette.text.primary }\n              : { color: theme => theme.palette.text.secondary }),\n          }}\n        />\n        <IconButton\n          aria-label={\n            open\n              ? t('item.collapseButtonAriaLabel')\n              : t('item.expandButtonAriaLabel')\n          }\n          sx={{\n            ...(open\n              ? { color: theme => theme.palette.text.primary }\n              : { color: theme => theme.palette.text.secondary }),\n          }}\n        >\n          {open ? <ExpandLess /> : <ExpandMore />}\n        </IconButton>\n      </ListItem>\n      <Collapse in={open} timeout=\"auto\" unmountOnExit>\n        <List\n          component=\"div\"\n          disablePadding\n          sx={{\n            ...(stepCompleted\n              ? {\n                  backgroundColor: theme =>\n                    theme.palette.mode === 'light' ? '#F3FAF2' : '#223D2D',\n                }\n              : { backgroundColor: theme => theme.palette.background.paper }),\n            paddingBottom: '10px',\n          }}\n        >\n          <ListItem>\n            <ListItemText primary={item.description} />\n          </ListItem>\n          <ListItem>\n            <QuickstartCtaLink\n              cta={item.cta}\n              onClick={() => {\n                setStepCompleted(true);\n              }}\n            />\n          </ListItem>\n        </List>\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QuickstartItem.esm.js","sources":["../../../src/components/QuickstartContent/QuickstartItem.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 ExpandLess from '@mui/icons-material/ExpandLess';\nimport ExpandMore from '@mui/icons-material/ExpandMore';\nimport Box from '@mui/material/Box';\nimport Collapse from '@mui/material/Collapse';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useEffect, useState } from 'react';\nimport { QuickstartItemIcon } from './QuickstartItemIcon';\nimport { QuickstartCtaLink } from './QuickstartCtaLink';\nimport IconButton from '@mui/material/IconButton';\nimport { QuickstartItemData } from '../../types';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { getTranslatedTextWithFallback } from '../../utils';\n\nexport type QuickstartItemProps = {\n  item: QuickstartItemData;\n  setProgress: () => void;\n  index: number;\n  open: boolean;\n  handleOpen: () => void;\n};\n\nexport const QuickstartItem = ({\n  item,\n  setProgress,\n  index,\n  open,\n  handleOpen,\n}: QuickstartItemProps) => {\n  const { t } = useTranslation();\n  const [stepCompleted, setStepCompleted] = useState<boolean>(false);\n  const itemKey = `${item.title}-${index}`;\n\n  useEffect(() => {\n    const stepState = localStorage.getItem(itemKey);\n    if (stepState === 'true') {\n      setStepCompleted(true);\n    }\n  }, [itemKey]);\n\n  useEffect(() => {\n    localStorage.setItem(itemKey, stepCompleted.toString());\n  }, [itemKey, stepCompleted]);\n\n  useEffect(() => {\n    if (stepCompleted) {\n      setProgress();\n    }\n  }, [stepCompleted, setProgress]);\n\n  return (\n    <Box sx={{ marginBottom: theme => `${theme.spacing(0.2)}` }}>\n      <ListItem\n        key={itemKey}\n        onClick={handleOpen}\n        role=\"button\"\n        aria-expanded={open}\n        aria-label={\n          open\n            ? t('item.collapseAriaLabel' as any, { title: item.title })\n            : t('item.expandAriaLabel' as any, { title: item.title })\n        }\n        tabIndex={0}\n        onKeyDown={e => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleOpen();\n          }\n        }}\n        sx={{\n          cursor: 'pointer',\n          ...(stepCompleted\n            ? {\n                backgroundColor: theme =>\n                  theme.palette.mode === 'light' ? '#F3FAF2' : '#223D2D',\n              }\n            : { backgroundColor: theme => theme.palette.background.paper }),\n        }}\n      >\n        <ListItemIcon\n          sx={{\n            minWidth: '40px',\n          }}\n        >\n          <QuickstartItemIcon\n            icon={item.icon}\n            sx={{\n              ...(open\n                ? { color: theme => theme.palette.text.primary }\n                : { color: theme => theme.palette.text.secondary }),\n            }}\n          />\n        </ListItemIcon>\n        <ListItemText\n          primary={getTranslatedTextWithFallback(t, item.titleKey, item.title)}\n          sx={{\n            '& .v5-MuiTypography-root': {\n              fontWeight: theme =>\n                `${theme.typography.fontWeightMedium}!important`,\n            },\n            ...(open\n              ? { color: theme => theme.palette.text.primary }\n              : { color: theme => theme.palette.text.secondary }),\n          }}\n        />\n        <IconButton\n          aria-label={\n            open\n              ? t('item.collapseButtonAriaLabel')\n              : t('item.expandButtonAriaLabel')\n          }\n          sx={{\n            ...(open\n              ? { color: theme => theme.palette.text.primary }\n              : { color: theme => theme.palette.text.secondary }),\n          }}\n        >\n          {open ? <ExpandLess /> : <ExpandMore />}\n        </IconButton>\n      </ListItem>\n      <Collapse in={open} timeout=\"auto\" unmountOnExit>\n        <List\n          component=\"div\"\n          disablePadding\n          sx={{\n            ...(stepCompleted\n              ? {\n                  backgroundColor: theme =>\n                    theme.palette.mode === 'light' ? '#F3FAF2' : '#223D2D',\n                }\n              : { backgroundColor: theme => theme.palette.background.paper }),\n            paddingBottom: '10px',\n          }}\n        >\n          <ListItem>\n            <ListItemText\n              primary={getTranslatedTextWithFallback(\n                t,\n                item.descriptionKey,\n                item.description,\n              )}\n            />\n          </ListItem>\n          <ListItem>\n            <QuickstartCtaLink\n              cta={item.cta}\n              onClick={() => {\n                setStepCompleted(true);\n              }}\n            />\n          </ListItem>\n        </List>\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuickstartDrawer.esm.js

@@ -5,31 +5,27 @@ import { Quickstart } from './Quickstart.esm.js';
 import { useQuickstartDrawerContext } from '../hooks/useQuickstartDrawerContext.esm.js';
 import { filterQuickstartItemsByRole } from '../utils/filterQuickstartItems.esm.js';
 import { useQuickstartRole } from '../hooks/useQuickstartRole.esm.js';
-import { useRef, useEffect } from 'react';
+import { useMemo } from 'react';
 
 const QuickstartDrawer = () => {
-  const { isDrawerOpen, closeDrawer, openDrawer, drawerWidth } = useQuickstartDrawerContext();
-  const hasAutoOpened = useRef(false);
+  const { isDrawerOpen, closeDrawer, drawerWidth } = useQuickstartDrawerContext();
   const apiHolder = useApiHolder();
   const config = apiHolder.get(configApiRef);
-  const quickstartItems = config?.has("app.quickstart") ? config.get("app.quickstart") : [];
+  const quickstartItems = useMemo(() => {
+    return config?.has("app.quickstart") ? config.get("app.quickstart") : [];
+  }, [config]);
   const { isLoading, userRole } = useQuickstartRole();
-  const filteredItems = !isLoading && userRole ? filterQuickstartItemsByRole(quickstartItems, userRole) : [];
-  useEffect(() => {
-    if (!isLoading && filteredItems.length > 0 && !isDrawerOpen && !hasAutoOpened.current) {
-      openDrawer();
-      hasAutoOpened.current = true;
-    }
-  }, [isLoading, filteredItems.length, isDrawerOpen, openDrawer]);
-  if (!isLoading && filteredItems.length === 0) {
-    if (isDrawerOpen) {
-      closeDrawer();
-    }
+  const eligibleItems = useMemo(() => {
+    return !isLoading && userRole ? filterQuickstartItemsByRole(quickstartItems, userRole) : [];
+  }, [isLoading, userRole, quickstartItems]);
+  const filteredItems = useMemo(() => {
+    return isDrawerOpen ? eligibleItems : [];
+  }, [isDrawerOpen, eligibleItems]);
+  if (quickstartItems.length === 0) {
     return null;
   }
-  if (isLoading && isDrawerOpen) {
-    closeDrawer();
-    hasAutoOpened.current = false;
+  if (!isLoading && eligibleItems.length === 0) {
+    return null;
   }
   return /* @__PURE__ */ jsx(
     Drawer,

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

@@ -1 +1 @@
-{"version":3,"file":"QuickstartDrawer.esm.js","sources":["../../src/components/QuickstartDrawer.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 Drawer from '@mui/material/Drawer';\nimport { ThemeConfig } from '@red-hat-developer-hub/backstage-plugin-theme';\nimport { configApiRef, useApiHolder } from '@backstage/core-plugin-api';\nimport { Quickstart } from './Quickstart';\nimport { useQuickstartDrawerContext } from '../hooks/useQuickstartDrawerContext';\nimport { QuickstartItemData } from '../types';\nimport { filterQuickstartItemsByRole } from '../utils';\nimport { useQuickstartRole } from '../hooks/useQuickstartRole';\nimport { useEffect, useRef } from 'react';\n\nexport const QuickstartDrawer = () => {\n  const { isDrawerOpen, closeDrawer, openDrawer, drawerWidth } =\n    useQuickstartDrawerContext();\n\n  // Track if we've already auto-opened the drawer to prevent re-opening after manual close\n  const hasAutoOpened = useRef(false);\n\n  const apiHolder = useApiHolder();\n  const config = apiHolder.get(configApiRef);\n  const quickstartItems: QuickstartItemData[] = config?.has('app.quickstart')\n    ? config.get('app.quickstart')\n    : [];\n\n  const { isLoading, userRole } = useQuickstartRole();\n  const filteredItems =\n    !isLoading && userRole\n      ? filterQuickstartItemsByRole(quickstartItems, userRole)\n      : [];\n\n  // Auto-open drawer when user logs in and has quickstart items available\n  // Only do this once, and respect user's manual close action\n  useEffect(() => {\n    if (\n      !isLoading &&\n      filteredItems.length > 0 &&\n      !isDrawerOpen &&\n      !hasAutoOpened.current\n    ) {\n      openDrawer();\n      hasAutoOpened.current = true;\n    }\n  }, [isLoading, filteredItems.length, isDrawerOpen, openDrawer]);\n\n  // Hide the drawer entirely if there are no quickstart items for the user\n  // Do this check first, before any rendering happens\n  if (!isLoading && filteredItems.length === 0) {\n    // Also close the drawer context if it's currently open to prevent layout issues\n    if (isDrawerOpen) {\n      closeDrawer();\n    }\n    return null;\n  }\n\n  // During loading, if drawer is open but we don't know if user will have items yet,\n  // close it preemptively to prevent flash and reset auto-open tracking\n  if (isLoading && isDrawerOpen) {\n    closeDrawer();\n    hasAutoOpened.current = false; // Reset for new user\n  }\n\n  return (\n    <Drawer\n      sx={{\n        '& .v5-MuiDrawer-paper': {\n          width: drawerWidth,\n          boxSizing: 'border-box',\n          backgroundColor: theme =>\n            `${\n              (theme as ThemeConfig).palette?.rhdh?.general\n                .sidebarBackgroundColor\n            }`,\n          justifyContent: 'space-between',\n        },\n        // Only apply header offset when global header exists\n        'body:has(#global-header) &': {\n          '& .v5-MuiDrawer-paper': {\n            top: '64px !important',\n            height: 'calc(100vh - 64px) !important',\n          },\n        },\n      }}\n      variant=\"persistent\"\n      anchor=\"right\"\n      open={isDrawerOpen}\n    >\n      <Quickstart\n        quickstartItems={filteredItems}\n        handleDrawerClose={closeDrawer}\n        isLoading={isLoading}\n      />\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA0BO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,YAAc,EAAA,WAAA,EAAa,UAAY,EAAA,WAAA,KAC7C,0BAA2B,EAAA;AAG7B,EAAM,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA;AAElC,EAAA,MAAM,YAAY,YAAa,EAAA;AAC/B,EAAM,MAAA,MAAA,GAAS,SAAU,CAAA,GAAA,CAAI,YAAY,CAAA;AACzC,EAAM,MAAA,eAAA,GAAwC,QAAQ,GAAI,CAAA,gBAAgB,IACtE,MAAO,CAAA,GAAA,CAAI,gBAAgB,CAAA,GAC3B,EAAC;AAEL,EAAA,MAAM,EAAE,SAAA,EAAW,QAAS,EAAA,GAAI,iBAAkB,EAAA;AAClD,EAAM,MAAA,aAAA,GACJ,CAAC,SAAa,IAAA,QAAA,GACV,4BAA4B,eAAiB,EAAA,QAAQ,IACrD,EAAC;AAIP,EAAA,SAAA,CAAU,MAAM;AACd,IACE,IAAA,CAAC,aACD,aAAc,CAAA,MAAA,GAAS,KACvB,CAAC,YAAA,IACD,CAAC,aAAA,CAAc,OACf,EAAA;AACA,MAAW,UAAA,EAAA;AACX,MAAA,aAAA,CAAc,OAAU,GAAA,IAAA;AAAA;AAC1B,KACC,CAAC,SAAA,EAAW,cAAc,MAAQ,EAAA,YAAA,EAAc,UAAU,CAAC,CAAA;AAI9D,EAAA,IAAI,CAAC,SAAA,IAAa,aAAc,CAAA,MAAA,KAAW,CAAG,EAAA;AAE5C,IAAA,IAAI,YAAc,EAAA;AAChB,MAAY,WAAA,EAAA;AAAA;AAEd,IAAO,OAAA,IAAA;AAAA;AAKT,EAAA,IAAI,aAAa,YAAc,EAAA;AAC7B,IAAY,WAAA,EAAA;AACZ,IAAA,aAAA,CAAc,OAAU,GAAA,KAAA;AAAA;AAG1B,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,uBAAyB,EAAA;AAAA,UACvB,KAAO,EAAA,WAAA;AAAA,UACP,SAAW,EAAA,YAAA;AAAA,UACX,iBAAiB,CACf,KAAA,KAAA,CAAA,EACG,MAAsB,OAAS,EAAA,IAAA,EAAM,QACnC,sBACL,CAAA,CAAA;AAAA,UACF,cAAgB,EAAA;AAAA,SAClB;AAAA;AAAA,QAEA,4BAA8B,EAAA;AAAA,UAC5B,uBAAyB,EAAA;AAAA,YACvB,GAAK,EAAA,iBAAA;AAAA,YACL,MAAQ,EAAA;AAAA;AACV;AACF,OACF;AAAA,MACA,OAAQ,EAAA,YAAA;AAAA,MACR,MAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA,YAAA;AAAA,MAEN,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,eAAiB,EAAA,aAAA;AAAA,UACjB,iBAAmB,EAAA,WAAA;AAAA,UACnB;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"QuickstartDrawer.esm.js","sources":["../../src/components/QuickstartDrawer.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 Drawer from '@mui/material/Drawer';\nimport { ThemeConfig } from '@red-hat-developer-hub/backstage-plugin-theme';\nimport { configApiRef, useApiHolder } from '@backstage/core-plugin-api';\nimport { Quickstart } from './Quickstart';\nimport { useQuickstartDrawerContext } from '../hooks/useQuickstartDrawerContext';\nimport { QuickstartItemData } from '../types';\nimport { filterQuickstartItemsByRole } from '../utils';\nimport { useQuickstartRole } from '../hooks/useQuickstartRole';\nimport { useMemo } from 'react';\n\nexport const QuickstartDrawer = () => {\n  const { isDrawerOpen, closeDrawer, drawerWidth } =\n    useQuickstartDrawerContext();\n\n  const apiHolder = useApiHolder();\n  const config = apiHolder.get(configApiRef);\n  const quickstartItems: QuickstartItemData[] = useMemo(() => {\n    return config?.has('app.quickstart')\n      ? (config.get('app.quickstart') as QuickstartItemData[])\n      : [];\n  }, [config]);\n\n  const { isLoading, userRole } = useQuickstartRole();\n\n  // Items available to the user based on cached/derived role\n  const eligibleItems = useMemo(() => {\n    return !isLoading && userRole\n      ? filterQuickstartItemsByRole(quickstartItems, userRole)\n      : [];\n  }, [isLoading, userRole, quickstartItems]);\n\n  // Only expose items to the body when drawer is open to avoid re-renders during close\n  const filteredItems = useMemo(() => {\n    return isDrawerOpen ? eligibleItems : [];\n  }, [isDrawerOpen, eligibleItems]);\n\n  // No auto-open logic here; the provider initializes per user (visited/open)\n\n  // If no quickstart items are configured at all, don't render the drawer to avoid reserving space\n  if (quickstartItems.length === 0) {\n    return null;\n  }\n\n  // If there are no items for the user, hide the drawer entirely\n  if (!isLoading && eligibleItems.length === 0) {\n    return null;\n  }\n\n  // No role-fetching or filtering here when the drawer is closed\n\n  return (\n    <Drawer\n      sx={{\n        '& .v5-MuiDrawer-paper': {\n          width: drawerWidth,\n          boxSizing: 'border-box',\n          backgroundColor: theme =>\n            `${\n              (theme as ThemeConfig).palette?.rhdh?.general\n                .sidebarBackgroundColor\n            }`,\n          justifyContent: 'space-between',\n        },\n        // Only apply header offset when global header exists\n        'body:has(#global-header) &': {\n          '& .v5-MuiDrawer-paper': {\n            top: '64px !important',\n            height: 'calc(100vh - 64px) !important',\n          },\n        },\n      }}\n      variant=\"persistent\"\n      anchor=\"right\"\n      open={isDrawerOpen}\n    >\n      <Quickstart\n        quickstartItems={filteredItems}\n        handleDrawerClose={closeDrawer}\n        isLoading={isLoading}\n      />\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA0BO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,YAAA,EAAc,WAAa,EAAA,WAAA,KACjC,0BAA2B,EAAA;AAE7B,EAAA,MAAM,YAAY,YAAa,EAAA;AAC/B,EAAM,MAAA,MAAA,GAAS,SAAU,CAAA,GAAA,CAAI,YAAY,CAAA;AACzC,EAAM,MAAA,eAAA,GAAwC,QAAQ,MAAM;AAC1D,IAAO,OAAA,MAAA,EAAQ,IAAI,gBAAgB,CAAA,GAC9B,OAAO,GAAI,CAAA,gBAAgB,IAC5B,EAAC;AAAA,GACP,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,EAAE,SAAA,EAAW,QAAS,EAAA,GAAI,iBAAkB,EAAA;AAGlD,EAAM,MAAA,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,OAAO,CAAC,SAAa,IAAA,QAAA,GACjB,4BAA4B,eAAiB,EAAA,QAAQ,IACrD,EAAC;AAAA,GACJ,EAAA,CAAC,SAAW,EAAA,QAAA,EAAU,eAAe,CAAC,CAAA;AAGzC,EAAM,MAAA,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAO,OAAA,YAAA,GAAe,gBAAgB,EAAC;AAAA,GACtC,EAAA,CAAC,YAAc,EAAA,aAAa,CAAC,CAAA;AAKhC,EAAI,IAAA,eAAA,CAAgB,WAAW,CAAG,EAAA;AAChC,IAAO,OAAA,IAAA;AAAA;AAIT,EAAA,IAAI,CAAC,SAAA,IAAa,aAAc,CAAA,MAAA,KAAW,CAAG,EAAA;AAC5C,IAAO,OAAA,IAAA;AAAA;AAKT,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,uBAAyB,EAAA;AAAA,UACvB,KAAO,EAAA,WAAA;AAAA,UACP,SAAW,EAAA,YAAA;AAAA,UACX,iBAAiB,CACf,KAAA,KAAA,CAAA,EACG,MAAsB,OAAS,EAAA,IAAA,EAAM,QACnC,sBACL,CAAA,CAAA;AAAA,UACF,cAAgB,EAAA;AAAA,SAClB;AAAA;AAAA,QAEA,4BAA8B,EAAA;AAAA,UAC5B,uBAAyB,EAAA;AAAA,YACvB,GAAK,EAAA,iBAAA;AAAA,YACL,MAAQ,EAAA;AAAA;AACV;AACF,OACF;AAAA,MACA,OAAQ,EAAA,YAAA;AAAA,MACR,MAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA,YAAA;AAAA,MAEN,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,eAAiB,EAAA,aAAA;AAAA,UACjB,iBAAmB,EAAA,WAAA;AAAA,UACnB;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/QuickstartDrawerProvider.esm.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
+import { useApi, identityApiRef, configApiRef } from '@backstage/core-plugin-api';
 import Snackbar from '@mui/material/Snackbar';
 import CloseIcon from '@mui/icons-material/Close';
 import IconButton from '@mui/material/IconButton';
@@ -11,6 +12,9 @@ const QuickstartDrawerProvider = ({ children }) => {
   const [showNotification, setShowNotification] = useState(false);
   const [hasShownNotification, setHasShownNotification] = useState(false);
   const [drawerWidth, setDrawerWidth] = useState(500);
+  const [userKey, setUserKey] = useState("guest");
+  const identityApi = useApi(identityApiRef);
+  const configApi = useApi(configApiRef);
   useEffect(() => {
     if (isDrawerOpen) {
       document.body.classList.add("quickstart-drawer-open");
@@ -28,36 +32,74 @@ const QuickstartDrawerProvider = ({ children }) => {
     };
   }, [isDrawerOpen, drawerWidth]);
   useEffect(() => {
-    const wasOpen = localStorage.getItem("quickstart-open");
-    const hasVisited = localStorage.getItem("quickstart-visited");
-    const notificationShown = localStorage.getItem(
-      "quickstart-notification-shown"
-    );
+    let cancelled = false;
+    (async () => {
+      try {
+        const identity = await identityApi.getBackstageIdentity();
+        const ref = identity?.userEntityRef?.toLowerCase() || "guest";
+        if (!cancelled) setUserKey(ref);
+      } catch (e) {
+        if (!cancelled) setUserKey("guest");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [identityApi]);
+  useEffect(() => {
+    if (!userKey) return;
+    const hasAnyQuickstarts = (() => {
+      try {
+        if (!configApi?.has("app.quickstart")) return false;
+        const items = configApi.get("app.quickstart");
+        return Array.isArray(items) && items.length > 0;
+      } catch {
+        return false;
+      }
+    })();
+    const openKey = `quickstart-open:${userKey}`;
+    const visitedKey = `quickstart-visited:${userKey}`;
+    const notificationKey = `quickstart-notification-shown:${userKey}`;
+    if (!hasAnyQuickstarts) {
+      setIsDrawerOpen(false);
+      localStorage.setItem(openKey, "false");
+      return;
+    }
+    const wasOpen = localStorage.getItem(openKey);
+    const hasVisited = localStorage.getItem(visitedKey);
+    const notificationShown = localStorage.getItem(notificationKey);
     if (!hasVisited) {
       setIsDrawerOpen(true);
-      localStorage.setItem("quickstart-visited", "true");
-      localStorage.setItem("quickstart-open", "true");
+      localStorage.setItem(visitedKey, "true");
+      localStorage.setItem(openKey, "true");
     } else if (wasOpen === "true") {
       setIsDrawerOpen(true);
+    } else {
+      setIsDrawerOpen(false);
     }
     setHasShownNotification(notificationShown === "true");
-  }, []);
+  }, [userKey, configApi]);
   const openDrawer = () => {
     setIsDrawerOpen(true);
-    localStorage.setItem("quickstart-open", "true");
+    const openKey = `quickstart-open:${userKey}`;
+    localStorage.setItem(openKey, "true");
   };
   const closeDrawer = () => {
     setIsDrawerOpen(false);
     if (!hasShownNotification) {
       setShowNotification(true);
       setHasShownNotification(true);
-      localStorage.setItem("quickstart-notification-shown", "true");
+      const notificationKey = `quickstart-notification-shown:${userKey}`;
+      localStorage.setItem(notificationKey, "true");
     }
-    localStorage.setItem("quickstart-open", "false");
+    const openKey = `quickstart-open:${userKey}`;
+    localStorage.setItem(openKey, "false");
   };
   const toggleDrawer = () => {
-    setIsDrawerOpen(!isDrawerOpen);
-    localStorage.setItem("quickstart-open", (!isDrawerOpen).toString());
+    const next = !isDrawerOpen;
+    setIsDrawerOpen(next);
+    const openKey = `quickstart-open:${userKey}`;
+    localStorage.setItem(openKey, next.toString());
   };
   const handleNotificationClose = () => setShowNotification(false);
   return /* @__PURE__ */ jsxs(

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

@@ -1 +1 @@
-{"version":3,"file":"QuickstartDrawerProvider.esm.js","sources":["../../src/components/QuickstartDrawerProvider.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useEffect, PropsWithChildren, useState } from 'react';\nimport Snackbar from '@mui/material/Snackbar';\nimport CloseIcon from '@mui/icons-material/Close';\nimport IconButton from '@mui/material/IconButton';\nimport { QuickstartDrawerContext } from './QuickstartDrawerContext';\nimport { QuickstartDrawer } from './QuickstartDrawer';\n\nexport const QuickstartDrawerProvider = ({ children }: PropsWithChildren) => {\n  const [isDrawerOpen, setIsDrawerOpen] = useState<boolean>(false);\n  const [showNotification, setShowNotification] = useState(false);\n  const [hasShownNotification, setHasShownNotification] = useState(false);\n  const [drawerWidth, setDrawerWidth] = useState<number>(500);\n\n  // Single useEffect - sets class on document.body\n  useEffect(() => {\n    if (isDrawerOpen) {\n      document.body.classList.add('quickstart-drawer-open');\n      document.body.style.setProperty(\n        '--quickstart-drawer-width',\n        `${drawerWidth}px`,\n      );\n    } else {\n      document.body.classList.remove('quickstart-drawer-open');\n      document.body.style.removeProperty('--quickstart-drawer-width');\n    }\n\n    return () => {\n      document.body.classList.remove('quickstart-drawer-open');\n      document.body.style.removeProperty('--quickstart-drawer-width');\n    };\n  }, [isDrawerOpen, drawerWidth]);\n\n  useEffect(() => {\n    const wasOpen = localStorage.getItem('quickstart-open');\n    const hasVisited = localStorage.getItem('quickstart-visited');\n    const notificationShown = localStorage.getItem(\n      'quickstart-notification-shown',\n    );\n\n    if (!hasVisited) {\n      setIsDrawerOpen(true);\n      localStorage.setItem('quickstart-visited', 'true');\n      localStorage.setItem('quickstart-open', 'true');\n    } else if (wasOpen === 'true') {\n      setIsDrawerOpen(true);\n    }\n\n    setHasShownNotification(notificationShown === 'true');\n  }, []);\n\n  const openDrawer = () => {\n    setIsDrawerOpen(true);\n    localStorage.setItem('quickstart-open', 'true');\n  };\n\n  const closeDrawer = () => {\n    setIsDrawerOpen(false);\n    if (!hasShownNotification) {\n      setShowNotification(true);\n      setHasShownNotification(true);\n      localStorage.setItem('quickstart-notification-shown', 'true');\n    }\n    localStorage.setItem('quickstart-open', 'false');\n  };\n\n  const toggleDrawer = () => {\n    setIsDrawerOpen(!isDrawerOpen);\n    localStorage.setItem('quickstart-open', (!isDrawerOpen).toString());\n  };\n\n  const handleNotificationClose = () => setShowNotification(false);\n\n  return (\n    <QuickstartDrawerContext.Provider\n      value={{\n        isDrawerOpen,\n        openDrawer,\n        closeDrawer,\n        toggleDrawer,\n        setDrawerWidth,\n        drawerWidth,\n      }}\n    >\n      {children}\n      <QuickstartDrawer />\n      <Snackbar\n        sx={{ top: '80px !important' }}\n        open={showNotification}\n        autoHideDuration={10000}\n        onClose={handleNotificationClose}\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n        message=\"Need help? Visit the Quick Start Guide by clicking on this (?) icon in the header!\"\n        action={\n          <IconButton\n            size=\"small\"\n            aria-label=\"close\"\n            color=\"inherit\"\n            onClick={handleNotificationClose}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        }\n      />\n    </QuickstartDrawerContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QuickstartDrawerProvider.esm.js","sources":["../../src/components/QuickstartDrawerProvider.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useEffect, PropsWithChildren, useState } from 'react';\nimport {\n  configApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport Snackbar from '@mui/material/Snackbar';\nimport CloseIcon from '@mui/icons-material/Close';\nimport IconButton from '@mui/material/IconButton';\nimport { QuickstartDrawerContext } from './QuickstartDrawerContext';\nimport { QuickstartDrawer } from './QuickstartDrawer';\n\nexport const QuickstartDrawerProvider = ({ children }: PropsWithChildren) => {\n  const [isDrawerOpen, setIsDrawerOpen] = useState<boolean>(false);\n  const [showNotification, setShowNotification] = useState(false);\n  const [hasShownNotification, setHasShownNotification] = useState(false);\n  const [drawerWidth, setDrawerWidth] = useState<number>(500);\n  const [userKey, setUserKey] = useState<string>('guest');\n  const identityApi = useApi(identityApiRef);\n  const configApi = useApi(configApiRef);\n\n  // Single useEffect - sets class on document.body\n  useEffect(() => {\n    if (isDrawerOpen) {\n      document.body.classList.add('quickstart-drawer-open');\n      document.body.style.setProperty(\n        '--quickstart-drawer-width',\n        `${drawerWidth}px`,\n      );\n    } else {\n      document.body.classList.remove('quickstart-drawer-open');\n      document.body.style.removeProperty('--quickstart-drawer-width');\n    }\n\n    return () => {\n      document.body.classList.remove('quickstart-drawer-open');\n      document.body.style.removeProperty('--quickstart-drawer-width');\n    };\n  }, [isDrawerOpen, drawerWidth]);\n\n  // Resolve the current user's identity to scope localStorage keys per user\n  useEffect(() => {\n    let cancelled = false;\n    (async () => {\n      try {\n        const identity = await identityApi.getBackstageIdentity();\n        const ref = identity?.userEntityRef?.toLowerCase() || 'guest';\n        if (!cancelled) setUserKey(ref);\n      } catch (e) {\n        if (!cancelled) setUserKey('guest');\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [identityApi]);\n\n  // Initialize drawer state based on per-user keys and only when quickstarts exist\n  useEffect(() => {\n    if (!userKey) return;\n\n    // Determine if there are any quickstart items configured globally\n    const hasAnyQuickstarts = (() => {\n      try {\n        if (!configApi?.has('app.quickstart')) return false;\n        const items = configApi.get('app.quickstart') as unknown;\n        return Array.isArray(items) && items.length > 0;\n      } catch {\n        return false;\n      }\n    })();\n\n    const openKey = `quickstart-open:${userKey}`;\n    const visitedKey = `quickstart-visited:${userKey}`;\n    const notificationKey = `quickstart-notification-shown:${userKey}`;\n\n    // If no quickstarts are configured, ensure the drawer is closed and don't mark as visited\n    if (!hasAnyQuickstarts) {\n      setIsDrawerOpen(false);\n      // Avoid persisting visited so future addition of items can auto-open\n      localStorage.setItem(openKey, 'false');\n      return;\n    }\n\n    const wasOpen = localStorage.getItem(openKey);\n    const hasVisited = localStorage.getItem(visitedKey);\n    const notificationShown = localStorage.getItem(notificationKey);\n\n    if (!hasVisited) {\n      setIsDrawerOpen(true);\n      localStorage.setItem(visitedKey, 'true');\n      localStorage.setItem(openKey, 'true');\n    } else if (wasOpen === 'true') {\n      setIsDrawerOpen(true);\n    } else {\n      setIsDrawerOpen(false);\n    }\n\n    setHasShownNotification(notificationShown === 'true');\n  }, [userKey, configApi]);\n\n  const openDrawer = () => {\n    setIsDrawerOpen(true);\n    const openKey = `quickstart-open:${userKey}`;\n    localStorage.setItem(openKey, 'true');\n  };\n\n  const closeDrawer = () => {\n    setIsDrawerOpen(false);\n    if (!hasShownNotification) {\n      setShowNotification(true);\n      setHasShownNotification(true);\n      const notificationKey = `quickstart-notification-shown:${userKey}`;\n      localStorage.setItem(notificationKey, 'true');\n    }\n    const openKey = `quickstart-open:${userKey}`;\n    localStorage.setItem(openKey, 'false');\n  };\n\n  const toggleDrawer = () => {\n    const next = !isDrawerOpen;\n    setIsDrawerOpen(next);\n    const openKey = `quickstart-open:${userKey}`;\n    localStorage.setItem(openKey, next.toString());\n  };\n\n  const handleNotificationClose = () => setShowNotification(false);\n\n  return (\n    <QuickstartDrawerContext.Provider\n      value={{\n        isDrawerOpen,\n        openDrawer,\n        closeDrawer,\n        toggleDrawer,\n        setDrawerWidth,\n        drawerWidth,\n      }}\n    >\n      {children}\n      <QuickstartDrawer />\n      <Snackbar\n        sx={{ top: '80px !important' }}\n        open={showNotification}\n        autoHideDuration={10000}\n        onClose={handleNotificationClose}\n        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n        message=\"Need help? Visit the Quick Start Guide by clicking on this (?) icon in the header!\"\n        action={\n          <IconButton\n            size=\"small\"\n            aria-label=\"close\"\n            color=\"inherit\"\n            onClick={handleNotificationClose}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        }\n      />\n    </QuickstartDrawerContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useQuickstartRole.esm.js

@@ -15,22 +15,39 @@ const useQuickstartRole = () => {
       const credentials = await identityApi.getCredentials();
       const identity = await identityApi.getBackstageIdentity();
       const hasValidToken = credentials?.token && credentials.token.length > 10;
-      const userEntityRef = identity?.userEntityRef || "";
+      const userEntityRef2 = identity?.userEntityRef || "";
       const ownershipRefs = identity?.ownershipEntityRefs || [];
-      const isGuest = userEntityRef.toLowerCase().includes("guest") || userEntityRef === "user:default/guest" || !hasValidToken && ownershipRefs.length === 0;
+      const isGuest = userEntityRef2.toLowerCase().includes("guest") || userEntityRef2 === "user:default/guest" || !hasValidToken && ownershipRefs.length === 0;
       const isAuthenticated = !isGuest;
       return { isAuthenticated, identity, credentials };
     } catch (error) {
       return { isAuthenticated: false, identity: null, credentials: null };
     }
   }, [identityApi]);
-  if (authLoading || loading) return { isLoading: true, userRole: null };
+  if (authLoading) return { isLoading: true, userRole: null };
+  const userEntityRef = authResult?.identity?.userEntityRef || "guest";
+  const cacheKey = `quickstart-role:${userEntityRef}:rbac:${isRBACEnabled ? "1" : "0"}`;
+  const cachedRole = typeof window !== "undefined" ? sessionStorage.getItem(cacheKey) : null;
+  if (cachedRole === "admin" || cachedRole === "developer") {
+    return { isLoading: false, userRole: cachedRole };
+  }
+  if (loading) return { isLoading: true, userRole: null };
   const isUserAuthorized = authResult?.isAuthenticated ?? false;
   if (!isUserAuthorized) {
     return { isLoading: false, userRole: "admin" };
   }
-  if (!isRBACEnabled) return { isLoading: false, userRole: "admin" };
-  if (allowed) return { isLoading: false, userRole: "admin" };
+  if (!isRBACEnabled) {
+    if (typeof window !== "undefined")
+      sessionStorage.setItem(cacheKey, "admin");
+    return { isLoading: false, userRole: "admin" };
+  }
+  if (allowed) {
+    if (typeof window !== "undefined")
+      sessionStorage.setItem(cacheKey, "admin");
+    return { isLoading: false, userRole: "admin" };
+  }
+  if (typeof window !== "undefined")
+    sessionStorage.setItem(cacheKey, "developer");
   return { isLoading: false, userRole: "developer" };
 };
 

package/dist/hooks/useQuickstartRole.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuickstartRole.esm.js","sources":["../../src/hooks/useQuickstartRole.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { usePermission } from '@backstage/plugin-permission-react';\nimport {\n  configApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { policyEntityCreatePermission } from '@backstage-community/plugin-rbac-common';\nimport { useAsync } from 'react-use';\nimport { UserRole } from '../types';\n\n/**\n * Determines the user's role for quickstart functionality based on RBAC permissions and user authorization.\n *\n * Business Logic:\n * - Guest user(unauthorized): show admin items\n * - Authorized user + NO RBAC enabled: show admin items\n * - Authorized user + RBAC enabled:\n *   - if user has admin permission => show configured admin items\n *   - if user doesn't have admin permission => show configured developer items\n *\n * @returns Object with isLoading boolean and userRole ('admin' | 'developer' | null)\n */\nexport const useQuickstartRole = (): {\n  isLoading: boolean;\n  userRole: UserRole | null;\n} => {\n  const config = useApi(configApiRef);\n  const identityApi = useApi(identityApiRef);\n  const isRBACEnabled =\n    config.getOptionalBoolean('permission.enabled') ?? false;\n  const { loading, allowed } = usePermission({\n    permission: policyEntityCreatePermission,\n  });\n\n  // Check user authorization status by examining identity and credentials\n  const { value: authResult, loading: authLoading } = useAsync(async () => {\n    try {\n      const credentials = await identityApi.getCredentials();\n      const identity = await identityApi.getBackstageIdentity();\n\n      // Check multiple indicators to determine if user is authenticated (not a guest)\n      const hasValidToken = credentials?.token && credentials.token.length > 10; // Real tokens are longer\n      const userEntityRef = identity?.userEntityRef || '';\n      const ownershipRefs = identity?.ownershipEntityRefs || [];\n\n      const isGuest =\n        userEntityRef.toLowerCase().includes('guest') ||\n        userEntityRef === 'user:default/guest' ||\n        (!hasValidToken && ownershipRefs.length === 0);\n\n      const isAuthenticated = !isGuest;\n\n      return { isAuthenticated, identity, credentials };\n    } catch (error) {\n      return { isAuthenticated: false, identity: null, credentials: null };\n    }\n  }, [identityApi]);\n\n  // If still loading authorization or permissions, return loading state\n  if (authLoading || loading) return { isLoading: true, userRole: null };\n\n  // Check if user is authorized (authenticated, not a guest)\n  const isUserAuthorized = authResult?.isAuthenticated ?? false;\n\n  // Unauthorized user: show admin items\n  if (!isUserAuthorized) {\n    return { isLoading: false, userRole: 'admin' };\n  }\n\n  // Authorized user + NO RBAC enabled: show admin items\n  if (!isRBACEnabled) return { isLoading: false, userRole: 'admin' };\n\n  // Authorized user + RBAC enabled: check permissions\n  // If user has admin permission => show configured admin items\n  if (allowed) return { isLoading: false, userRole: 'admin' };\n\n  // If user doesn't have admin permission => show configured developer items\n  return { isLoading: false, userRole: 'developer' };\n};\n"],"names":[],"mappings":";;;;;AAsCO,MAAM,oBAAoB,MAG5B;AACH,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA;AAClC,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAA,MAAM,aACJ,GAAA,MAAA,CAAO,kBAAmB,CAAA,oBAAoB,CAAK,IAAA,KAAA;AACrD,EAAA,MAAM,EAAE,OAAA,EAAS,OAAQ,EAAA,GAAI,aAAc,CAAA;AAAA,IACzC,UAAY,EAAA;AAAA,GACb,CAAA;AAGD,EAAA,MAAM,EAAE,KAAO,EAAA,UAAA,EAAY,SAAS,WAAY,EAAA,GAAI,SAAS,YAAY;AACvE,IAAI,IAAA;AACF,MAAM,MAAA,WAAA,GAAc,MAAM,WAAA,CAAY,cAAe,EAAA;AACrD,MAAM,MAAA,QAAA,GAAW,MAAM,WAAA,CAAY,oBAAqB,EAAA;AAGxD,MAAA,MAAM,aAAgB,GAAA,WAAA,EAAa,KAAS,IAAA,WAAA,CAAY,MAAM,MAAS,GAAA,EAAA;AACvE,MAAM,MAAA,aAAA,GAAgB,UAAU,aAAiB,IAAA,EAAA;AACjD,MAAM,MAAA,aAAA,GAAgB,QAAU,EAAA,mBAAA,IAAuB,EAAC;AAExD,MAAA,MAAM,OACJ,GAAA,aAAA,CAAc,WAAY,EAAA,CAAE,QAAS,CAAA,OAAO,CAC5C,IAAA,aAAA,KAAkB,oBACjB,IAAA,CAAC,aAAiB,IAAA,aAAA,CAAc,MAAW,KAAA,CAAA;AAE9C,MAAA,MAAM,kBAAkB,CAAC,OAAA;AAEzB,MAAO,OAAA,EAAE,eAAiB,EAAA,QAAA,EAAU,WAAY,EAAA;AAAA,aACzC,KAAO,EAAA;AACd,MAAA,OAAO,EAAE,eAAiB,EAAA,KAAA,EAAO,QAAU,EAAA,IAAA,EAAM,aAAa,IAAK,EAAA;AAAA;AACrE,GACF,EAAG,CAAC,WAAW,CAAC,CAAA;AAGhB,EAAA,IAAI,eAAe,OAAS,EAAA,OAAO,EAAE,SAAW,EAAA,IAAA,EAAM,UAAU,IAAK,EAAA;AAGrE,EAAM,MAAA,gBAAA,GAAmB,YAAY,eAAmB,IAAA,KAAA;AAGxD,EAAA,IAAI,CAAC,gBAAkB,EAAA;AACrB,IAAA,OAAO,EAAE,SAAA,EAAW,KAAO,EAAA,QAAA,EAAU,OAAQ,EAAA;AAAA;AAI/C,EAAA,IAAI,CAAC,aAAe,EAAA,OAAO,EAAE,SAAW,EAAA,KAAA,EAAO,UAAU,OAAQ,EAAA;AAIjE,EAAA,IAAI,SAAgB,OAAA,EAAE,SAAW,EAAA,KAAA,EAAO,UAAU,OAAQ,EAAA;AAG1D,EAAA,OAAO,EAAE,SAAA,EAAW,KAAO,EAAA,QAAA,EAAU,WAAY,EAAA;AACnD;;;;"}
+{"version":3,"file":"useQuickstartRole.esm.js","sources":["../../src/hooks/useQuickstartRole.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { usePermission } from '@backstage/plugin-permission-react';\nimport {\n  configApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { policyEntityCreatePermission } from '@backstage-community/plugin-rbac-common';\nimport { useAsync } from 'react-use';\nimport { UserRole } from '../types';\n\n/**\n * Determines the user's role for quickstart functionality based on RBAC permissions and user authorization.\n *\n * Business Logic:\n * - Guest user(unauthorized): show admin items\n * - Authorized user + NO RBAC enabled: show admin items\n * - Authorized user + RBAC enabled:\n *   - if user has admin permission => show configured admin items\n *   - if user doesn't have admin permission => show configured developer items\n *\n * @returns Object with isLoading boolean and userRole ('admin' | 'developer' | null)\n */\nexport const useQuickstartRole = (): {\n  isLoading: boolean;\n  userRole: UserRole | null;\n} => {\n  const config = useApi(configApiRef);\n  const identityApi = useApi(identityApiRef);\n  const isRBACEnabled =\n    config.getOptionalBoolean('permission.enabled') ?? false;\n  const { loading, allowed } = usePermission({\n    permission: policyEntityCreatePermission,\n  });\n\n  // Check user authorization status by examining identity and credentials\n  const { value: authResult, loading: authLoading } = useAsync(async () => {\n    try {\n      const credentials = await identityApi.getCredentials();\n      const identity = await identityApi.getBackstageIdentity();\n\n      // Check multiple indicators to determine if user is authenticated (not a guest)\n      const hasValidToken = credentials?.token && credentials.token.length > 10; // Real tokens are longer\n      const userEntityRef = identity?.userEntityRef || '';\n      const ownershipRefs = identity?.ownershipEntityRefs || [];\n\n      const isGuest =\n        userEntityRef.toLowerCase().includes('guest') ||\n        userEntityRef === 'user:default/guest' ||\n        (!hasValidToken && ownershipRefs.length === 0);\n\n      const isAuthenticated = !isGuest;\n\n      return { isAuthenticated, identity, credentials };\n    } catch (error) {\n      return { isAuthenticated: false, identity: null, credentials: null };\n    }\n  }, [identityApi]);\n\n  // When auth is still resolving, return loading\n  if (authLoading) return { isLoading: true, userRole: null };\n\n  // After auth resolves, attempt to serve cached role (session scoped)\n  const userEntityRef = authResult?.identity?.userEntityRef || 'guest';\n  const cacheKey = `quickstart-role:${userEntityRef}:rbac:${\n    isRBACEnabled ? '1' : '0'\n  }`;\n  const cachedRole =\n    typeof window !== 'undefined' ? sessionStorage.getItem(cacheKey) : null;\n  if (cachedRole === 'admin' || cachedRole === 'developer') {\n    return { isLoading: false, userRole: cachedRole as UserRole };\n  }\n\n  // If permission is still loading and there's no cache, report loading\n  if (loading) return { isLoading: true, userRole: null };\n\n  // Check if user is authorized (authenticated, not a guest)\n  const isUserAuthorized = authResult?.isAuthenticated ?? false;\n\n  // Unauthorized user: show admin items\n  if (!isUserAuthorized) {\n    return { isLoading: false, userRole: 'admin' };\n  }\n\n  // Authorized user + NO RBAC enabled: show admin items\n  if (!isRBACEnabled) {\n    if (typeof window !== 'undefined')\n      sessionStorage.setItem(cacheKey, 'admin');\n    return { isLoading: false, userRole: 'admin' };\n  }\n\n  // Authorized user + RBAC enabled: check permissions\n  // If user has admin permission => show configured admin items\n  if (allowed) {\n    if (typeof window !== 'undefined')\n      sessionStorage.setItem(cacheKey, 'admin');\n    return { isLoading: false, userRole: 'admin' };\n  }\n\n  // If user doesn't have admin permission => show configured developer items\n  if (typeof window !== 'undefined')\n    sessionStorage.setItem(cacheKey, 'developer');\n  return { isLoading: false, userRole: 'developer' };\n};\n"],"names":["userEntityRef"],"mappings":"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"}

package/dist/index.d.ts

@@ -81,11 +81,68 @@ interface QuickstartDrawerContextType {
  */
 declare const useQuickstartDrawerContext: () => QuickstartDrawerContextType;
 
+/**
+ * Translation reference for Quickstart plugin
+ * @public
+ */
+declare const quickstartTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"plugin.quickstart", {
+    readonly "button.quickstart": string;
+    readonly "button.openQuickstartGuide": string;
+    readonly "button.closeDrawer": string;
+    readonly "button.gotIt": string;
+    readonly "footer.progress": string;
+    readonly "footer.hide": string;
+    readonly "footer.notStarted": string;
+    readonly "header.title": string;
+    readonly "header.subtitle": string;
+    readonly "content.emptyState.title": string;
+    readonly "item.expandAriaLabel": string;
+    readonly "item.collapseAriaLabel": string;
+    readonly "item.expandButtonAriaLabel": string;
+    readonly "item.collapseButtonAriaLabel": string;
+    readonly "steps.setupAuthentication.title": string;
+    readonly "steps.setupAuthentication.description": string;
+    readonly "steps.setupAuthentication.ctaTitle": string;
+    readonly "steps.configureRbac.title": string;
+    readonly "steps.configureRbac.description": string;
+    readonly "steps.configureRbac.ctaTitle": string;
+    readonly "steps.configureGit.title": string;
+    readonly "steps.configureGit.description": string;
+    readonly "steps.configureGit.ctaTitle": string;
+    readonly "steps.managePlugins.title": string;
+    readonly "steps.managePlugins.description": string;
+    readonly "steps.managePlugins.ctaTitle": string;
+    readonly "steps.importApplication.title": string;
+    readonly "steps.importApplication.description": string;
+    readonly "steps.importApplication.ctaTitle": string;
+    readonly "steps.learnAboutCatalog.title": string;
+    readonly "steps.learnAboutCatalog.description": string;
+    readonly "steps.learnAboutCatalog.ctaTitle": string;
+    readonly "steps.exploreSelfServiceTemplates.title": string;
+    readonly "steps.exploreSelfServiceTemplates.description": string;
+    readonly "steps.exploreSelfServiceTemplates.ctaTitle": string;
+    readonly "steps.findAllLearningPaths.title": string;
+    readonly "steps.findAllLearningPaths.description": string;
+    readonly "steps.findAllLearningPaths.ctaTitle": string;
+    readonly "dev.pageTitle": string;
+    readonly "dev.pageDescription": string;
+    readonly "dev.drawerControls": string;
+    readonly "dev.currentState": string;
+    readonly "dev.stateOpen": string;
+    readonly "dev.stateClosed": string;
+    readonly "dev.instructions": string;
+    readonly "dev.step1": string;
+    readonly "dev.step2": string;
+    readonly "dev.step3": string;
+    readonly "dev.step4": string;
+    readonly "dev.step5": string;
+}>;
+
 /**
  * Translation Resource for Quickstart
  * @public
  */
 declare const quickstartTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"plugin.quickstart">;
 
-export { QuickstartButton, QuickstartDrawerProvider, quickstartPlugin, quickstartTranslations, useQuickstartDrawerContext };
+export { QuickstartButton, QuickstartDrawerProvider, quickstartPlugin, quickstartTranslationRef, quickstartTranslations, useQuickstartDrawerContext };
 export type { QuickstartButtonProps, QuickstartDrawerContextType };

package/dist/index.esm.js

@@ -2,6 +2,7 @@ import { unstable_ClassNameGenerator } from '@mui/material/className';
 export { QuickstartButton, QuickstartDrawerProvider, quickstartPlugin } from './plugin.esm.js';
 export { useQuickstartDrawerContext } from './hooks/useQuickstartDrawerContext.esm.js';
 export { quickstartTranslations } from './translations/index.esm.js';
+export { quickstartTranslationRef } from './translations/ref.esm.js';
 
 unstable_ClassNameGenerator.configure((componentName) => {
   return componentName.startsWith("v5-") ? componentName : `v5-${componentName}`;

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/index.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';\n\nClassNameGenerator.configure(componentName => {\n  return componentName.startsWith('v5-')\n    ? componentName\n    : `v5-${componentName}`;\n});\n\nexport * from './plugin';\n\nexport { useQuickstartDrawerContext } from './hooks/useQuickstartDrawerContext';\nexport type { QuickstartDrawerContextType } from './components/QuickstartDrawerContext';\n\nexport { quickstartTranslations } from './translations';\n"],"names":["ClassNameGenerator"],"mappings":";;;;;AAkBAA,2BAAA,CAAmB,UAAU,CAAiB,aAAA,KAAA;AAC5C,EAAA,OAAO,cAAc,UAAW,CAAA,KAAK,CACjC,GAAA,aAAA,GACA,MAAM,aAAa,CAAA,CAAA;AACzB,CAAC,CAAA"}
+{"version":3,"file":"index.esm.js","sources":["../src/index.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';\n\nClassNameGenerator.configure(componentName => {\n  return componentName.startsWith('v5-')\n    ? componentName\n    : `v5-${componentName}`;\n});\n\nexport * from './plugin';\n\nexport { useQuickstartDrawerContext } from './hooks/useQuickstartDrawerContext';\nexport type { QuickstartDrawerContextType } from './components/QuickstartDrawerContext';\n\nexport {\n  quickstartTranslations,\n  quickstartTranslationRef,\n} from './translations';\n"],"names":["ClassNameGenerator"],"mappings":";;;;;;AAkBAA,2BAAA,CAAmB,UAAU,CAAiB,aAAA,KAAA;AAC5C,EAAA,OAAO,cAAc,UAAW,CAAA,KAAK,CACjC,GAAA,aAAA,GACA,MAAM,aAAa,CAAA,CAAA;AACzB,CAAC,CAAA"}

package/dist/translations/de.esm.js

@@ -6,9 +6,34 @@ const quickstartTranslationDe = createTranslationMessages({
   messages: {
     "header.title": "Erste Schritte mit dem Developer Hub",
     "header.subtitle": "Wir f\xFChren Sie durch einige schnelle Schritte",
+    "steps.setupAuthentication.title": "Authentifizierung einrichten",
+    "steps.setupAuthentication.description": "Richten Sie sichere Anmeldedaten ein, um Ihr Konto vor unbefugtem Zugriff zu sch\xFCtzen.",
+    "steps.setupAuthentication.ctaTitle": "Mehr erfahren",
+    "steps.configureRbac.title": "RBAC konfigurieren",
+    "steps.configureRbac.description": "Weisen Sie Rollen und Berechtigungen zu, um zu kontrollieren, wer Ressourcen anzeigen, erstellen oder bearbeiten kann.",
+    "steps.configureRbac.ctaTitle": "Zugriff verwalten",
+    "steps.configureGit.title": "Git konfigurieren",
+    "steps.configureGit.description": "Verbinden Sie Ihre Git-Anbieter wie GitHub, um Code zu verwalten, Workflows zu automatisieren und mit Plattformfunktionen zu integrieren.",
+    "steps.configureGit.ctaTitle": "Mehr erfahren",
+    "steps.managePlugins.title": "Plugins verwalten",
+    "steps.managePlugins.description": "Durchsuchen und installieren Sie Erweiterungen, um Funktionen hinzuzuf\xFCgen, externe Tools zu verbinden und Ihre Erfahrung anzupassen.",
+    "steps.managePlugins.ctaTitle": "Plugins erkunden",
+    "steps.importApplication.title": "Anwendung importieren",
+    "steps.importApplication.description": "Importieren Sie Ihren vorhandenen Code und Ihre Dienste in den Katalog, um sie \xFCber Ihr Entwicklerportal zu organisieren und darauf zuzugreifen.",
+    "steps.importApplication.ctaTitle": "Importieren",
+    "steps.learnAboutCatalog.title": "\xDCber den Katalog lernen",
+    "steps.learnAboutCatalog.description": "Entdecken Sie alle Softwarekomponenten, Dienste und APIs und sehen Sie deren Eigent\xFCmer und Dokumentation.",
+    "steps.learnAboutCatalog.ctaTitle": "Katalog anzeigen",
+    "steps.exploreSelfServiceTemplates.title": "Self-Service-Vorlagen erkunden",
+    "steps.exploreSelfServiceTemplates.description": "Verwenden Sie unsere Self-Service-Vorlagen, um schnell neue Projekte, Dienste oder Dokumentationen einzurichten.",
+    "steps.exploreSelfServiceTemplates.ctaTitle": "Vorlagen erkunden",
+    "steps.findAllLearningPaths.title": "Alle Lernpfade finden",
+    "steps.findAllLearningPaths.description": "Integrieren Sie ma\xDFgeschneidertes E-Learning in Ihre Workflows mit Lernpfaden, um das Onboarding zu beschleunigen, Qualifikationsl\xFCcken zu schlie\xDFen und bew\xE4hrte Praktiken zu f\xF6rdern.",
+    "steps.findAllLearningPaths.ctaTitle": "Lernpfade anzeigen",
     "button.quickstart": "Schnellstart",
     "button.openQuickstartGuide": "Schnellstart-Leitfaden \xF6ffnen",
     "button.closeDrawer": "Drawer schlie\xDFen",
+    "button.gotIt": "Verstanden!",
     "footer.progress": "{{progress}}% Fortschritt",
     "footer.notStarted": "Nicht begonnen",
     "footer.hide": "Ausblenden",

package/dist/translations/de.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"de.esm.js","sources":["../../src/translations/de.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { createTranslationMessages } from '@backstage/core-plugin-api/alpha';\nimport { quickstartTranslationRef } from './ref';\n\nconst quickstartTranslationDe = createTranslationMessages({\n  ref: quickstartTranslationRef,\n  messages: {\n    'header.title': 'Erste Schritte mit dem Developer Hub',\n    'header.subtitle': 'Wir führen Sie durch einige schnelle Schritte',\n    'button.quickstart': 'Schnellstart',\n    'button.openQuickstartGuide': 'Schnellstart-Leitfaden öffnen',\n    'button.closeDrawer': 'Drawer schließen',\n    'footer.progress': '{{progress}}% Fortschritt',\n    'footer.notStarted': 'Nicht begonnen',\n    'footer.hide': 'Ausblenden',\n    'content.emptyState.title':\n      'Schnellstart-Inhalte sind für Ihre Rolle nicht verfügbar.',\n    'item.expandAriaLabel': '{{title}} Details erweitern',\n    'item.collapseAriaLabel': '{{title}} Details einklappen',\n    'item.expandButtonAriaLabel': 'Element erweitern',\n    'item.collapseButtonAriaLabel': 'Element einklappen',\n    'dev.pageTitle': 'Quickstart Plugin Testseite',\n    'dev.pageDescription':\n      'Dies ist eine Testseite für das Quickstart-Plugin. Verwenden Sie die Schaltflächen unten, um mit dem Quickstart-Drawer zu interagieren.',\n    'dev.drawerControls': 'Drawer-Steuerungen',\n    'dev.currentState': 'Aktueller Drawer-Status: {{state}}',\n    'dev.stateOpen': 'Offen',\n    'dev.stateClosed': 'Geschlossen',\n    'dev.instructions': 'Anweisungen',\n    'dev.step1':\n      '1. Klicken Sie auf \"Schnellstart-Leitfaden öffnen\", um den Drawer zu öffnen',\n    'dev.step2': '2. Navigieren Sie durch die Schnellstart-Schritte',\n    'dev.step3':\n      '3. Testen Sie die Fortschrittsverfolgung durch Abschließen von Schritten',\n    'dev.step4':\n      '4. Der Drawer kann mit der Schließen-Schaltfläche oder den eigenen Steuerelementen des Drawers geschlossen werden',\n    'dev.step5':\n      '5. Der Fortschritt wird automatisch in localStorage gespeichert',\n  },\n});\n\nexport default quickstartTranslationDe;\n"],"names":[],"mappings":";;;AAmBA,MAAM,0BAA0B,yBAA0B,CAAA;AAAA,EACxD,GAAK,EAAA,wBAAA;AAAA,EACL,QAAU,EAAA;AAAA,IACR,cAAgB,EAAA,sCAAA;AAAA,IAChB,iBAAmB,EAAA,kDAAA;AAAA,IACnB,mBAAqB,EAAA,cAAA;AAAA,IACrB,4BAA8B,EAAA,kCAAA;AAAA,IAC9B,oBAAsB,EAAA,qBAAA;AAAA,IACtB,iBAAmB,EAAA,2BAAA;AAAA,IACnB,mBAAqB,EAAA,gBAAA;AAAA,IACrB,aAAe,EAAA,YAAA;AAAA,IACf,0BACE,EAAA,iEAAA;AAAA,IACF,sBAAwB,EAAA,6BAAA;AAAA,IACxB,wBAA0B,EAAA,8BAAA;AAAA,IAC1B,4BAA8B,EAAA,mBAAA;AAAA,IAC9B,8BAAgC,EAAA,oBAAA;AAAA,IAChC,eAAiB,EAAA,6BAAA;AAAA,IACjB,qBACE,EAAA,+IAAA;AAAA,IACF,oBAAsB,EAAA,oBAAA;AAAA,IACtB,kBAAoB,EAAA,oCAAA;AAAA,IACpB,eAAiB,EAAA,OAAA;AAAA,IACjB,iBAAmB,EAAA,aAAA;AAAA,IACnB,kBAAoB,EAAA,aAAA;AAAA,IACpB,WACE,EAAA,mFAAA;AAAA,IACF,WAAa,EAAA,mDAAA;AAAA,IACb,WACE,EAAA,6EAAA;AAAA,IACF,WACE,EAAA,yHAAA;AAAA,IACF,WACE,EAAA;AAAA;AAEN,CAAC;;;;"}
+{"version":3,"file":"de.esm.js","sources":["../../src/translations/de.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { createTranslationMessages } from '@backstage/core-plugin-api/alpha';\nimport { quickstartTranslationRef } from './ref';\n\nconst quickstartTranslationDe = createTranslationMessages({\n  ref: quickstartTranslationRef,\n  messages: {\n    'header.title': 'Erste Schritte mit dem Developer Hub',\n    'header.subtitle': 'Wir führen Sie durch einige schnelle Schritte',\n    'steps.setupAuthentication.title': 'Authentifizierung einrichten',\n    'steps.setupAuthentication.description':\n      'Richten Sie sichere Anmeldedaten ein, um Ihr Konto vor unbefugtem Zugriff zu schützen.',\n    'steps.setupAuthentication.ctaTitle': 'Mehr erfahren',\n    'steps.configureRbac.title': 'RBAC konfigurieren',\n    'steps.configureRbac.description':\n      'Weisen Sie Rollen und Berechtigungen zu, um zu kontrollieren, wer Ressourcen anzeigen, erstellen oder bearbeiten kann.',\n    'steps.configureRbac.ctaTitle': 'Zugriff verwalten',\n    'steps.configureGit.title': 'Git konfigurieren',\n    'steps.configureGit.description':\n      'Verbinden Sie Ihre Git-Anbieter wie GitHub, um Code zu verwalten, Workflows zu automatisieren und mit Plattformfunktionen zu integrieren.',\n    'steps.configureGit.ctaTitle': 'Mehr erfahren',\n    'steps.managePlugins.title': 'Plugins verwalten',\n    'steps.managePlugins.description':\n      'Durchsuchen und installieren Sie Erweiterungen, um Funktionen hinzuzufügen, externe Tools zu verbinden und Ihre Erfahrung anzupassen.',\n    'steps.managePlugins.ctaTitle': 'Plugins erkunden',\n    'steps.importApplication.title': 'Anwendung importieren',\n    'steps.importApplication.description':\n      'Importieren Sie Ihren vorhandenen Code und Ihre Dienste in den Katalog, um sie über Ihr Entwicklerportal zu organisieren und darauf zuzugreifen.',\n    'steps.importApplication.ctaTitle': 'Importieren',\n    'steps.learnAboutCatalog.title': 'Über den Katalog lernen',\n    'steps.learnAboutCatalog.description':\n      'Entdecken Sie alle Softwarekomponenten, Dienste und APIs und sehen Sie deren Eigentümer und Dokumentation.',\n    'steps.learnAboutCatalog.ctaTitle': 'Katalog anzeigen',\n    'steps.exploreSelfServiceTemplates.title': 'Self-Service-Vorlagen erkunden',\n    'steps.exploreSelfServiceTemplates.description':\n      'Verwenden Sie unsere Self-Service-Vorlagen, um schnell neue Projekte, Dienste oder Dokumentationen einzurichten.',\n    'steps.exploreSelfServiceTemplates.ctaTitle': 'Vorlagen erkunden',\n    'steps.findAllLearningPaths.title': 'Alle Lernpfade finden',\n    'steps.findAllLearningPaths.description':\n      'Integrieren Sie maßgeschneidertes E-Learning in Ihre Workflows mit Lernpfaden, um das Onboarding zu beschleunigen, Qualifikationslücken zu schließen und bewährte Praktiken zu fördern.',\n    'steps.findAllLearningPaths.ctaTitle': 'Lernpfade anzeigen',\n    'button.quickstart': 'Schnellstart',\n    'button.openQuickstartGuide': 'Schnellstart-Leitfaden öffnen',\n    'button.closeDrawer': 'Drawer schließen',\n    'button.gotIt': 'Verstanden!',\n    'footer.progress': '{{progress}}% Fortschritt',\n    'footer.notStarted': 'Nicht begonnen',\n    'footer.hide': 'Ausblenden',\n    'content.emptyState.title':\n      'Schnellstart-Inhalte sind für Ihre Rolle nicht verfügbar.',\n    'item.expandAriaLabel': '{{title}} Details erweitern',\n    'item.collapseAriaLabel': '{{title}} Details einklappen',\n    'item.expandButtonAriaLabel': 'Element erweitern',\n    'item.collapseButtonAriaLabel': 'Element einklappen',\n    'dev.pageTitle': 'Quickstart Plugin Testseite',\n    'dev.pageDescription':\n      'Dies ist eine Testseite für das Quickstart-Plugin. Verwenden Sie die Schaltflächen unten, um mit dem Quickstart-Drawer zu interagieren.',\n    'dev.drawerControls': 'Drawer-Steuerungen',\n    'dev.currentState': 'Aktueller Drawer-Status: {{state}}',\n    'dev.stateOpen': 'Offen',\n    'dev.stateClosed': 'Geschlossen',\n    'dev.instructions': 'Anweisungen',\n    'dev.step1':\n      '1. Klicken Sie auf \"Schnellstart-Leitfaden öffnen\", um den Drawer zu öffnen',\n    'dev.step2': '2. Navigieren Sie durch die Schnellstart-Schritte',\n    'dev.step3':\n      '3. Testen Sie die Fortschrittsverfolgung durch Abschließen von Schritten',\n    'dev.step4':\n      '4. Der Drawer kann mit der Schließen-Schaltfläche oder den eigenen Steuerelementen des Drawers geschlossen werden',\n    'dev.step5':\n      '5. Der Fortschritt wird automatisch in localStorage gespeichert',\n  },\n});\n\nexport default quickstartTranslationDe;\n"],"names":[],"mappings":";;;AAmBA,MAAM,0BAA0B,yBAA0B,CAAA;AAAA,EACxD,GAAK,EAAA,wBAAA;AAAA,EACL,QAAU,EAAA;AAAA,IACR,cAAgB,EAAA,sCAAA;AAAA,IAChB,iBAAmB,EAAA,kDAAA;AAAA,IACnB,iCAAmC,EAAA,8BAAA;AAAA,IACnC,uCACE,EAAA,2FAAA;AAAA,IACF,oCAAsC,EAAA,eAAA;AAAA,IACtC,2BAA6B,EAAA,oBAAA;AAAA,IAC7B,iCACE,EAAA,wHAAA;AAAA,IACF,8BAAgC,EAAA,mBAAA;AAAA,IAChC,0BAA4B,EAAA,mBAAA;AAAA,IAC5B,gCACE,EAAA,2IAAA;AAAA,IACF,6BAA+B,EAAA,eAAA;AAAA,IAC/B,2BAA6B,EAAA,mBAAA;AAAA,IAC7B,iCACE,EAAA,0IAAA;AAAA,IACF,8BAAgC,EAAA,kBAAA;AAAA,IAChC,+BAAiC,EAAA,uBAAA;AAAA,IACjC,qCACE,EAAA,qJAAA;AAAA,IACF,kCAAoC,EAAA,aAAA;AAAA,IACpC,+BAAiC,EAAA,4BAAA;AAAA,IACjC,qCACE,EAAA,+GAAA;AAAA,IACF,kCAAoC,EAAA,kBAAA;AAAA,IACpC,yCAA2C,EAAA,gCAAA;AAAA,IAC3C,+CACE,EAAA,kHAAA;AAAA,IACF,4CAA8C,EAAA,mBAAA;AAAA,IAC9C,kCAAoC,EAAA,uBAAA;AAAA,IACpC,wCACE,EAAA,wMAAA;AAAA,IACF,qCAAuC,EAAA,oBAAA;AAAA,IACvC,mBAAqB,EAAA,cAAA;AAAA,IACrB,4BAA8B,EAAA,kCAAA;AAAA,IAC9B,oBAAsB,EAAA,qBAAA;AAAA,IACtB,cAAgB,EAAA,aAAA;AAAA,IAChB,iBAAmB,EAAA,2BAAA;AAAA,IACnB,mBAAqB,EAAA,gBAAA;AAAA,IACrB,aAAe,EAAA,YAAA;AAAA,IACf,0BACE,EAAA,iEAAA;AAAA,IACF,sBAAwB,EAAA,6BAAA;AAAA,IACxB,wBAA0B,EAAA,8BAAA;AAAA,IAC1B,4BAA8B,EAAA,mBAAA;AAAA,IAC9B,8BAAgC,EAAA,oBAAA;AAAA,IAChC,eAAiB,EAAA,6BAAA;AAAA,IACjB,qBACE,EAAA,+IAAA;AAAA,IACF,oBAAsB,EAAA,oBAAA;AAAA,IACtB,kBAAoB,EAAA,oCAAA;AAAA,IACpB,eAAiB,EAAA,OAAA;AAAA,IACjB,iBAAmB,EAAA,aAAA;AAAA,IACnB,kBAAoB,EAAA,aAAA;AAAA,IACpB,WACE,EAAA,mFAAA;AAAA,IACF,WAAa,EAAA,mDAAA;AAAA,IACb,WACE,EAAA,6EAAA;AAAA,IACF,WACE,EAAA,yHAAA;AAAA,IACF,WACE,EAAA;AAAA;AAEN,CAAC;;;;"}

package/dist/translations/es.esm.js

@@ -6,7 +6,32 @@ const quickstartTranslationEs = createTranslationMessages({
   messages: {
     "header.title": "Comencemos con el Hub del Desarrollador",
     "header.subtitle": "Te guiaremos a trav\xE9s de algunos pasos r\xE1pidos",
+    "steps.setupAuthentication.title": "Configurar autenticaci\xF3n",
+    "steps.setupAuthentication.description": "Configure credenciales de inicio de sesi\xF3n seguras para proteger su cuenta del acceso no autorizado.",
+    "steps.setupAuthentication.ctaTitle": "Aprender m\xE1s",
+    "steps.configureRbac.title": "Configurar RBAC",
+    "steps.configureRbac.description": "Asigne roles y permisos para controlar qui\xE9n puede ver, crear o editar recursos, asegurando una colaboraci\xF3n segura y eficiente.",
+    "steps.configureRbac.ctaTitle": "Gestionar acceso",
+    "steps.configureGit.title": "Configurar Git",
+    "steps.configureGit.description": "Conecte sus proveedores de Git, como GitHub, para gestionar c\xF3digo, automatizar flujos de trabajo e integrar con caracter\xEDsticas de la plataforma.",
+    "steps.configureGit.ctaTitle": "Aprender m\xE1s",
+    "steps.managePlugins.title": "Gestionar plugins",
+    "steps.managePlugins.description": "Explore e instale extensiones para agregar caracter\xEDsticas, conectar con herramientas externas y personalizar su experiencia.",
+    "steps.managePlugins.ctaTitle": "Explorar plugins",
+    "steps.importApplication.title": "Importar aplicaci\xF3n",
+    "steps.importApplication.description": "Importe su c\xF3digo y servicios existentes al cat\xE1logo para organizarlos y acceder a ellos a trav\xE9s de su portal de desarrollador.",
+    "steps.importApplication.ctaTitle": "Importar",
+    "steps.learnAboutCatalog.title": "Aprender sobre el Cat\xE1logo",
+    "steps.learnAboutCatalog.description": "Descubra todos los componentes de software, servicios y APIs, y vea sus propietarios y documentaci\xF3n.",
+    "steps.learnAboutCatalog.ctaTitle": "Ver cat\xE1logo",
+    "steps.exploreSelfServiceTemplates.title": "Explorar plantillas de autoservicio",
+    "steps.exploreSelfServiceTemplates.description": "Use nuestras plantillas de autoservicio para configurar r\xE1pidamente nuevos proyectos, servicios o documentaci\xF3n.",
+    "steps.exploreSelfServiceTemplates.ctaTitle": "Explorar plantillas",
+    "steps.findAllLearningPaths.title": "Encontrar todas las rutas de aprendizaje",
+    "steps.findAllLearningPaths.description": "Integre e-learning personalizado en sus flujos de trabajo con rutas de aprendizaje para acelerar la incorporaci\xF3n, cerrar brechas de habilidades y promover mejores pr\xE1cticas.",
+    "steps.findAllLearningPaths.ctaTitle": "Ver rutas de aprendizaje",
     "button.quickstart": "Inicio r\xE1pido",
+    "button.gotIt": "\xA1Entendido!",
     "footer.progress": "{{progress}}% de progreso",
     "footer.notStarted": "No iniciado",
     "footer.hide": "Ocultar",

package/dist/translations/es.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"es.esm.js","sources":["../../src/translations/es.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { createTranslationMessages } from '@backstage/core-plugin-api/alpha';\nimport { quickstartTranslationRef } from './ref';\n\nconst quickstartTranslationEs = createTranslationMessages({\n  ref: quickstartTranslationRef,\n  messages: {\n    'header.title': 'Comencemos con el Hub del Desarrollador',\n    'header.subtitle': 'Te guiaremos a través de algunos pasos rápidos',\n    'button.quickstart': 'Inicio rápido',\n    'footer.progress': '{{progress}}% de progreso',\n    'footer.notStarted': 'No iniciado',\n    'footer.hide': 'Ocultar',\n    'content.emptyState.title':\n      'El contenido de inicio rápido no está disponible para tu rol.',\n    'item.expandAriaLabel': 'Expandir detalles de {{title}}',\n    'item.collapseAriaLabel': 'Contraer detalles de {{title}}',\n    'item.expandButtonAriaLabel': 'Expandir elemento',\n    'item.collapseButtonAriaLabel': 'Contraer elemento',\n    'button.openQuickstartGuide': 'Abrir guía de inicio rápido',\n    'button.closeDrawer': 'Cerrar cajón',\n    'dev.pageTitle': 'Página de prueba del plugin Quickstart',\n    'dev.pageDescription':\n      'Esta es una página de prueba para el plugin Quickstart. Use los botones de abajo para interactuar con el cajón de inicio rápido.',\n    'dev.drawerControls': 'Controles del cajón',\n    'dev.currentState': 'Estado actual del cajón: {{state}}',\n    'dev.stateOpen': 'Abierto',\n    'dev.stateClosed': 'Cerrado',\n    'dev.instructions': 'Instrucciones',\n    'dev.step1':\n      '1. Haga clic en \"Abrir guía de inicio rápido\" para abrir el cajón',\n    'dev.step2': '2. Navegue a través de los pasos de inicio rápido',\n    'dev.step3': '3. Pruebe el seguimiento del progreso completando pasos',\n    'dev.step4':\n      '4. El cajón puede cerrarse usando el botón de cerrar o los controles propios del cajón',\n    'dev.step5': '5. El progreso se guarda automáticamente en localStorage',\n  },\n});\n\nexport default quickstartTranslationEs;\n"],"names":[],"mappings":";;;AAmBA,MAAM,0BAA0B,yBAA0B,CAAA;AAAA,EACxD,GAAK,EAAA,wBAAA;AAAA,EACL,QAAU,EAAA;AAAA,IACR,cAAgB,EAAA,yCAAA;AAAA,IAChB,iBAAmB,EAAA,sDAAA;AAAA,IACnB,mBAAqB,EAAA,kBAAA;AAAA,IACrB,iBAAmB,EAAA,2BAAA;AAAA,IACnB,mBAAqB,EAAA,aAAA;AAAA,IACrB,aAAe,EAAA,SAAA;AAAA,IACf,0BACE,EAAA,qEAAA;AAAA,IACF,sBAAwB,EAAA,gCAAA;AAAA,IACxB,wBAA0B,EAAA,gCAAA;AAAA,IAC1B,4BAA8B,EAAA,mBAAA;AAAA,IAC9B,8BAAgC,EAAA,mBAAA;AAAA,IAChC,4BAA8B,EAAA,mCAAA;AAAA,IAC9B,oBAAsB,EAAA,iBAAA;AAAA,IACtB,eAAiB,EAAA,2CAAA;AAAA,IACjB,qBACE,EAAA,2IAAA;AAAA,IACF,oBAAsB,EAAA,wBAAA;AAAA,IACtB,kBAAoB,EAAA,uCAAA;AAAA,IACpB,eAAiB,EAAA,SAAA;AAAA,IACjB,iBAAmB,EAAA,SAAA;AAAA,IACnB,kBAAoB,EAAA,eAAA;AAAA,IACpB,WACE,EAAA,4EAAA;AAAA,IACF,WAAa,EAAA,yDAAA;AAAA,IACb,WAAa,EAAA,yDAAA;AAAA,IACb,WACE,EAAA,iGAAA;AAAA,IACF,WAAa,EAAA;AAAA;AAEjB,CAAC;;;;"}
+{"version":3,"file":"es.esm.js","sources":["../../src/translations/es.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { createTranslationMessages } from '@backstage/core-plugin-api/alpha';\nimport { quickstartTranslationRef } from './ref';\n\nconst quickstartTranslationEs = createTranslationMessages({\n  ref: quickstartTranslationRef,\n  messages: {\n    'header.title': 'Comencemos con el Hub del Desarrollador',\n    'header.subtitle': 'Te guiaremos a través de algunos pasos rápidos',\n    'steps.setupAuthentication.title': 'Configurar autenticación',\n    'steps.setupAuthentication.description':\n      'Configure credenciales de inicio de sesión seguras para proteger su cuenta del acceso no autorizado.',\n    'steps.setupAuthentication.ctaTitle': 'Aprender más',\n    'steps.configureRbac.title': 'Configurar RBAC',\n    'steps.configureRbac.description':\n      'Asigne roles y permisos para controlar quién puede ver, crear o editar recursos, asegurando una colaboración segura y eficiente.',\n    'steps.configureRbac.ctaTitle': 'Gestionar acceso',\n    'steps.configureGit.title': 'Configurar Git',\n    'steps.configureGit.description':\n      'Conecte sus proveedores de Git, como GitHub, para gestionar código, automatizar flujos de trabajo e integrar con características de la plataforma.',\n    'steps.configureGit.ctaTitle': 'Aprender más',\n    'steps.managePlugins.title': 'Gestionar plugins',\n    'steps.managePlugins.description':\n      'Explore e instale extensiones para agregar características, conectar con herramientas externas y personalizar su experiencia.',\n    'steps.managePlugins.ctaTitle': 'Explorar plugins',\n    'steps.importApplication.title': 'Importar aplicación',\n    'steps.importApplication.description':\n      'Importe su código y servicios existentes al catálogo para organizarlos y acceder a ellos a través de su portal de desarrollador.',\n    'steps.importApplication.ctaTitle': 'Importar',\n    'steps.learnAboutCatalog.title': 'Aprender sobre el Catálogo',\n    'steps.learnAboutCatalog.description':\n      'Descubra todos los componentes de software, servicios y APIs, y vea sus propietarios y documentación.',\n    'steps.learnAboutCatalog.ctaTitle': 'Ver catálogo',\n    'steps.exploreSelfServiceTemplates.title':\n      'Explorar plantillas de autoservicio',\n    'steps.exploreSelfServiceTemplates.description':\n      'Use nuestras plantillas de autoservicio para configurar rápidamente nuevos proyectos, servicios o documentación.',\n    'steps.exploreSelfServiceTemplates.ctaTitle': 'Explorar plantillas',\n    'steps.findAllLearningPaths.title':\n      'Encontrar todas las rutas de aprendizaje',\n    'steps.findAllLearningPaths.description':\n      'Integre e-learning personalizado en sus flujos de trabajo con rutas de aprendizaje para acelerar la incorporación, cerrar brechas de habilidades y promover mejores prácticas.',\n    'steps.findAllLearningPaths.ctaTitle': 'Ver rutas de aprendizaje',\n    'button.quickstart': 'Inicio rápido',\n    'button.gotIt': '¡Entendido!',\n    'footer.progress': '{{progress}}% de progreso',\n    'footer.notStarted': 'No iniciado',\n    'footer.hide': 'Ocultar',\n    'content.emptyState.title':\n      'El contenido de inicio rápido no está disponible para tu rol.',\n    'item.expandAriaLabel': 'Expandir detalles de {{title}}',\n    'item.collapseAriaLabel': 'Contraer detalles de {{title}}',\n    'item.expandButtonAriaLabel': 'Expandir elemento',\n    'item.collapseButtonAriaLabel': 'Contraer elemento',\n    'button.openQuickstartGuide': 'Abrir guía de inicio rápido',\n    'button.closeDrawer': 'Cerrar cajón',\n    'dev.pageTitle': 'Página de prueba del plugin Quickstart',\n    'dev.pageDescription':\n      'Esta es una página de prueba para el plugin Quickstart. Use los botones de abajo para interactuar con el cajón de inicio rápido.',\n    'dev.drawerControls': 'Controles del cajón',\n    'dev.currentState': 'Estado actual del cajón: {{state}}',\n    'dev.stateOpen': 'Abierto',\n    'dev.stateClosed': 'Cerrado',\n    'dev.instructions': 'Instrucciones',\n    'dev.step1':\n      '1. Haga clic en \"Abrir guía de inicio rápido\" para abrir el cajón',\n    'dev.step2': '2. Navegue a través de los pasos de inicio rápido',\n    'dev.step3': '3. Pruebe el seguimiento del progreso completando pasos',\n    'dev.step4':\n      '4. El cajón puede cerrarse usando el botón de cerrar o los controles propios del cajón',\n    'dev.step5': '5. El progreso se guarda automáticamente en localStorage',\n  },\n});\n\nexport default quickstartTranslationEs;\n"],"names":[],"mappings":";;;AAmBA,MAAM,0BAA0B,yBAA0B,CAAA;AAAA,EACxD,GAAK,EAAA,wBAAA;AAAA,EACL,QAAU,EAAA;AAAA,IACR,cAAgB,EAAA,yCAAA;AAAA,IAChB,iBAAmB,EAAA,sDAAA;AAAA,IACnB,iCAAmC,EAAA,6BAAA;AAAA,IACnC,uCACE,EAAA,yGAAA;AAAA,IACF,oCAAsC,EAAA,iBAAA;AAAA,IACtC,2BAA6B,EAAA,iBAAA;AAAA,IAC7B,iCACE,EAAA,wIAAA;AAAA,IACF,8BAAgC,EAAA,kBAAA;AAAA,IAChC,0BAA4B,EAAA,gBAAA;AAAA,IAC5B,gCACE,EAAA,0JAAA;AAAA,IACF,6BAA+B,EAAA,iBAAA;AAAA,IAC/B,2BAA6B,EAAA,mBAAA;AAAA,IAC7B,iCACE,EAAA,kIAAA;AAAA,IACF,8BAAgC,EAAA,kBAAA;AAAA,IAChC,+BAAiC,EAAA,wBAAA;AAAA,IACjC,qCACE,EAAA,2IAAA;AAAA,IACF,kCAAoC,EAAA,UAAA;AAAA,IACpC,+BAAiC,EAAA,+BAAA;AAAA,IACjC,qCACE,EAAA,0GAAA;AAAA,IACF,kCAAoC,EAAA,iBAAA;AAAA,IACpC,yCACE,EAAA,qCAAA;AAAA,IACF,+CACE,EAAA,wHAAA;AAAA,IACF,4CAA8C,EAAA,qBAAA;AAAA,IAC9C,kCACE,EAAA,0CAAA;AAAA,IACF,wCACE,EAAA,sLAAA;AAAA,IACF,qCAAuC,EAAA,0BAAA;AAAA,IACvC,mBAAqB,EAAA,kBAAA;AAAA,IACrB,cAAgB,EAAA,gBAAA;AAAA,IAChB,iBAAmB,EAAA,2BAAA;AAAA,IACnB,mBAAqB,EAAA,aAAA;AAAA,IACrB,aAAe,EAAA,SAAA;AAAA,IACf,0BACE,EAAA,qEAAA;AAAA,IACF,sBAAwB,EAAA,gCAAA;AAAA,IACxB,wBAA0B,EAAA,gCAAA;AAAA,IAC1B,4BAA8B,EAAA,mBAAA;AAAA,IAC9B,8BAAgC,EAAA,mBAAA;AAAA,IAChC,4BAA8B,EAAA,mCAAA;AAAA,IAC9B,oBAAsB,EAAA,iBAAA;AAAA,IACtB,eAAiB,EAAA,2CAAA;AAAA,IACjB,qBACE,EAAA,2IAAA;AAAA,IACF,oBAAsB,EAAA,wBAAA;AAAA,IACtB,kBAAoB,EAAA,uCAAA;AAAA,IACpB,eAAiB,EAAA,SAAA;AAAA,IACjB,iBAAmB,EAAA,SAAA;AAAA,IACnB,kBAAoB,EAAA,eAAA;AAAA,IACpB,WACE,EAAA,4EAAA;AAAA,IACF,WAAa,EAAA,yDAAA;AAAA,IACb,WAAa,EAAA,yDAAA;AAAA,IACb,WACE,EAAA,iGAAA;AAAA,IACF,WAAa,EAAA;AAAA;AAEjB,CAAC;;;;"}

package/dist/translations/fr.esm.js

@@ -4,31 +4,57 @@ import { quickstartTranslationRef } from './ref.esm.js';
 const quickstartTranslationFr = createTranslationMessages({
   ref: quickstartTranslationRef,
   messages: {
-    "header.title": "Commen\xE7ons avec le Hub D\xE9veloppeur",
-    "header.subtitle": "Nous vous guiderons \xE0 travers quelques \xE9tapes rapides",
+    "button.closeDrawer": "Fermer le tiroir",
+    "button.openQuickstartGuide": "Ouvrir le guide de d\xE9marrage rapide",
     "button.quickstart": "D\xE9marrage rapide",
-    "footer.progress": "{{progress}}% de progression",
-    "footer.notStarted": "Pas encore commenc\xE9",
-    "footer.hide": "Masquer",
     "content.emptyState.title": "Le contenu de d\xE9marrage rapide n'est pas disponible pour votre r\xF4le.",
-    "item.expandAriaLabel": "D\xE9velopper les d\xE9tails de {{title}}",
-    "item.collapseAriaLabel": "R\xE9duire les d\xE9tails de {{title}}",
-    "item.expandButtonAriaLabel": "D\xE9velopper l'\xE9l\xE9ment",
-    "item.collapseButtonAriaLabel": "R\xE9duire l'\xE9l\xE9ment",
-    "button.openQuickstartGuide": "Ouvrir le guide de d\xE9marrage rapide",
-    "button.closeDrawer": "Fermer le tiroir",
-    "dev.pageTitle": "Page de test du plugin Quickstart",
+    "dev.currentState": "\xC9tat actuel du tiroir\xA0: {{state}}",
+    "dev.drawerControls": "Commandes des tiroirs",
+    "dev.instructions": "Instructions",
     "dev.pageDescription": "Ceci est une page de test pour le plugin Quickstart. Utilisez les boutons ci-dessous pour interagir avec le tiroir de d\xE9marrage rapide.",
-    "dev.drawerControls": "Contr\xF4les du tiroir",
-    "dev.currentState": "\xC9tat actuel du tiroir : {{state}}",
-    "dev.stateOpen": "Ouvert",
+    "dev.pageTitle": "Page de test du plugin de d\xE9marrage rapide",
     "dev.stateClosed": "Ferm\xE9",
-    "dev.instructions": "Instructions",
-    "dev.step1": '1. Cliquez sur "Ouvrir le guide de d\xE9marrage rapide" pour ouvrir le tiroir',
-    "dev.step2": "2. Naviguez \xE0 travers les \xE9tapes de d\xE9marrage rapide",
-    "dev.step3": "3. Testez le suivi de progression en compl\xE9tant les \xE9tapes",
-    "dev.step4": "4. Le tiroir peut \xEAtre ferm\xE9 en utilisant le bouton de fermeture ou les contr\xF4les propres du tiroir",
-    "dev.step5": "5. La progression est automatiquement sauvegard\xE9e dans localStorage"
+    "dev.stateOpen": "Ouvrir",
+    "dev.step1": "1. Cliquez sur \xAB\xA0Ouvrir le guide de d\xE9marrage rapide\xA0\xBB pour ouvrir le tiroir",
+    "dev.step2": "2. Parcourez les \xE9tapes de d\xE9marrage rapide",
+    "dev.step3": "3. Testez le suivi de la progression en compl\xE9tant les \xE9tapes",
+    "dev.step4": "4. Le tiroir peut \xEAtre ferm\xE9 \xE0 l'aide du bouton de fermeture ou des commandes du tiroir",
+    "dev.step5": "5. La progression est automatiquement enregistr\xE9e dans le stockage local",
+    "footer.hide": "Cacher",
+    "footer.notStarted": "Non d\xE9marr\xE9",
+    "footer.progress": "{{progress}}% de progr\xE8s",
+    "header.subtitle": "Nous vous guiderons \xE0 travers quelques \xE9tapes rapides",
+    "header.title": "Commen\xE7ons par vous familiariser avec Developer Hub",
+    "item.collapseAriaLabel": "R\xE9duire les d\xE9tails de {{title}}",
+    "item.collapseButtonAriaLabel": "R\xE9duire l'\xE9l\xE9ment",
+    "item.expandAriaLabel": "D\xE9velopper les d\xE9tails de {{title}}",
+    "item.expandButtonAriaLabel": "D\xE9velopper l'\xE9l\xE9ment",
+    // New keys https://github.com/redhat-developer/rhdh-plugins/pull/1514
+    "button.gotIt": "Compris !",
+    "steps.setupAuthentication.title": "Configurer l'authentification",
+    "steps.setupAuthentication.description": "Configurez des identifiants de connexion s\xE9curis\xE9s pour prot\xE9ger votre compte contre l'acc\xE8s non autoris\xE9.",
+    "steps.setupAuthentication.ctaTitle": "En savoir plus",
+    "steps.configureRbac.title": "Configurer RBAC",
+    "steps.configureRbac.description": "Attribuez des r\xF4les et des permissions pour contr\xF4ler qui peut voir, cr\xE9er ou modifier des ressources, assurant une collaboration s\xE9curis\xE9e et efficace.",
+    "steps.configureRbac.ctaTitle": "G\xE9rer l'acc\xE8s",
+    "steps.configureGit.title": "Configurer Git",
+    "steps.configureGit.description": "Connectez vos fournisseurs Git, comme GitHub, pour g\xE9rer le code, automatiser les flux de travail et int\xE9grer avec les fonctionnalit\xE9s de la plateforme.",
+    "steps.configureGit.ctaTitle": "En savoir plus",
+    "steps.managePlugins.title": "G\xE9rer les plugins",
+    "steps.managePlugins.description": "Parcourez et installez des extensions pour ajouter des fonctionnalit\xE9s, connecter avec des outils externes et personnaliser votre exp\xE9rience.",
+    "steps.managePlugins.ctaTitle": "Explorer les plugins",
+    "steps.importApplication.title": "Importer une application",
+    "steps.importApplication.description": "Importez votre code et vos services existants dans le catalogue pour les organiser et y acc\xE9der via votre portail d\xE9veloppeur.",
+    "steps.importApplication.ctaTitle": "Importer",
+    "steps.learnAboutCatalog.title": "Apprendre le Catalogue",
+    "steps.learnAboutCatalog.description": "D\xE9couvrez tous les composants logiciels, services et API, et consultez leurs propri\xE9taires et leur documentation.",
+    "steps.learnAboutCatalog.ctaTitle": "Voir le catalogue",
+    "steps.exploreSelfServiceTemplates.title": "Explorer les mod\xE8les en libre-service",
+    "steps.exploreSelfServiceTemplates.description": "Utilisez nos mod\xE8les en libre-service pour configurer rapidement de nouveaux projets, services ou documentation.",
+    "steps.exploreSelfServiceTemplates.ctaTitle": "Explorer les mod\xE8les",
+    "steps.findAllLearningPaths.title": "Trouver tous les parcours d'apprentissage",
+    "steps.findAllLearningPaths.description": "Int\xE9grez l'e-learning sur mesure dans vos flux de travail avec des parcours d'apprentissage pour acc\xE9l\xE9rer l'int\xE9gration, combler les lacunes de comp\xE9tences et promouvoir les meilleures pratiques.",
+    "steps.findAllLearningPaths.ctaTitle": "Voir les parcours d'apprentissage"
   }
 });
 

package/dist/translations/fr.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"fr.esm.js","sources":["../../src/translations/fr.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { createTranslationMessages } from '@backstage/core-plugin-api/alpha';\nimport { quickstartTranslationRef } from './ref';\n\nconst quickstartTranslationFr = createTranslationMessages({\n  ref: quickstartTranslationRef,\n  messages: {\n    'header.title': 'Commençons avec le Hub Développeur',\n    'header.subtitle': 'Nous vous guiderons à travers quelques étapes rapides',\n    'button.quickstart': 'Démarrage rapide',\n    'footer.progress': '{{progress}}% de progression',\n    'footer.notStarted': 'Pas encore commencé',\n    'footer.hide': 'Masquer',\n    'content.emptyState.title':\n      \"Le contenu de démarrage rapide n'est pas disponible pour votre rôle.\",\n    'item.expandAriaLabel': 'Développer les détails de {{title}}',\n    'item.collapseAriaLabel': 'Réduire les détails de {{title}}',\n    'item.expandButtonAriaLabel': \"Développer l'élément\",\n    'item.collapseButtonAriaLabel': \"Réduire l'élément\",\n    'button.openQuickstartGuide': 'Ouvrir le guide de démarrage rapide',\n    'button.closeDrawer': 'Fermer le tiroir',\n    'dev.pageTitle': 'Page de test du plugin Quickstart',\n    'dev.pageDescription':\n      'Ceci est une page de test pour le plugin Quickstart. Utilisez les boutons ci-dessous pour interagir avec le tiroir de démarrage rapide.',\n    'dev.drawerControls': 'Contrôles du tiroir',\n    'dev.currentState': 'État actuel du tiroir : {{state}}',\n    'dev.stateOpen': 'Ouvert',\n    'dev.stateClosed': 'Fermé',\n    'dev.instructions': 'Instructions',\n    'dev.step1':\n      '1. Cliquez sur \"Ouvrir le guide de démarrage rapide\" pour ouvrir le tiroir',\n    'dev.step2': '2. Naviguez à travers les étapes de démarrage rapide',\n    'dev.step3': '3. Testez le suivi de progression en complétant les étapes',\n    'dev.step4':\n      '4. Le tiroir peut être fermé en utilisant le bouton de fermeture ou les contrôles propres du tiroir',\n    'dev.step5':\n      '5. La progression est automatiquement sauvegardée dans localStorage',\n  },\n});\n\nexport default quickstartTranslationFr;\n"],"names":[],"mappings":";;;AAmBA,MAAM,0BAA0B,yBAA0B,CAAA;AAAA,EACxD,GAAK,EAAA,wBAAA;AAAA,EACL,QAAU,EAAA;AAAA,IACR,cAAgB,EAAA,0CAAA;AAAA,IAChB,iBAAmB,EAAA,6DAAA;AAAA,IACnB,mBAAqB,EAAA,qBAAA;AAAA,IACrB,iBAAmB,EAAA,8BAAA;AAAA,IACnB,mBAAqB,EAAA,wBAAA;AAAA,IACrB,aAAe,EAAA,SAAA;AAAA,IACf,0BACE,EAAA,4EAAA;AAAA,IACF,sBAAwB,EAAA,2CAAA;AAAA,IACxB,wBAA0B,EAAA,wCAAA;AAAA,IAC1B,4BAA8B,EAAA,+BAAA;AAAA,IAC9B,8BAAgC,EAAA,4BAAA;AAAA,IAChC,4BAA8B,EAAA,wCAAA;AAAA,IAC9B,oBAAsB,EAAA,kBAAA;AAAA,IACtB,eAAiB,EAAA,mCAAA;AAAA,IACjB,qBACE,EAAA,4IAAA;AAAA,IACF,oBAAsB,EAAA,wBAAA;AAAA,IACtB,kBAAoB,EAAA,sCAAA;AAAA,IACpB,eAAiB,EAAA,QAAA;AAAA,IACjB,iBAAmB,EAAA,UAAA;AAAA,IACnB,kBAAoB,EAAA,cAAA;AAAA,IACpB,WACE,EAAA,+EAAA;AAAA,IACF,WAAa,EAAA,+DAAA;AAAA,IACb,WAAa,EAAA,kEAAA;AAAA,IACb,WACE,EAAA,8GAAA;AAAA,IACF,WACE,EAAA;AAAA;AAEN,CAAC;;;;"}
+{"version":3,"file":"fr.esm.js","sources":["../../src/translations/fr.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { createTranslationMessages } from '@backstage/core-plugin-api/alpha';\nimport { quickstartTranslationRef } from './ref';\n\nconst quickstartTranslationFr = createTranslationMessages({\n  ref: quickstartTranslationRef,\n  messages: {\n    'button.closeDrawer': 'Fermer le tiroir',\n    'button.openQuickstartGuide': 'Ouvrir le guide de démarrage rapide',\n    'button.quickstart': 'Démarrage rapide',\n    'content.emptyState.title':\n      \"Le contenu de démarrage rapide n'est pas disponible pour votre rôle.\",\n    'dev.currentState': 'État actuel du tiroir : {{state}}',\n    'dev.drawerControls': 'Commandes des tiroirs',\n    'dev.instructions': 'Instructions',\n    'dev.pageDescription':\n      'Ceci est une page de test pour le plugin Quickstart. Utilisez les boutons ci-dessous pour interagir avec le tiroir de démarrage rapide.',\n    'dev.pageTitle': 'Page de test du plugin de démarrage rapide',\n    'dev.stateClosed': 'Fermé',\n    'dev.stateOpen': 'Ouvrir',\n    'dev.step1':\n      '1. Cliquez sur « Ouvrir le guide de démarrage rapide » pour ouvrir le tiroir',\n    'dev.step2': '2. Parcourez les étapes de démarrage rapide',\n    'dev.step3':\n      '3. Testez le suivi de la progression en complétant les étapes',\n    'dev.step4':\n      \"4. Le tiroir peut être fermé à l'aide du bouton de fermeture ou des commandes du tiroir\",\n    'dev.step5':\n      '5. La progression est automatiquement enregistrée dans le stockage local',\n    'footer.hide': 'Cacher',\n    'footer.notStarted': 'Non démarré',\n    'footer.progress': '{{progress}}% de progrès',\n    'header.subtitle': 'Nous vous guiderons à travers quelques étapes rapides',\n    'header.title': 'Commençons par vous familiariser avec Developer Hub',\n    'item.collapseAriaLabel': 'Réduire les détails de {{title}}',\n    'item.collapseButtonAriaLabel': \"Réduire l'élément\",\n    'item.expandAriaLabel': 'Développer les détails de {{title}}',\n    'item.expandButtonAriaLabel': \"Développer l'élément\",\n\n    // New keys https://github.com/redhat-developer/rhdh-plugins/pull/1514\n    'button.gotIt': 'Compris !',\n    'steps.setupAuthentication.title': \"Configurer l'authentification\",\n    'steps.setupAuthentication.description':\n      \"Configurez des identifiants de connexion sécurisés pour protéger votre compte contre l'accès non autorisé.\",\n    'steps.setupAuthentication.ctaTitle': 'En savoir plus',\n    'steps.configureRbac.title': 'Configurer RBAC',\n    'steps.configureRbac.description':\n      'Attribuez des rôles et des permissions pour contrôler qui peut voir, créer ou modifier des ressources, assurant une collaboration sécurisée et efficace.',\n    'steps.configureRbac.ctaTitle': \"Gérer l'accès\",\n    'steps.configureGit.title': 'Configurer Git',\n    'steps.configureGit.description':\n      'Connectez vos fournisseurs Git, comme GitHub, pour gérer le code, automatiser les flux de travail et intégrer avec les fonctionnalités de la plateforme.',\n    'steps.configureGit.ctaTitle': 'En savoir plus',\n    'steps.managePlugins.title': 'Gérer les plugins',\n    'steps.managePlugins.description':\n      'Parcourez et installez des extensions pour ajouter des fonctionnalités, connecter avec des outils externes et personnaliser votre expérience.',\n    'steps.managePlugins.ctaTitle': 'Explorer les plugins',\n    'steps.importApplication.title': 'Importer une application',\n    'steps.importApplication.description':\n      'Importez votre code et vos services existants dans le catalogue pour les organiser et y accéder via votre portail développeur.',\n    'steps.importApplication.ctaTitle': 'Importer',\n    'steps.learnAboutCatalog.title': 'Apprendre le Catalogue',\n    'steps.learnAboutCatalog.description':\n      'Découvrez tous les composants logiciels, services et API, et consultez leurs propriétaires et leur documentation.',\n    'steps.learnAboutCatalog.ctaTitle': 'Voir le catalogue',\n    'steps.exploreSelfServiceTemplates.title':\n      'Explorer les modèles en libre-service',\n    'steps.exploreSelfServiceTemplates.description':\n      'Utilisez nos modèles en libre-service pour configurer rapidement de nouveaux projets, services ou documentation.',\n    'steps.exploreSelfServiceTemplates.ctaTitle': 'Explorer les modèles',\n    'steps.findAllLearningPaths.title':\n      \"Trouver tous les parcours d'apprentissage\",\n    'steps.findAllLearningPaths.description':\n      \"Intégrez l'e-learning sur mesure dans vos flux de travail avec des parcours d'apprentissage pour accélérer l'intégration, combler les lacunes de compétences et promouvoir les meilleures pratiques.\",\n    'steps.findAllLearningPaths.ctaTitle': \"Voir les parcours d'apprentissage\",\n  },\n});\n\nexport default quickstartTranslationFr;\n"],"names":[],"mappings":";;;AAmBA,MAAM,0BAA0B,yBAA0B,CAAA;AAAA,EACxD,GAAK,EAAA,wBAAA;AAAA,EACL,QAAU,EAAA;AAAA,IACR,oBAAsB,EAAA,kBAAA;AAAA,IACtB,4BAA8B,EAAA,wCAAA;AAAA,IAC9B,mBAAqB,EAAA,qBAAA;AAAA,IACrB,0BACE,EAAA,4EAAA;AAAA,IACF,kBAAoB,EAAA,yCAAA;AAAA,IACpB,oBAAsB,EAAA,uBAAA;AAAA,IACtB,kBAAoB,EAAA,cAAA;AAAA,IACpB,qBACE,EAAA,4IAAA;AAAA,IACF,eAAiB,EAAA,+CAAA;AAAA,IACjB,iBAAmB,EAAA,UAAA;AAAA,IACnB,eAAiB,EAAA,QAAA;AAAA,IACjB,WACE,EAAA,6FAAA;AAAA,IACF,WAAa,EAAA,mDAAA;AAAA,IACb,WACE,EAAA,qEAAA;AAAA,IACF,WACE,EAAA,kGAAA;AAAA,IACF,WACE,EAAA,6EAAA;AAAA,IACF,aAAe,EAAA,QAAA;AAAA,IACf,mBAAqB,EAAA,mBAAA;AAAA,IACrB,iBAAmB,EAAA,6BAAA;AAAA,IACnB,iBAAmB,EAAA,6DAAA;AAAA,IACnB,cAAgB,EAAA,wDAAA;AAAA,IAChB,wBAA0B,EAAA,wCAAA;AAAA,IAC1B,8BAAgC,EAAA,4BAAA;AAAA,IAChC,sBAAwB,EAAA,2CAAA;AAAA,IACxB,4BAA8B,EAAA,+BAAA;AAAA;AAAA,IAG9B,cAAgB,EAAA,WAAA;AAAA,IAChB,iCAAmC,EAAA,+BAAA;AAAA,IACnC,uCACE,EAAA,2HAAA;AAAA,IACF,oCAAsC,EAAA,gBAAA;AAAA,IACtC,2BAA6B,EAAA,iBAAA;AAAA,IAC7B,iCACE,EAAA,yKAAA;AAAA,IACF,8BAAgC,EAAA,qBAAA;AAAA,IAChC,0BAA4B,EAAA,gBAAA;AAAA,IAC5B,gCACE,EAAA,mKAAA;AAAA,IACF,6BAA+B,EAAA,gBAAA;AAAA,IAC/B,2BAA6B,EAAA,sBAAA;AAAA,IAC7B,iCACE,EAAA,qJAAA;AAAA,IACF,8BAAgC,EAAA,sBAAA;AAAA,IAChC,+BAAiC,EAAA,0BAAA;AAAA,IACjC,qCACE,EAAA,sIAAA;AAAA,IACF,kCAAoC,EAAA,UAAA;AAAA,IACpC,+BAAiC,EAAA,wBAAA;AAAA,IACjC,qCACE,EAAA,yHAAA;AAAA,IACF,kCAAoC,EAAA,mBAAA;AAAA,IACpC,yCACE,EAAA,0CAAA;AAAA,IACF,+CACE,EAAA,qHAAA;AAAA,IACF,4CAA8C,EAAA,yBAAA;AAAA,IAC9C,kCACE,EAAA,2CAAA;AAAA,IACF,wCACE,EAAA,qNAAA;AAAA,IACF,qCAAuC,EAAA;AAAA;AAE3C,CAAC;;;;"}

package/dist/translations/ref.esm.js

@@ -5,10 +5,53 @@ const quickstartMessages = {
     title: "Let's get you started with Developer Hub",
     subtitle: "We'll guide you through a few quick steps"
   },
+  steps: {
+    setupAuthentication: {
+      title: "Set up authentication",
+      description: "Set up secure login credentials to protect your account from unauthorized access.",
+      ctaTitle: "Learn more"
+    },
+    configureRbac: {
+      title: "Configure RBAC",
+      description: "Assign roles and permissions to control who can view, create, or edit resources, ensuring secure and efficient collaboration.",
+      ctaTitle: "Manage access"
+    },
+    configureGit: {
+      title: "Configure Git",
+      description: "Connect your Git providers, such as GitHub to manage code, automate workflows, and integrate with platform features.",
+      ctaTitle: "Learn more"
+    },
+    managePlugins: {
+      title: "Manage plugins",
+      description: "Browse and install extensions to add features, connect with external tools, and customize your experience.",
+      ctaTitle: "Explore plugins"
+    },
+    importApplication: {
+      title: "Import application",
+      description: "Import your existing code and services into the catalog to organize and access them through your developer portal.",
+      ctaTitle: "Import"
+    },
+    learnAboutCatalog: {
+      title: "Learn about the Catalog",
+      description: "Discover all software components, services, and APIs, and view their owners and documentation.",
+      ctaTitle: "View Catalog"
+    },
+    exploreSelfServiceTemplates: {
+      title: "Explore Self-service templates",
+      description: "Use our self-service templates to quickly set up new projects, services, or documentation.",
+      ctaTitle: "Explore templates"
+    },
+    findAllLearningPaths: {
+      title: "Find all Learning Paths",
+      description: "Integrate tailored e-learning into your workflows with Learning Paths to accelerate onboarding, close skill gaps, and promote best practices.",
+      ctaTitle: "View Learning Paths"
+    }
+  },
   button: {
     quickstart: "Quick start",
     openQuickstartGuide: "Open Quickstart Guide",
-    closeDrawer: "Close Drawer"
+    closeDrawer: "Close Drawer",
+    gotIt: "Got it!"
   },
   footer: {
     progress: "{{progress}}% progress",

package/dist/translations/ref.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref.esm.js","sources":["../../src/translations/ref.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/**\n * Messages object containing all English translations.\n * This is our single source of truth for translations.\n * @public\n */\nexport const quickstartMessages = {\n  header: {\n    title: \"Let's get you started with Developer Hub\",\n    subtitle: \"We'll guide you through a few quick steps\",\n  },\n  button: {\n    quickstart: 'Quick start',\n    openQuickstartGuide: 'Open Quickstart Guide',\n    closeDrawer: 'Close Drawer',\n  },\n  footer: {\n    progress: '{{progress}}% progress',\n    notStarted: 'Not started',\n    hide: 'Hide',\n  },\n  content: {\n    emptyState: {\n      title: 'Quickstart content not available for your role.',\n    },\n  },\n  item: {\n    expandAriaLabel: 'Expand {{title}} details',\n    collapseAriaLabel: 'Collapse {{title}} details',\n    expandButtonAriaLabel: 'Expand item',\n    collapseButtonAriaLabel: 'Collapse item',\n  },\n  dev: {\n    pageTitle: 'Quickstart Plugin Test Page',\n    pageDescription:\n      'This is a test page for the Quickstart plugin. Use the buttons below to interact with the quickstart drawer.',\n    drawerControls: 'Drawer Controls',\n    currentState: 'Current drawer state: {{state}}',\n    stateOpen: 'Open',\n    stateClosed: 'Closed',\n    instructions: 'Instructions',\n    step1: '1. Click \"Open Quickstart Guide\" to open the drawer',\n    step2: '2. Navigate through the quickstart steps',\n    step3: '3. Test the progress tracking by completing steps',\n    step4:\n      \"4. The drawer can be closed using the close button or the drawer's own controls\",\n    step5: '5. Progress is automatically saved to localStorage',\n  },\n};\n\n/**\n * Translation reference for Quickstart plugin\n * @public\n */\nexport const quickstartTranslationRef = createTranslationRef({\n  id: 'plugin.quickstart',\n  messages: quickstartMessages,\n});\n"],"names":[],"mappings":";;AAuBO,MAAM,kBAAqB,GAAA;AAAA,EAChC,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,0CAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,aAAA;AAAA,IACZ,mBAAqB,EAAA,uBAAA;AAAA,IACrB,WAAa,EAAA;AAAA,GACf;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,QAAU,EAAA,wBAAA;AAAA,IACV,UAAY,EAAA,aAAA;AAAA,IACZ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,UAAY,EAAA;AAAA,MACV,KAAO,EAAA;AAAA;AACT,GACF;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,0BAAA;AAAA,IACjB,iBAAmB,EAAA,4BAAA;AAAA,IACnB,qBAAuB,EAAA,aAAA;AAAA,IACvB,uBAAyB,EAAA;AAAA,GAC3B;AAAA,EACA,GAAK,EAAA;AAAA,IACH,SAAW,EAAA,6BAAA;AAAA,IACX,eACE,EAAA,8GAAA;AAAA,IACF,cAAgB,EAAA,iBAAA;AAAA,IAChB,YAAc,EAAA,iCAAA;AAAA,IACd,SAAW,EAAA,MAAA;AAAA,IACX,WAAa,EAAA,QAAA;AAAA,IACb,YAAc,EAAA,cAAA;AAAA,IACd,KAAO,EAAA,qDAAA;AAAA,IACP,KAAO,EAAA,0CAAA;AAAA,IACP,KAAO,EAAA,mDAAA;AAAA,IACP,KACE,EAAA,iFAAA;AAAA,IACF,KAAO,EAAA;AAAA;AAEX;AAMO,MAAM,2BAA2B,oBAAqB,CAAA;AAAA,EAC3D,EAAI,EAAA,mBAAA;AAAA,EACJ,QAAU,EAAA;AACZ,CAAC;;;;"}
+{"version":3,"file":"ref.esm.js","sources":["../../src/translations/ref.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/**\n * Messages object containing all English translations.\n * This is our single source of truth for translations.\n * @public\n */\nexport const quickstartMessages = {\n  header: {\n    title: \"Let's get you started with Developer Hub\",\n    subtitle: \"We'll guide you through a few quick steps\",\n  },\n  steps: {\n    setupAuthentication: {\n      title: 'Set up authentication',\n      description:\n        'Set up secure login credentials to protect your account from unauthorized access.',\n      ctaTitle: 'Learn more',\n    },\n    configureRbac: {\n      title: 'Configure RBAC',\n      description:\n        'Assign roles and permissions to control who can view, create, or edit resources, ensuring secure and efficient collaboration.',\n      ctaTitle: 'Manage access',\n    },\n    configureGit: {\n      title: 'Configure Git',\n      description:\n        'Connect your Git providers, such as GitHub to manage code, automate workflows, and integrate with platform features.',\n      ctaTitle: 'Learn more',\n    },\n    managePlugins: {\n      title: 'Manage plugins',\n      description:\n        'Browse and install extensions to add features, connect with external tools, and customize your experience.',\n      ctaTitle: 'Explore plugins',\n    },\n    importApplication: {\n      title: 'Import application',\n      description:\n        'Import your existing code and services into the catalog to organize and access them through your developer portal.',\n      ctaTitle: 'Import',\n    },\n    learnAboutCatalog: {\n      title: 'Learn about the Catalog',\n      description:\n        'Discover all software components, services, and APIs, and view their owners and documentation.',\n      ctaTitle: 'View Catalog',\n    },\n    exploreSelfServiceTemplates: {\n      title: 'Explore Self-service templates',\n      description:\n        'Use our self-service templates to quickly set up new projects, services, or documentation.',\n      ctaTitle: 'Explore templates',\n    },\n    findAllLearningPaths: {\n      title: 'Find all Learning Paths',\n      description:\n        'Integrate tailored e-learning into your workflows with Learning Paths to accelerate onboarding, close skill gaps, and promote best practices.',\n      ctaTitle: 'View Learning Paths',\n    },\n  },\n  button: {\n    quickstart: 'Quick start',\n    openQuickstartGuide: 'Open Quickstart Guide',\n    closeDrawer: 'Close Drawer',\n    gotIt: 'Got it!',\n  },\n  footer: {\n    progress: '{{progress}}% progress',\n    notStarted: 'Not started',\n    hide: 'Hide',\n  },\n  content: {\n    emptyState: {\n      title: 'Quickstart content not available for your role.',\n    },\n  },\n  item: {\n    expandAriaLabel: 'Expand {{title}} details',\n    collapseAriaLabel: 'Collapse {{title}} details',\n    expandButtonAriaLabel: 'Expand item',\n    collapseButtonAriaLabel: 'Collapse item',\n  },\n  dev: {\n    pageTitle: 'Quickstart Plugin Test Page',\n    pageDescription:\n      'This is a test page for the Quickstart plugin. Use the buttons below to interact with the quickstart drawer.',\n    drawerControls: 'Drawer Controls',\n    currentState: 'Current drawer state: {{state}}',\n    stateOpen: 'Open',\n    stateClosed: 'Closed',\n    instructions: 'Instructions',\n    step1: '1. Click \"Open Quickstart Guide\" to open the drawer',\n    step2: '2. Navigate through the quickstart steps',\n    step3: '3. Test the progress tracking by completing steps',\n    step4:\n      \"4. The drawer can be closed using the close button or the drawer's own controls\",\n    step5: '5. Progress is automatically saved to localStorage',\n  },\n};\n\n/**\n * Translation reference for Quickstart plugin\n * @public\n */\nexport const quickstartTranslationRef = createTranslationRef({\n  id: 'plugin.quickstart',\n  messages: quickstartMessages,\n});\n"],"names":[],"mappings":";;AAuBO,MAAM,kBAAqB,GAAA;AAAA,EAChC,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,0CAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,mBAAqB,EAAA;AAAA,MACnB,KAAO,EAAA,uBAAA;AAAA,MACP,WACE,EAAA,mFAAA;AAAA,MACF,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,gBAAA;AAAA,MACP,WACE,EAAA,+HAAA;AAAA,MACF,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,KAAO,EAAA,eAAA;AAAA,MACP,WACE,EAAA,sHAAA;AAAA,MACF,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,gBAAA;AAAA,MACP,WACE,EAAA,4GAAA;AAAA,MACF,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,KAAO,EAAA,oBAAA;AAAA,MACP,WACE,EAAA,oHAAA;AAAA,MACF,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,KAAO,EAAA,yBAAA;AAAA,MACP,WACE,EAAA,gGAAA;AAAA,MACF,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,2BAA6B,EAAA;AAAA,MAC3B,KAAO,EAAA,gCAAA;AAAA,MACP,WACE,EAAA,4FAAA;AAAA,MACF,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,oBAAsB,EAAA;AAAA,MACpB,KAAO,EAAA,yBAAA;AAAA,MACP,WACE,EAAA,+IAAA;AAAA,MACF,QAAU,EAAA;AAAA;AACZ,GACF;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,aAAA;AAAA,IACZ,mBAAqB,EAAA,uBAAA;AAAA,IACrB,WAAa,EAAA,cAAA;AAAA,IACb,KAAO,EAAA;AAAA,GACT;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,QAAU,EAAA,wBAAA;AAAA,IACV,UAAY,EAAA,aAAA;AAAA,IACZ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,UAAY,EAAA;AAAA,MACV,KAAO,EAAA;AAAA;AACT,GACF;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,0BAAA;AAAA,IACjB,iBAAmB,EAAA,4BAAA;AAAA,IACnB,qBAAuB,EAAA,aAAA;AAAA,IACvB,uBAAyB,EAAA;AAAA,GAC3B;AAAA,EACA,GAAK,EAAA;AAAA,IACH,SAAW,EAAA,6BAAA;AAAA,IACX,eACE,EAAA,8GAAA;AAAA,IACF,cAAgB,EAAA,iBAAA;AAAA,IAChB,YAAc,EAAA,iCAAA;AAAA,IACd,SAAW,EAAA,MAAA;AAAA,IACX,WAAa,EAAA,QAAA;AAAA,IACb,YAAc,EAAA,cAAA;AAAA,IACd,KAAO,EAAA,qDAAA;AAAA,IACP,KAAO,EAAA,0CAAA;AAAA,IACP,KAAO,EAAA,mDAAA;AAAA,IACP,KACE,EAAA,iFAAA;AAAA,IACF,KAAO,EAAA;AAAA;AAEX;AAMO,MAAM,2BAA2B,oBAAqB,CAAA;AAAA,EAC3D,EAAI,EAAA,mBAAA;AAAA,EACJ,QAAU,EAAA;AACZ,CAAC;;;;"}

package/dist/utils/translationUtils.esm.js

@@ -0,0 +1,10 @@
+const getTranslatedTextWithFallback = (t, translationKey, fallbackText) => {
+  if (!translationKey) {
+    return fallbackText;
+  }
+  const translation = t(translationKey, {});
+  return translation !== translationKey ? translation : fallbackText;
+};
+
+export { getTranslatedTextWithFallback };
+//# sourceMappingURL=translationUtils.esm.js.map

package/dist/utils/translationUtils.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translationUtils.esm.js","sources":["../../src/utils/translationUtils.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { TranslationFunction } from '@backstage/core-plugin-api/alpha';\nimport { quickstartTranslationRef } from '../translations';\n\n/**\n * Utility function to get translated text with fallback to original text\n *\n * @param t - Translation function\n * @param translationKey - Optional translation key to look up\n * @param fallbackText - Text to display if translation key is not provided or translation is not found\n * @returns Translated text or fallback text\n */\nexport const getTranslatedTextWithFallback = (\n  t: TranslationFunction<typeof quickstartTranslationRef.T>,\n  translationKey: string | undefined,\n  fallbackText: string,\n): string => {\n  if (!translationKey) {\n    return fallbackText;\n  }\n\n  const translation = t(translationKey as keyof typeof t, {});\n  return translation !== translationKey ? translation : fallbackText;\n};\n"],"names":[],"mappings":"AA2BO,MAAM,6BAAgC,GAAA,CAC3C,CACA,EAAA,cAAA,EACA,YACW,KAAA;AACX,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAO,OAAA,YAAA;AAAA;AAGT,EAAA,MAAM,WAAc,GAAA,CAAA,CAAE,cAAkC,EAAA,EAAE,CAAA;AAC1D,EAAO,OAAA,WAAA,KAAgB,iBAAiB,WAAc,GAAA,YAAA;AACxD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-quickstart",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "license": "Apache-2.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",