@backstage/plugin-catalog-import 0.12.14-next.0 → 0.13.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @backstage/plugin-catalog-import
 
+## 0.13.0-next.2
+
+### Minor Changes
+
+- e2fd549: **BREAKING**: `generateStepper` and `defaultGenerateStepper` now require a translation argument to be passed through for supporting translations.
+
+### Patch Changes
+
+- 66a1140: Add i18n support for `catalog-import` plugin.
+- Updated dependencies
+  - @backstage/integration@1.17.0-next.2
+  - @backstage/core-plugin-api@1.10.7-next.0
+  - @backstage/config@1.3.2
+  - @backstage/core-compat-api@0.4.2-next.2
+  - @backstage/core-components@0.17.2-next.1
+  - @backstage/frontend-plugin-api@0.10.2-next.1
+  - @backstage/integration-react@1.2.7-next.2
+  - @backstage/plugin-catalog-react@1.18.0-next.2
+  - @backstage/catalog-client@1.10.0-next.0
+  - @backstage/catalog-model@1.7.3
+  - @backstage/errors@1.2.7
+  - @backstage/plugin-catalog-common@1.1.4-next.0
+
+## 0.12.14-next.1
+
+### Patch Changes
+
+- fb58f20: Internal update to use the new `pluginId` option of `createFrontendPlugin`.
+- Updated dependencies
+  - @backstage/core-components@0.17.2-next.0
+  - @backstage/frontend-plugin-api@0.10.2-next.0
+  - @backstage/core-compat-api@0.4.2-next.1
+  - @backstage/integration@1.16.4-next.1
+  - @backstage/plugin-catalog-react@1.18.0-next.1
+  - @backstage/integration-react@1.2.7-next.1
+  - @backstage/catalog-client@1.10.0-next.0
+  - @backstage/catalog-model@1.7.3
+  - @backstage/config@1.3.2
+  - @backstage/core-plugin-api@1.10.6
+  - @backstage/errors@1.2.7
+  - @backstage/plugin-catalog-common@1.1.4-next.0
+
 ## 0.12.14-next.0
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -5,8 +5,69 @@ import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/al
 
 /** @alpha */
 declare const catalogImportTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"catalog-import", {
-    readonly pageTitle: "Register an existing component";
+    readonly "buttons.back": "Back";
+    readonly "defaultImportPage.headerTitle": "Register an existing component";
+    readonly "defaultImportPage.contentHeaderTitle": "Start tracking your component in {{appTitle}}";
+    readonly "defaultImportPage.supportTitle": "Start tracking your component in {{appTitle}} by adding it to the software catalog.";
     readonly "importInfoCard.title": "Register an existing component";
+    readonly "importInfoCard.deepLinkTitle": "Learn more about the Software Catalog";
+    readonly "importInfoCard.linkDescription": "Enter the URL to your source code repository to add it to {{appTitle}}.";
+    readonly "importInfoCard.fileLinkTitle": "Link to an existing entity file";
+    readonly "importInfoCard.examplePrefix": "Example: ";
+    readonly "importInfoCard.fileLinkDescription": "The wizard analyzes the file, previews the entities, and adds them to the {{appTitle}} catalog.";
+    readonly "importInfoCard.githubIntegration.label": "GitHub only";
+    readonly "importInfoCard.githubIntegration.title": "Link to a repository";
+    readonly "importStepper.finish.title": "Finish";
+    readonly "importStepper.noLocation.title": "Create Pull Request";
+    readonly "importStepper.noLocation.createPr.ownerLabel": "Entity Owner";
+    readonly "importStepper.noLocation.createPr.detailsTitle": "Pull Request Details";
+    readonly "importStepper.noLocation.createPr.titleLabel": "Pull Request Title";
+    readonly "importStepper.noLocation.createPr.titlePlaceholder": "Add Backstage catalog entity descriptor files";
+    readonly "importStepper.noLocation.createPr.bodyLabel": "Pull Request Body";
+    readonly "importStepper.noLocation.createPr.bodyPlaceholder": "A describing text with Markdown support";
+    readonly "importStepper.noLocation.createPr.configurationTitle": "Entity Configuration";
+    readonly "importStepper.noLocation.createPr.componentNameLabel": "Name of the created component";
+    readonly "importStepper.noLocation.createPr.componentNamePlaceholder": "my-component";
+    readonly "importStepper.noLocation.createPr.ownerLoadingText": "Loading groups…";
+    readonly "importStepper.noLocation.createPr.ownerHelperText": "Select an owner from the list or enter a reference to a Group or a User";
+    readonly "importStepper.noLocation.createPr.ownerErrorHelperText": "required value";
+    readonly "importStepper.noLocation.createPr.ownerPlaceholder": "my-group";
+    readonly "importStepper.noLocation.createPr.codeownersHelperText": "WARNING: This may fail if no CODEOWNERS file is found at the target location.";
+    readonly "importStepper.singleLocation.title": "Select Locations";
+    readonly "importStepper.singleLocation.description": "Discovered Locations: 1";
+    readonly "importStepper.multipleLocations.title": "Select Locations";
+    readonly "importStepper.multipleLocations.description": "Discovered Locations: {{length, number}}";
+    readonly "importStepper.analyze.title": "Select URL";
+    readonly "importStepper.prepare.title": "Import Actions";
+    readonly "importStepper.prepare.description": "Optional";
+    readonly "importStepper.review.title": "Review";
+    readonly "stepFinishImportLocation.repository.title": "The following Pull Request has been opened: ";
+    readonly "stepFinishImportLocation.repository.description": "Your entities will be imported as soon as the Pull Request is merged.";
+    readonly "stepFinishImportLocation.backButtonText": "Register another";
+    readonly "stepFinishImportLocation.locations.new": "The following entities have been added to the catalog:";
+    readonly "stepFinishImportLocation.locations.backButtonText": "Register another";
+    readonly "stepFinishImportLocation.locations.existing": "A refresh was triggered for the following locations:";
+    readonly "stepFinishImportLocation.locations.viewButtonText": "View Component";
+    readonly "stepInitAnalyzeUrl.error.default": "Received unknown analysis result of type {{type}}. Please contact the support team.";
+    readonly "stepInitAnalyzeUrl.error.url": "Must start with http:// or https://.";
+    readonly "stepInitAnalyzeUrl.error.repository": "Couldn't generate entities for your repository";
+    readonly "stepInitAnalyzeUrl.error.locations": "There are no entities at this location";
+    readonly "stepInitAnalyzeUrl.urlHelperText": "Enter the full path to your entity file to start tracking your component";
+    readonly "stepInitAnalyzeUrl.nextButtonText": "Analyze";
+    readonly "stepPrepareCreatePullRequest.nextButtonText": "Create PR";
+    readonly "stepPrepareCreatePullRequest.previewPr.title": "Preview Pull Request";
+    readonly "stepPrepareCreatePullRequest.previewPr.subheader": "Create a new Pull Request";
+    readonly "stepPrepareCreatePullRequest.previewCatalogInfo.title": "Preview Entities";
+    readonly "stepPrepareSelectLocations.locations.description": "Select one or more locations that are present in your git repository:";
+    readonly "stepPrepareSelectLocations.locations.selectAll": "Select All";
+    readonly "stepPrepareSelectLocations.nextButtonText": "Review";
+    readonly "stepPrepareSelectLocations.existingLocations.description": "These locations already exist in the catalog:";
+    readonly "stepReviewLocation.refresh": "Refresh";
+    readonly "stepReviewLocation.import": "Import";
+    readonly "stepReviewLocation.catalog.new": "The following entities will be added to the catalog:";
+    readonly "stepReviewLocation.catalog.exists": "The following locations already exist in the catalog:";
+    readonly "stepReviewLocation.prepareResult.title": "The following Pull Request has been opened: ";
+    readonly "stepReviewLocation.prepareResult.description": "You can already import the location and {{appTitle}} will fetch the entities as soon as the Pull Request is merged.";
 }>;
 
 /** @alpha */

package/dist/alpha.esm.js

@@ -49,7 +49,7 @@ const catalogImportApi = ApiBlueprint.make({
   }
 });
 var alpha = createFrontendPlugin({
-  id: "catalog-import",
+  pluginId: "catalog-import",
   extensions: [catalogImportApi, catalogImportPage],
   routes: {
     importPage: convertLegacyRouteRef(rootRouteRef)

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  configApiRef,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport {\n  createFrontendPlugin,\n  PageBlueprint,\n  ApiBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  scmAuthApiRef,\n  scmIntegrationsApiRef,\n} from '@backstage/integration-react';\nimport { CatalogImportClient, catalogImportApiRef } from './api';\nimport { rootRouteRef } from './plugin';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\n\nexport * from './translation';\n\n// TODO: It's currently possible to override the import page with a custom one. We need to decide\n//       whether this type of override is typically done with an input or by overriding the entire extension.\nconst catalogImportPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/catalog-import',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('./components/ImportPage').then(m =>\n        compatWrapper(<m.ImportPage />),\n      ),\n  },\n});\n\nconst catalogImportApi = ApiBlueprint.make({\n  params: {\n    factory: createApiFactory({\n      api: catalogImportApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        scmAuthApi: scmAuthApiRef,\n        fetchApi: fetchApiRef,\n        scmIntegrationsApi: scmIntegrationsApiRef,\n        catalogApi: catalogApiRef,\n        configApi: configApiRef,\n      },\n      factory: ({\n        discoveryApi,\n        scmAuthApi,\n        fetchApi,\n        scmIntegrationsApi,\n        catalogApi,\n        configApi,\n      }) =>\n        new CatalogImportClient({\n          discoveryApi,\n          scmAuthApi,\n          scmIntegrationsApi,\n          fetchApi,\n          catalogApi,\n          configApi,\n        }),\n    }),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  id: 'catalog-import',\n  extensions: [catalogImportApi, catalogImportPage],\n  routes: {\n    importPage: convertLegacyRouteRef(rootRouteRef),\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;AA2CA,MAAM,iBAAA,GAAoB,cAAc,IAAK,CAAA;AAAA,EAC3C,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,iBAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,sCAAyB,CAAE,CAAA,IAAA;AAAA,MAAK,OACrC,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,UAAA,EAAF,EAAa,CAAE;AAAA;AAChC;AAEN,CAAC,CAAA;AAED,MAAM,gBAAA,GAAmB,aAAa,IAAK,CAAA;AAAA,EACzC,MAAQ,EAAA;AAAA,IACN,SAAS,gBAAiB,CAAA;AAAA,MACxB,GAAK,EAAA,mBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,UAAY,EAAA,aAAA;AAAA,QACZ,QAAU,EAAA,WAAA;AAAA,QACV,kBAAoB,EAAA,qBAAA;AAAA,QACpB,UAAY,EAAA,aAAA;AAAA,QACZ,SAAW,EAAA;AAAA,OACb;AAAA,MACA,SAAS,CAAC;AAAA,QACR,YAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAA;AAAA,QACA,kBAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACF,KACE,IAAI,mBAAoB,CAAA;AAAA,QACtB,YAAA;AAAA,QACA,UAAA;AAAA,QACA,kBAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACD;AAAA,KACJ;AAAA;AAEL,CAAC,CAAA;AAGD,YAAe,oBAAqB,CAAA;AAAA,EAClC,EAAI,EAAA,gBAAA;AAAA,EACJ,UAAA,EAAY,CAAC,gBAAA,EAAkB,iBAAiB,CAAA;AAAA,EAChD,MAAQ,EAAA;AAAA,IACN,UAAA,EAAY,sBAAsB,YAAY;AAAA;AAElD,CAAC,CAAA;;;;"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  configApiRef,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport {\n  createFrontendPlugin,\n  PageBlueprint,\n  ApiBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  scmAuthApiRef,\n  scmIntegrationsApiRef,\n} from '@backstage/integration-react';\nimport { CatalogImportClient, catalogImportApiRef } from './api';\nimport { rootRouteRef } from './plugin';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\n\nexport * from './translation';\n\n// TODO: It's currently possible to override the import page with a custom one. We need to decide\n//       whether this type of override is typically done with an input or by overriding the entire extension.\nconst catalogImportPage = PageBlueprint.make({\n  params: {\n    defaultPath: '/catalog-import',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: () =>\n      import('./components/ImportPage').then(m =>\n        compatWrapper(<m.ImportPage />),\n      ),\n  },\n});\n\nconst catalogImportApi = ApiBlueprint.make({\n  params: {\n    factory: createApiFactory({\n      api: catalogImportApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        scmAuthApi: scmAuthApiRef,\n        fetchApi: fetchApiRef,\n        scmIntegrationsApi: scmIntegrationsApiRef,\n        catalogApi: catalogApiRef,\n        configApi: configApiRef,\n      },\n      factory: ({\n        discoveryApi,\n        scmAuthApi,\n        fetchApi,\n        scmIntegrationsApi,\n        catalogApi,\n        configApi,\n      }) =>\n        new CatalogImportClient({\n          discoveryApi,\n          scmAuthApi,\n          scmIntegrationsApi,\n          fetchApi,\n          catalogApi,\n          configApi,\n        }),\n    }),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'catalog-import',\n  extensions: [catalogImportApi, catalogImportPage],\n  routes: {\n    importPage: convertLegacyRouteRef(rootRouteRef),\n  },\n});\n\nexport { catalogImportTranslationRef } from './translation';\n"],"names":[],"mappings":";;;;;;;;;;;AA2CA,MAAM,iBAAA,GAAoB,cAAc,IAAK,CAAA;AAAA,EAC3C,MAAQ,EAAA;AAAA,IACN,WAAa,EAAA,iBAAA;AAAA,IACb,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,MACN,OAAO,sCAAyB,CAAE,CAAA,IAAA;AAAA,MAAK,OACrC,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,UAAA,EAAF,EAAa,CAAE;AAAA;AAChC;AAEN,CAAC,CAAA;AAED,MAAM,gBAAA,GAAmB,aAAa,IAAK,CAAA;AAAA,EACzC,MAAQ,EAAA;AAAA,IACN,SAAS,gBAAiB,CAAA;AAAA,MACxB,GAAK,EAAA,mBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,UAAY,EAAA,aAAA;AAAA,QACZ,QAAU,EAAA,WAAA;AAAA,QACV,kBAAoB,EAAA,qBAAA;AAAA,QACpB,UAAY,EAAA,aAAA;AAAA,QACZ,SAAW,EAAA;AAAA,OACb;AAAA,MACA,SAAS,CAAC;AAAA,QACR,YAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAA;AAAA,QACA,kBAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACF,KACE,IAAI,mBAAoB,CAAA;AAAA,QACtB,YAAA;AAAA,QACA,UAAA;AAAA,QACA,kBAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACD;AAAA,KACJ;AAAA;AAEL,CAAC,CAAA;AAGD,YAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,gBAAA;AAAA,EACV,UAAA,EAAY,CAAC,gBAAA,EAAkB,iBAAiB,CAAA;AAAA,EAChD,MAAQ,EAAA;AAAA,IACN,UAAA,EAAY,sBAAsB,YAAY;AAAA;AAElD,CAAC,CAAA;;;;"}

package/dist/components/Buttons/index.esm.js

@@ -1,8 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { LinkButton } from '@backstage/core-components';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import Button from '@material-ui/core/Button';
 import CircularProgress from '@material-ui/core/CircularProgress';
 import { makeStyles } from '@material-ui/core/styles';
+import { catalogImportTranslationRef } from '../../translation.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   wrapper: {
@@ -40,8 +42,9 @@ const NextButton = (props) => {
   ] });
 };
 const BackButton = (props) => {
+  const { t } = useTranslationRef(catalogImportTranslationRef);
   const classes = useStyles();
-  return /* @__PURE__ */ jsx(Button, { variant: "outlined", className: classes.button, ...props, children: props.children || "Back" });
+  return /* @__PURE__ */ jsx(Button, { variant: "outlined", className: classes.button, ...props, children: props.children || t("buttons.back") });
 };
 const ViewComponentButton = (props) => {
   const classes = useStyles();

package/dist/components/Buttons/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/Buttons/index.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { LinkButton } from '@backstage/core-components';\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ComponentProps } from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    marginTop: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    position: 'relative',\n  },\n  buttonProgress: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    marginTop: -12,\n    marginLeft: -12,\n  },\n  button: {\n    marginTop: theme.spacing(1),\n    marginRight: theme.spacing(1),\n  },\n}));\n\nexport const NextButton = (\n  props: ComponentProps<typeof Button> & { loading?: boolean },\n) => {\n  const { loading, ...buttonProps } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.wrapper}>\n      <Button\n        color=\"primary\"\n        variant=\"contained\"\n        {...buttonProps}\n        disabled={props.disabled || props.loading}\n      />\n      {props.loading && (\n        <CircularProgress size=\"1.5rem\" className={classes.buttonProgress} />\n      )}\n      {props.loading}\n    </div>\n  );\n};\n\nexport const BackButton = (props: ComponentProps<typeof Button>) => {\n  const classes = useStyles();\n\n  return (\n    <Button variant=\"outlined\" className={classes.button} {...props}>\n      {props.children || 'Back'}\n    </Button>\n  );\n};\n\nexport const ViewComponentButton = (\n  props: ComponentProps<typeof LinkButton>,\n) => {\n  const classes = useStyles();\n\n  return (\n    <LinkButton\n      color=\"primary\"\n      variant=\"contained\"\n      className={classes.button}\n      {...props}\n    >\n      {props.children}\n    </LinkButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC5B,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,CAAA,EAAA;AAAA,IACX,UAAY,EAAA,CAAA;AAAA,GACd;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAEhC,CAAE,CAAA,CAAA;AAEW,MAAA,UAAA,GAAa,CACxB,KACG,KAAA;AACH,EAAA,MAAM,EAAE,OAAA,EAAS,GAAG,WAAA,EAAgB,GAAA,KAAA;AACpC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,OACtB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA,WAAA;AAAA,QACP,GAAG,WAAA;AAAA,QACJ,QAAA,EAAU,KAAM,CAAA,QAAA,IAAY,KAAM,CAAA;AAAA;AAAA,KACpC;AAAA,IACC,KAAA,CAAM,2BACJ,GAAA,CAAA,gBAAA,EAAA,EAAiB,MAAK,QAAS,EAAA,SAAA,EAAW,QAAQ,cAAgB,EAAA,CAAA;AAAA,IAEpE,KAAM,CAAA;AAAA,GACT,EAAA,CAAA;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAAyC,KAAA;AAClE,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,SAAA,EAAW,OAAQ,CAAA,MAAA,EAAS,GAAG,KAAA,EACvD,QAAM,EAAA,KAAA,CAAA,QAAA,IAAY,MACrB,EAAA,CAAA;AAEJ;AAEa,MAAA,mBAAA,GAAsB,CACjC,KACG,KAAA;AACH,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,OAAQ,EAAA,WAAA;AAAA,MACR,WAAW,OAAQ,CAAA,MAAA;AAAA,MAClB,GAAG,KAAA;AAAA,MAEH,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/Buttons/index.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { LinkButton } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport Button from '@material-ui/core/Button';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ComponentProps } from 'react';\n\nimport { catalogImportTranslationRef } from '../../translation';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    marginTop: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    position: 'relative',\n  },\n  buttonProgress: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    marginTop: -12,\n    marginLeft: -12,\n  },\n  button: {\n    marginTop: theme.spacing(1),\n    marginRight: theme.spacing(1),\n  },\n}));\n\nexport const NextButton = (\n  props: ComponentProps<typeof Button> & { loading?: boolean },\n) => {\n  const { loading, ...buttonProps } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.wrapper}>\n      <Button\n        color=\"primary\"\n        variant=\"contained\"\n        {...buttonProps}\n        disabled={props.disabled || props.loading}\n      />\n      {props.loading && (\n        <CircularProgress size=\"1.5rem\" className={classes.buttonProgress} />\n      )}\n      {props.loading}\n    </div>\n  );\n};\n\nexport const BackButton = (props: ComponentProps<typeof Button>) => {\n  const { t } = useTranslationRef(catalogImportTranslationRef);\n  const classes = useStyles();\n\n  return (\n    <Button variant=\"outlined\" className={classes.button} {...props}>\n      {props.children || t('buttons.back')}\n    </Button>\n  );\n};\n\nexport const ViewComponentButton = (\n  props: ComponentProps<typeof LinkButton>,\n) => {\n  const classes = useStyles();\n\n  return (\n    <LinkButton\n      color=\"primary\"\n      variant=\"contained\"\n      className={classes.button}\n      {...props}\n    >\n      {props.children}\n    </LinkButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAyBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC5B,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,CAAA,EAAA;AAAA,IACX,UAAY,EAAA,CAAA;AAAA,GACd;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAEhC,CAAE,CAAA,CAAA;AAEW,MAAA,UAAA,GAAa,CACxB,KACG,KAAA;AACH,EAAA,MAAM,EAAE,OAAA,EAAS,GAAG,WAAA,EAAgB,GAAA,KAAA;AACpC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,OACtB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA,WAAA;AAAA,QACP,GAAG,WAAA;AAAA,QACJ,QAAA,EAAU,KAAM,CAAA,QAAA,IAAY,KAAM,CAAA;AAAA;AAAA,KACpC;AAAA,IACC,KAAA,CAAM,2BACJ,GAAA,CAAA,gBAAA,EAAA,EAAiB,MAAK,QAAS,EAAA,SAAA,EAAW,QAAQ,cAAgB,EAAA,CAAA;AAAA,IAEpE,KAAM,CAAA;AAAA,GACT,EAAA,CAAA;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAAyC,KAAA;AAClE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAO,OAAQ,EAAA,UAAA,EAAW,SAAW,EAAA,OAAA,CAAQ,MAAS,EAAA,GAAG,KACvD,EAAA,QAAA,EAAA,KAAA,CAAM,QAAY,IAAA,CAAA,CAAE,cAAc,CACrC,EAAA,CAAA;AAEJ;AAEa,MAAA,mBAAA,GAAsB,CACjC,KACG,KAAA;AACH,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,OAAQ,EAAA,WAAA;AAAA,MACR,WAAW,OAAQ,CAAA,MAAA;AAAA,MAClB,GAAG,KAAA;AAAA,MAEH,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}

package/dist/components/DefaultImportPage/DefaultImportPage.esm.js

@@ -1,9 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Page, Header, Content, ContentHeader, SupportButton } from '@backstage/core-components';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import Grid from '@material-ui/core/Grid';
-import useMediaQuery from '@material-ui/core/useMediaQuery';
 import { useTheme } from '@material-ui/core/styles';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import { catalogImportTranslationRef } from '../../translation.esm.js';
 import { ImportInfoCard } from '../ImportInfoCard/ImportInfoCard.esm.js';
 import { ImportStepper } from '../ImportStepper/ImportStepper.esm.js';
 import '@material-ui/core/Box';
@@ -14,11 +16,11 @@ import '@material-ui/core/StepLabel';
 import '@material-ui/core/TextField';
 import '@material-ui/core/Typography';
 import '../Buttons/index.esm.js';
-import '@material-ui/icons/LocationOn';
-import '../EntityListComponent/EntityListComponent.esm.js';
-import 'lodash/partition';
 import '@backstage/catalog-model';
 import '@backstage/plugin-catalog-react';
+import '@material-ui/icons/LocationOn';
+import 'lodash/partition';
+import '../EntityListComponent/EntityListComponent.esm.js';
 import 'react';
 import 'react-hook-form';
 import '../../api/CatalogImportApi.esm.js';
@@ -37,8 +39,6 @@ import '@material-ui/core/ListItem';
 import '@material-ui/core/ListItemIcon';
 import '@material-ui/core/ListItemText';
 import '@backstage/errors';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { catalogImportTranslationRef } from '../../translation.esm.js';
 
 const DefaultImportPage = () => {
   const { t } = useTranslationRef(catalogImportTranslationRef);
@@ -46,15 +46,20 @@ const DefaultImportPage = () => {
   const configApi = useApi(configApiRef);
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
   const appTitle = configApi.getOptionalString("app.title") || "Backstage";
-  const supportTitle = `Start tracking your component in ${appTitle} by adding it to the software catalog.`;
   const contentItems = [
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, lg: 6, xl: 8, children: /* @__PURE__ */ jsx(ImportInfoCard, {}) }, 0),
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 8, lg: 6, xl: 4, children: /* @__PURE__ */ jsx(ImportStepper, {}) }, 1)
   ];
   return /* @__PURE__ */ jsxs(Page, { themeId: "home", children: [
-    /* @__PURE__ */ jsx(Header, { title: t("pageTitle") }),
+    /* @__PURE__ */ jsx(Header, { title: t("defaultImportPage.headerTitle") }),
     /* @__PURE__ */ jsxs(Content, { children: [
-      /* @__PURE__ */ jsx(ContentHeader, { title: `Start tracking your component in ${appTitle}`, children: /* @__PURE__ */ jsx(SupportButton, { children: supportTitle }) }),
+      /* @__PURE__ */ jsx(
+        ContentHeader,
+        {
+          title: t("defaultImportPage.contentHeaderTitle", { appTitle }),
+          children: /* @__PURE__ */ jsx(SupportButton, { children: t("defaultImportPage.supportTitle", { appTitle }) })
+        }
+      ),
       /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: isMobile ? contentItems : contentItems.reverse() })
     ] })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultImportPage.esm.js","sources":["../../../src/components/DefaultImportPage/DefaultImportPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  Page,\n  SupportButton,\n} from '@backstage/core-components';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport Grid from '@material-ui/core/Grid';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { useTheme } from '@material-ui/core/styles';\nimport { ImportInfoCard } from '../ImportInfoCard';\nimport { ImportStepper } from '../ImportStepper';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogImportTranslationRef } from '../../translation';\n\n/**\n * The default catalog import page.\n *\n * @public\n */\nexport const DefaultImportPage = () => {\n  const { t } = useTranslationRef(catalogImportTranslationRef);\n  const theme = useTheme();\n  const configApi = useApi(configApiRef);\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n  const appTitle = configApi.getOptionalString('app.title') || 'Backstage';\n\n  const supportTitle = `Start tracking your component in ${appTitle} by adding it to the software catalog.`;\n\n  const contentItems = [\n    <Grid key={0} item xs={12} md={4} lg={6} xl={8}>\n      <ImportInfoCard />\n    </Grid>,\n\n    <Grid key={1} item xs={12} md={8} lg={6} xl={4}>\n      <ImportStepper />\n    </Grid>,\n  ];\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={t('pageTitle')} />\n      <Content>\n        <ContentHeader title={`Start tracking your component in ${appTitle}`}>\n          <SupportButton>{supportTitle}</SupportButton>\n        </ContentHeader>\n\n        <Grid container spacing={2}>\n          {isMobile ? contentItems : contentItems.reverse()}\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,WAAW,aAAc,CAAA,KAAA,CAAM,WAAY,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA;AAC3D,EAAA,MAAM,QAAW,GAAA,SAAA,CAAU,iBAAkB,CAAA,WAAW,CAAK,IAAA,WAAA;AAE7D,EAAM,MAAA,YAAA,GAAe,oCAAoC,QAAQ,CAAA,sCAAA,CAAA;AAEjE,EAAA,MAAM,YAAe,GAAA;AAAA,oBAClB,GAAA,CAAA,IAAA,EAAA,EAAa,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,KADP,CAEX,CAAA;AAAA,oBAEC,GAAA,CAAA,IAAA,EAAA,EAAa,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,KADN,CAEX;AAAA,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,WAAW,CAAG,EAAA,CAAA;AAAA,yBAC9B,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,aAAA,EAAA,EAAc,OAAO,CAAoC,iCAAA,EAAA,QAAQ,IAChE,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,wBAAa,CAC/B,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,GACtB,QAAW,EAAA,QAAA,GAAA,YAAA,GAAe,YAAa,CAAA,OAAA,EAC1C,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DefaultImportPage.esm.js","sources":["../../../src/components/DefaultImportPage/DefaultImportPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  Page,\n  SupportButton,\n} from '@backstage/core-components';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport Grid from '@material-ui/core/Grid';\nimport { useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport { catalogImportTranslationRef } from '../../translation';\nimport { ImportInfoCard } from '../ImportInfoCard';\nimport { ImportStepper } from '../ImportStepper';\n\n/**\n * The default catalog import page.\n *\n * @public\n */\nexport const DefaultImportPage = () => {\n  const { t } = useTranslationRef(catalogImportTranslationRef);\n  const theme = useTheme();\n  const configApi = useApi(configApiRef);\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n  const appTitle = configApi.getOptionalString('app.title') || 'Backstage';\n\n  const contentItems = [\n    <Grid key={0} item xs={12} md={4} lg={6} xl={8}>\n      <ImportInfoCard />\n    </Grid>,\n\n    <Grid key={1} item xs={12} md={8} lg={6} xl={4}>\n      <ImportStepper />\n    </Grid>,\n  ];\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={t('defaultImportPage.headerTitle')} />\n      <Content>\n        <ContentHeader\n          title={t('defaultImportPage.contentHeaderTitle', { appTitle })}\n        >\n          <SupportButton>\n            {t('defaultImportPage.supportTitle', { appTitle })}\n          </SupportButton>\n        </ContentHeader>\n\n        <Grid container spacing={2}>\n          {isMobile ? contentItems : contentItems.reverse()}\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,WAAW,aAAc,CAAA,KAAA,CAAM,WAAY,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA;AAC3D,EAAA,MAAM,QAAW,GAAA,SAAA,CAAU,iBAAkB,CAAA,WAAW,CAAK,IAAA,WAAA;AAE7D,EAAA,MAAM,YAAe,GAAA;AAAA,oBAClB,GAAA,CAAA,IAAA,EAAA,EAAa,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,KADP,CAEX,CAAA;AAAA,oBAEC,GAAA,CAAA,IAAA,EAAA,EAAa,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,KADN,CAEX;AAAA,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,+BAA+B,CAAG,EAAA,CAAA;AAAA,yBAClD,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,CAAA,CAAE,sCAAwC,EAAA,EAAE,UAAU,CAAA;AAAA,UAE7D,8BAAC,aACE,EAAA,EAAA,QAAA,EAAA,CAAA,CAAE,kCAAkC,EAAE,QAAA,EAAU,CACnD,EAAA;AAAA;AAAA,OACF;AAAA,sBAEA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,GACtB,QAAW,EAAA,QAAA,GAAA,YAAA,GAAe,YAAa,CAAA,OAAA,EAC1C,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ImportInfoCard/ImportInfoCard.esm.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { InfoCard } from '@backstage/core-components';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import Chip from '@material-ui/core/Chip';
 import Typography from '@material-ui/core/Typography';
 import { catalogImportApiRef } from '../../api/CatalogImportApi.esm.js';
@@ -9,7 +10,6 @@ import 'git-url-parse';
 import '@octokit/rest';
 import 'js-base64';
 import { useCatalogFilename } from '../../hooks/useCatalogFilename.esm.js';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { catalogImportTranslationRef } from '../../translation.esm.js';
 
 const ImportInfoCard = (props) => {
@@ -29,33 +29,32 @@ const ImportInfoCard = (props) => {
       title: t("importInfoCard.title"),
       titleTypographyProps: { component: "h3" },
       deepLink: {
-        title: "Learn more about the Software Catalog",
+        title: t("importInfoCard.deepLinkTitle"),
         link: "https://backstage.io/docs/features/software-catalog/"
       },
       children: [
-        /* @__PURE__ */ jsxs(Typography, { variant: "body2", paragraph: true, children: [
-          "Enter the URL to your source code repository to add it to ",
-          appTitle,
-          "."
-        ] }),
-        /* @__PURE__ */ jsx(Typography, { component: "h4", variant: "h6", children: "Link to an existing entity file" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", paragraph: true, children: t("importInfoCard.linkDescription", { appTitle }) }),
+        /* @__PURE__ */ jsx(Typography, { component: "h4", variant: "h6", children: t("importInfoCard.fileLinkTitle") }),
         /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", color: "textSecondary", paragraph: true, children: [
-          "Example: ",
+          t("importInfoCard.examplePrefix"),
           /* @__PURE__ */ jsx("code", { children: exampleLocationUrl })
         ] }),
-        /* @__PURE__ */ jsxs(Typography, { variant: "body2", paragraph: true, children: [
-          "The wizard analyzes the file, previews the entities, and adds them to the ",
-          appTitle,
-          " catalog."
-        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", paragraph: true, children: t("importInfoCard.fileLinkDescription", { appTitle }) }),
         hasGithubIntegration && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(Typography, { component: "h4", variant: "h6", children: [
-            "Link to a repository",
-            " ",
-            /* @__PURE__ */ jsx(Chip, { label: "GitHub only", variant: "outlined", size: "small" })
+            t("importInfoCard.githubIntegration.title"),
+            /* @__PURE__ */ jsx(
+              Chip,
+              {
+                label: t("importInfoCard.githubIntegration.label"),
+                variant: "outlined",
+                size: "small",
+                style: { marginLeft: 8, marginBottom: 0 }
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", color: "textSecondary", paragraph: true, children: [
-            "Example: ",
+            t("importInfoCard.examplePrefix"),
             /* @__PURE__ */ jsx("code", { children: exampleRepositoryUrl })
           ] }),
           /* @__PURE__ */ jsxs(Typography, { variant: "body2", paragraph: true, children: [

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

@@ -1 +1 @@
-{"version":3,"file":"ImportInfoCard.esm.js","sources":["../../../src/components/ImportInfoCard/ImportInfoCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard } from '@backstage/core-components';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport Chip from '@material-ui/core/Chip';\nimport Typography from '@material-ui/core/Typography';\nimport { catalogImportApiRef } from '../../api';\nimport { useCatalogFilename } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogImportTranslationRef } from '../../translation';\n\n/**\n * Props for {@link ImportInfoCard}.\n *\n * @public\n */\nexport interface ImportInfoCardProps {\n  exampleLocationUrl?: string;\n  exampleRepositoryUrl?: string;\n}\n\n/**\n * Shows information about the import process.\n *\n * @public\n */\nexport const ImportInfoCard = (props: ImportInfoCardProps) => {\n  const {\n    exampleLocationUrl = 'https://github.com/backstage/backstage/blob/master/catalog-info.yaml',\n    exampleRepositoryUrl = 'https://github.com/backstage/backstage',\n  } = props;\n\n  const { t } = useTranslationRef(catalogImportTranslationRef);\n  const configApi = useApi(configApiRef);\n  const appTitle = configApi.getOptionalString('app.title') || 'Backstage';\n  const catalogImportApi = useApi(catalogImportApiRef);\n\n  const hasGithubIntegration = configApi.has('integrations.github');\n\n  const catalogFilename = useCatalogFilename();\n\n  return (\n    <InfoCard\n      title={t('importInfoCard.title')}\n      titleTypographyProps={{ component: 'h3' }}\n      deepLink={{\n        title: 'Learn more about the Software Catalog',\n        link: 'https://backstage.io/docs/features/software-catalog/',\n      }}\n    >\n      <Typography variant=\"body2\" paragraph>\n        Enter the URL to your source code repository to add it to {appTitle}.\n      </Typography>\n      <Typography component=\"h4\" variant=\"h6\">\n        Link to an existing entity file\n      </Typography>\n      <Typography variant=\"subtitle2\" color=\"textSecondary\" paragraph>\n        Example: <code>{exampleLocationUrl}</code>\n      </Typography>\n      <Typography variant=\"body2\" paragraph>\n        The wizard analyzes the file, previews the entities, and adds them to\n        the {appTitle} catalog.\n      </Typography>\n      {hasGithubIntegration && (\n        <>\n          <Typography component=\"h4\" variant=\"h6\">\n            Link to a repository{' '}\n            <Chip label=\"GitHub only\" variant=\"outlined\" size=\"small\" />\n          </Typography>\n          <Typography variant=\"subtitle2\" color=\"textSecondary\" paragraph>\n            Example: <code>{exampleRepositoryUrl}</code>\n          </Typography>\n          <Typography variant=\"body2\" paragraph>\n            The wizard discovers all <code>{catalogFilename}</code> files in the\n            repository, previews the entities, and adds them to the {appTitle}{' '}\n            catalog.\n          </Typography>\n          {catalogImportApi.preparePullRequest && (\n            <Typography variant=\"body2\" paragraph>\n              If no entities are found, the wizard will prepare a Pull Request\n              that adds an example <code>{catalogFilename}</code> and prepares\n              the {appTitle} catalog to load all entities as soon as the Pull\n              Request is merged.\n            </Typography>\n          )}\n        </>\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImportInfoCard.esm.js","sources":["../../../src/components/ImportInfoCard/ImportInfoCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard } from '@backstage/core-components';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport Chip from '@material-ui/core/Chip';\nimport Typography from '@material-ui/core/Typography';\n\nimport { catalogImportApiRef } from '../../api';\nimport { useCatalogFilename } from '../../hooks';\nimport { catalogImportTranslationRef } from '../../translation';\n\n/**\n * Props for {@link ImportInfoCard}.\n *\n * @public\n */\nexport interface ImportInfoCardProps {\n  exampleLocationUrl?: string;\n  exampleRepositoryUrl?: string;\n}\n\n/**\n * Shows information about the import process.\n *\n * @public\n */\nexport const ImportInfoCard = (props: ImportInfoCardProps) => {\n  const {\n    exampleLocationUrl = 'https://github.com/backstage/backstage/blob/master/catalog-info.yaml',\n    exampleRepositoryUrl = 'https://github.com/backstage/backstage',\n  } = props;\n\n  const { t } = useTranslationRef(catalogImportTranslationRef);\n  const configApi = useApi(configApiRef);\n  const appTitle = configApi.getOptionalString('app.title') || 'Backstage';\n  const catalogImportApi = useApi(catalogImportApiRef);\n\n  const hasGithubIntegration = configApi.has('integrations.github');\n\n  const catalogFilename = useCatalogFilename();\n\n  return (\n    <InfoCard\n      title={t('importInfoCard.title')}\n      titleTypographyProps={{ component: 'h3' }}\n      deepLink={{\n        title: t('importInfoCard.deepLinkTitle'),\n        link: 'https://backstage.io/docs/features/software-catalog/',\n      }}\n    >\n      <Typography variant=\"body2\" paragraph>\n        {t('importInfoCard.linkDescription', { appTitle })}\n      </Typography>\n      <Typography component=\"h4\" variant=\"h6\">\n        {t('importInfoCard.fileLinkTitle')}\n      </Typography>\n      <Typography variant=\"subtitle2\" color=\"textSecondary\" paragraph>\n        {t('importInfoCard.examplePrefix')}\n        <code>{exampleLocationUrl}</code>\n      </Typography>\n      <Typography variant=\"body2\" paragraph>\n        {t('importInfoCard.fileLinkDescription', { appTitle })}\n      </Typography>\n      {hasGithubIntegration && (\n        <>\n          <Typography component=\"h4\" variant=\"h6\">\n            {t('importInfoCard.githubIntegration.title')}\n            <Chip\n              label={t('importInfoCard.githubIntegration.label')}\n              variant=\"outlined\"\n              size=\"small\"\n              style={{ marginLeft: 8, marginBottom: 0 }}\n            />\n          </Typography>\n          <Typography variant=\"subtitle2\" color=\"textSecondary\" paragraph>\n            {t('importInfoCard.examplePrefix')}\n            <code>{exampleRepositoryUrl}</code>\n          </Typography>\n          <Typography variant=\"body2\" paragraph>\n            The wizard discovers all <code>{catalogFilename}</code> files in the\n            repository, previews the entities, and adds them to the {appTitle}{' '}\n            catalog.\n          </Typography>\n          {catalogImportApi.preparePullRequest && (\n            <Typography variant=\"body2\" paragraph>\n              If no entities are found, the wizard will prepare a Pull Request\n              that adds an example <code>{catalogFilename}</code> and prepares\n              the {appTitle} catalog to load all entities as soon as the Pull\n              Request is merged.\n            </Typography>\n          )}\n        </>\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ImportStepper/ImportStepper.esm.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { InfoCard } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
+import { useTranslationRef } from '@backstage/frontend-plugin-api';
+import { catalogImportTranslationRef } from '@backstage/plugin-catalog-import/alpha';
 import Step from '@material-ui/core/Step';
 import StepContent from '@material-ui/core/StepContent';
 import Stepper from '@material-ui/core/Stepper';
@@ -20,6 +22,7 @@ const useStyles = makeStyles(() => ({
   }
 }));
 const ImportStepper = (props) => {
+  const { t } = useTranslationRef(catalogImportTranslationRef);
   const {
     initialUrl,
     generateStepper = defaultGenerateStepper,
@@ -29,8 +32,8 @@ const ImportStepper = (props) => {
   const classes = useStyles();
   const state = useImportState({ initialUrl });
   const states = useMemo(
-    () => generateStepper(state.activeFlow, defaultStepper),
-    [generateStepper, state.activeFlow]
+    () => generateStepper(state.activeFlow, defaultStepper, t),
+    [generateStepper, state.activeFlow, t]
   );
   const render = (step) => {
     return /* @__PURE__ */ jsxs(Step, { children: [
@@ -48,25 +51,25 @@ const ImportStepper = (props) => {
         render(
           states.analyze(
             state,
-            { apis: { catalogImportApi } }
+            { apis: { catalogImportApi }, t }
           )
         ),
         render(
           states.prepare(
             state,
-            { apis: { catalogImportApi } }
+            { apis: { catalogImportApi }, t }
           )
         ),
         render(
           states.review(
             state,
-            { apis: { catalogImportApi } }
+            { apis: { catalogImportApi }, t }
           )
         ),
         render(
           states.finish(
             state,
-            { apis: { catalogImportApi } }
+            { apis: { catalogImportApi }, t }
           )
         )
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"ImportStepper.esm.js","sources":["../../../src/components/ImportStepper/ImportStepper.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport Step from '@material-ui/core/Step';\nimport StepContent from '@material-ui/core/StepContent';\nimport Stepper from '@material-ui/core/Stepper';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useMemo } from 'react';\nimport { catalogImportApiRef } from '../../api';\nimport { ImportFlows, ImportState, useImportState } from '../useImportState';\nimport {\n  defaultGenerateStepper,\n  defaultStepper,\n  StepConfiguration,\n  StepperProvider,\n} from './defaults';\n\nconst useStyles = makeStyles(() => ({\n  stepperRoot: {\n    padding: 0,\n  },\n}));\n\n/**\n * Props for {@link ImportStepper}.\n *\n * @public\n */\nexport interface ImportStepperProps {\n  initialUrl?: string;\n  generateStepper?: (\n    flow: ImportFlows,\n    defaults: StepperProvider,\n  ) => StepperProvider;\n  variant?: InfoCardVariants;\n}\n\n/**\n * The stepper that holds the different import stages.\n *\n * @public\n */\nexport const ImportStepper = (props: ImportStepperProps) => {\n  const {\n    initialUrl,\n    generateStepper = defaultGenerateStepper,\n    variant,\n  } = props;\n\n  const catalogImportApi = useApi(catalogImportApiRef);\n  const classes = useStyles();\n  const state = useImportState({ initialUrl });\n\n  const states = useMemo<StepperProvider>(\n    () => generateStepper(state.activeFlow, defaultStepper),\n    [generateStepper, state.activeFlow],\n  );\n\n  const render = (step: StepConfiguration) => {\n    return (\n      <Step>\n        {step.stepLabel}\n        <StepContent>{step.content}</StepContent>\n      </Step>\n    );\n  };\n\n  return (\n    <InfoCard variant={variant}>\n      <Stepper\n        classes={{ root: classes.stepperRoot }}\n        activeStep={state.activeStepNumber}\n        orientation=\"vertical\"\n      >\n        {render(\n          states.analyze(\n            state as Extract<ImportState, { activeState: 'analyze' }>,\n            { apis: { catalogImportApi } },\n          ),\n        )}\n        {render(\n          states.prepare(\n            state as Extract<ImportState, { activeState: 'prepare' }>,\n            { apis: { catalogImportApi } },\n          ),\n        )}\n        {render(\n          states.review(\n            state as Extract<ImportState, { activeState: 'review' }>,\n            { apis: { catalogImportApi } },\n          ),\n        )}\n        {render(\n          states.finish(\n            state as Extract<ImportState, { activeState: 'finish' }>,\n            { apis: { catalogImportApi } },\n          ),\n        )}\n      </Stepper>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgCA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,WAAa,EAAA;AAAA,IACX,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAqBW,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,eAAkB,GAAA,sBAAA;AAAA,IAClB;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,KAAQ,GAAA,cAAA,CAAe,EAAE,UAAA,EAAY,CAAA;AAE3C,EAAA,MAAM,MAAS,GAAA,OAAA;AAAA,IACb,MAAM,eAAA,CAAgB,KAAM,CAAA,UAAA,EAAY,cAAc,CAAA;AAAA,IACtD,CAAC,eAAiB,EAAA,KAAA,CAAM,UAAU;AAAA,GACpC;AAEA,EAAM,MAAA,MAAA,GAAS,CAAC,IAA4B,KAAA;AAC1C,IAAA,4BACG,IACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAK,IAAA,CAAA,SAAA;AAAA,sBACN,GAAA,CAAC,WAAa,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,OAAQ,EAAA;AAAA,KAC7B,EAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,YAAS,OACR,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAE,IAAM,EAAA,OAAA,CAAQ,WAAY,EAAA;AAAA,MACrC,YAAY,KAAM,CAAA,gBAAA;AAAA,MAClB,WAAY,EAAA,UAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,MAAA;AAAA,UACC,MAAO,CAAA,OAAA;AAAA,YACL,KAAA;AAAA,YACA,EAAE,IAAA,EAAM,EAAE,gBAAA,EAAmB;AAAA;AAC/B,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAO,CAAA,OAAA;AAAA,YACL,KAAA;AAAA,YACA,EAAE,IAAA,EAAM,EAAE,gBAAA,EAAmB;AAAA;AAC/B,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAO,CAAA,MAAA;AAAA,YACL,KAAA;AAAA,YACA,EAAE,IAAA,EAAM,EAAE,gBAAA,EAAmB;AAAA;AAC/B,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAO,CAAA,MAAA;AAAA,YACL,KAAA;AAAA,YACA,EAAE,IAAA,EAAM,EAAE,gBAAA,EAAmB;AAAA;AAC/B;AACF;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ImportStepper.esm.js","sources":["../../../src/components/ImportStepper/ImportStepper.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InfoCard, InfoCardVariants } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { TranslationFunction } from '@backstage/core-plugin-api/alpha';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { catalogImportTranslationRef } from '@backstage/plugin-catalog-import/alpha';\nimport Step from '@material-ui/core/Step';\nimport StepContent from '@material-ui/core/StepContent';\nimport Stepper from '@material-ui/core/Stepper';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useMemo } from 'react';\n\nimport { catalogImportApiRef } from '../../api';\nimport { ImportFlows, ImportState, useImportState } from '../useImportState';\nimport {\n  defaultGenerateStepper,\n  defaultStepper,\n  StepConfiguration,\n  StepperProvider,\n} from './defaults';\n\nconst useStyles = makeStyles(() => ({\n  stepperRoot: {\n    padding: 0,\n  },\n}));\n\n/**\n * Props for {@link ImportStepper}.\n *\n * @public\n */\nexport interface ImportStepperProps {\n  initialUrl?: string;\n  generateStepper?: (\n    flow: ImportFlows,\n    defaults: StepperProvider,\n    t: TranslationFunction<typeof catalogImportTranslationRef.T>,\n  ) => StepperProvider;\n  variant?: InfoCardVariants;\n}\n\n/**\n * The stepper that holds the different import stages.\n *\n * @public\n */\nexport const ImportStepper = (props: ImportStepperProps) => {\n  const { t } = useTranslationRef(catalogImportTranslationRef);\n  const {\n    initialUrl,\n    generateStepper = defaultGenerateStepper,\n    variant,\n  } = props;\n\n  const catalogImportApi = useApi(catalogImportApiRef);\n  const classes = useStyles();\n  const state = useImportState({ initialUrl });\n\n  const states = useMemo<StepperProvider>(\n    () => generateStepper(state.activeFlow, defaultStepper, t),\n    [generateStepper, state.activeFlow, t],\n  );\n\n  const render = (step: StepConfiguration) => {\n    return (\n      <Step>\n        {step.stepLabel}\n        <StepContent>{step.content}</StepContent>\n      </Step>\n    );\n  };\n\n  return (\n    <InfoCard variant={variant}>\n      <Stepper\n        classes={{ root: classes.stepperRoot }}\n        activeStep={state.activeStepNumber}\n        orientation=\"vertical\"\n      >\n        {render(\n          states.analyze(\n            state as Extract<ImportState, { activeState: 'analyze' }>,\n            { apis: { catalogImportApi }, t },\n          ),\n        )}\n        {render(\n          states.prepare(\n            state as Extract<ImportState, { activeState: 'prepare' }>,\n            { apis: { catalogImportApi }, t },\n          ),\n        )}\n        {render(\n          states.review(\n            state as Extract<ImportState, { activeState: 'review' }>,\n            { apis: { catalogImportApi }, t },\n          ),\n        )}\n        {render(\n          states.finish(\n            state as Extract<ImportState, { activeState: 'finish' }>,\n            { apis: { catalogImportApi }, t },\n          ),\n        )}\n      </Stepper>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoCA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,WAAa,EAAA;AAAA,IACX,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAsBW,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,2BAA2B,CAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,eAAkB,GAAA,sBAAA;AAAA,IAClB;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,KAAQ,GAAA,cAAA,CAAe,EAAE,UAAA,EAAY,CAAA;AAE3C,EAAA,MAAM,MAAS,GAAA,OAAA;AAAA,IACb,MAAM,eAAA,CAAgB,KAAM,CAAA,UAAA,EAAY,gBAAgB,CAAC,CAAA;AAAA,IACzD,CAAC,eAAA,EAAiB,KAAM,CAAA,UAAA,EAAY,CAAC;AAAA,GACvC;AAEA,EAAM,MAAA,MAAA,GAAS,CAAC,IAA4B,KAAA;AAC1C,IAAA,4BACG,IACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAK,IAAA,CAAA,SAAA;AAAA,sBACN,GAAA,CAAC,WAAa,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,OAAQ,EAAA;AAAA,KAC7B,EAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,YAAS,OACR,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAE,IAAM,EAAA,OAAA,CAAQ,WAAY,EAAA;AAAA,MACrC,YAAY,KAAM,CAAA,gBAAA;AAAA,MAClB,WAAY,EAAA,UAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,MAAA;AAAA,UACC,MAAO,CAAA,OAAA;AAAA,YACL,KAAA;AAAA,YACA,EAAE,IAAA,EAAM,EAAE,gBAAA,IAAoB,CAAE;AAAA;AAClC,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAO,CAAA,OAAA;AAAA,YACL,KAAA;AAAA,YACA,EAAE,IAAA,EAAM,EAAE,gBAAA,IAAoB,CAAE;AAAA;AAClC,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAO,CAAA,MAAA;AAAA,YACL,KAAA;AAAA,YACA,EAAE,IAAA,EAAM,EAAE,gBAAA,IAAoB,CAAE;AAAA;AAClC,SACF;AAAA,QACC,MAAA;AAAA,UACC,MAAO,CAAA,MAAA;AAAA,YACL,KAAA;AAAA,YACA,EAAE,IAAA,EAAM,EAAE,gBAAA,IAAoB,CAAE;AAAA;AAClC;AACF;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}