@backstage-community/plugin-bazaar 0.2.27 → 0.2.29

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-bazaar
 
+## 0.2.29
+
+### Patch Changes
+
+- 23c908d: Backstage version bump to v1.30.2
+
+## 0.2.28
+
+### Patch Changes
+
+- 7a429ff: version:bump to v1.29.1
+
 ## 0.2.27
 
 ### Patch Changes

package/README.md

@@ -14,7 +14,7 @@ The Bazaar allows engineers and teams to open up and announce their new and exci
 
 # Note
 
-You will **need** to also perform the installation instructions in [Bazaar Backend](https://github.com/backstage/backstage/tree/master/plugins/bazaar-backend) in order for this plugin to work.
+You will **need** to also perform the installation instructions in [Bazaar Backend](https://github.com/backstage/community-plugins/tree/main/workspaces/bazaar/plugins/bazaar-backend) in order for this plugin to work.
 
 ## Getting Started
 

package/dist/api.esm.js

@@ -0,0 +1,120 @@
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { createApiRef } from '@backstage/core-plugin-api';
+import { ResponseError } from '@backstage/errors';
+
+const bazaarApiRef = createApiRef({
+  id: "bazaar"
+});
+const isBazaarAvailable = async (entity, context) => {
+  const bazaarClient = context.apis.get(bazaarApiRef);
+  if (bazaarClient === void 0) {
+    return false;
+  }
+  const entityRef = stringifyEntityRef({
+    kind: entity.kind,
+    name: entity.metadata.name,
+    namespace: entity.metadata.namespace
+  });
+  const response = await bazaarClient.getProjectByRef(entityRef);
+  const project = await response.json();
+  return project.data.length > 0;
+};
+class BazaarClient {
+  identityApi;
+  discoveryApi;
+  fetchApi;
+  constructor(options) {
+    this.identityApi = options.identityApi;
+    this.discoveryApi = options.discoveryApi;
+    this.fetchApi = options.fetchApi;
+  }
+  async updateProject(bazaarProject) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    return await this.fetchApi.fetch(`${baseUrl}/projects`, {
+      method: "PUT",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(bazaarProject)
+    }).then((resp) => resp.json());
+  }
+  async addProject(bazaarProject) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    return await this.fetchApi.fetch(`${baseUrl}/projects`, {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(bazaarProject)
+    }).then((resp) => resp.json());
+  }
+  async getProjectById(id) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    const response = await this.fetchApi.fetch(
+      `${baseUrl}/projects/${encodeURIComponent(id)}`
+    );
+    return response.ok ? response : null;
+  }
+  async getProjectByRef(entityRef) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    const response = await this.fetchApi.fetch(
+      `${baseUrl}/projects/${encodeURIComponent(entityRef)}`
+    );
+    return response.ok ? response : null;
+  }
+  async getMembers(id) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    return await this.fetchApi.fetch(`${baseUrl}/projects/${encodeURIComponent(id)}/members`).then((resp) => resp.json());
+  }
+  async addMember(id, userId) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    const { picture } = await this.identityApi.getProfileInfo();
+    await this.fetchApi.fetch(
+      `${baseUrl}/projects/${encodeURIComponent(
+        id
+      )}/member/${encodeURIComponent(userId)}`,
+      {
+        method: "PUT",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ picture })
+      }
+    );
+  }
+  async deleteMember(id, userId) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    await this.fetchApi.fetch(
+      `${baseUrl}/projects/${encodeURIComponent(
+        id
+      )}/member/${encodeURIComponent(userId)}`,
+      { method: "DELETE" }
+    );
+  }
+  async getProjects(limit, order) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    const params = {
+      ...limit ? { limit: limit.toString() } : {},
+      ...order ? { order } : {}
+    };
+    const query = new URLSearchParams(params);
+    const url = `projects?${query.toString()}`;
+    const data = await this.fetchApi.fetch(`${baseUrl}/${url}`);
+    if (!data.ok) {
+      throw await ResponseError.fromResponse(data);
+    }
+    return data.json();
+  }
+  async deleteProject(id) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("bazaar");
+    await this.fetchApi.fetch(`${baseUrl}/projects/${encodeURIComponent(id)}`, {
+      method: "DELETE"
+    });
+  }
+}
+
+export { BazaarClient, bazaarApiRef, isBazaarAvailable };
+//# sourceMappingURL=api.esm.js.map

package/dist/api.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.esm.js","sources":["../src/api.ts"],"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 { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  ApiHolder,\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\n\nexport const bazaarApiRef = createApiRef<BazaarApi>({\n  id: 'bazaar',\n});\n\nexport interface BazaarApi {\n  updateProject(bazaarProject: any): Promise<any>;\n\n  addProject(bazaarProject: any): Promise<any>;\n\n  getProjectById(id: number): Promise<any>;\n\n  getProjectByRef(entityRef: string): Promise<any>;\n\n  getMembers(id: number): Promise<any>;\n\n  deleteMember(id: number, userId: string): Promise<void>;\n\n  addMember(id: number, userId: string): Promise<void>;\n\n  getProjects(limit?: number, order?: string): Promise<any>;\n\n  deleteProject(id: number): Promise<void>;\n}\n\n/** @public */\nexport const isBazaarAvailable = async (\n  entity: Entity,\n  context: { apis: ApiHolder },\n): Promise<boolean> => {\n  const bazaarClient = context.apis.get(bazaarApiRef);\n  if (bazaarClient === undefined) {\n    return false;\n  }\n  const entityRef = stringifyEntityRef({\n    kind: entity.kind,\n    name: entity.metadata.name,\n    namespace: entity.metadata.namespace,\n  });\n  const response = await bazaarClient.getProjectByRef(entityRef);\n  const project = await response.json();\n  return project.data.length > 0;\n};\n\nexport class BazaarClient implements BazaarApi {\n  private readonly identityApi: IdentityApi;\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: {\n    identityApi: IdentityApi;\n    discoveryApi: DiscoveryApi;\n    fetchApi: FetchApi;\n  }) {\n    this.identityApi = options.identityApi;\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async updateProject(bazaarProject: any): Promise<any> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n\n    return await this.fetchApi\n      .fetch(`${baseUrl}/projects`, {\n        method: 'PUT',\n        headers: {\n          Accept: 'application/json',\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify(bazaarProject),\n      })\n      .then(resp => resp.json());\n  }\n\n  async addProject(bazaarProject: any): Promise<any> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n\n    return await this.fetchApi\n      .fetch(`${baseUrl}/projects`, {\n        method: 'POST',\n        headers: {\n          Accept: 'application/json',\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify(bazaarProject),\n      })\n      .then(resp => resp.json());\n  }\n\n  async getProjectById(id: number): Promise<any> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/projects/${encodeURIComponent(id)}`,\n    );\n\n    return response.ok ? response : null;\n  }\n\n  async getProjectByRef(entityRef: string): Promise<any> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/projects/${encodeURIComponent(entityRef)}`,\n    );\n\n    return response.ok ? response : null;\n  }\n\n  async getMembers(id: number): Promise<any> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n\n    return await this.fetchApi\n      .fetch(`${baseUrl}/projects/${encodeURIComponent(id)}/members`)\n      .then(resp => resp.json());\n  }\n\n  async addMember(id: number, userId: string): Promise<void> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n    const { picture } = await this.identityApi.getProfileInfo();\n\n    await this.fetchApi.fetch(\n      `${baseUrl}/projects/${encodeURIComponent(\n        id,\n      )}/member/${encodeURIComponent(userId)}`,\n      {\n        method: 'PUT',\n        headers: {\n          Accept: 'application/json',\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ picture }),\n      },\n    );\n  }\n\n  async deleteMember(id: number, userId: string): Promise<void> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n\n    await this.fetchApi.fetch(\n      `${baseUrl}/projects/${encodeURIComponent(\n        id,\n      )}/member/${encodeURIComponent(userId)}`,\n      { method: 'DELETE' },\n    );\n  }\n\n  async getProjects(limit?: number, order?: string): Promise<any> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n    const params = {\n      ...(limit ? { limit: limit.toString() } : {}),\n      ...(order ? { order } : {}),\n    };\n    const query = new URLSearchParams(params);\n    const url = `projects?${query.toString()}`;\n\n    const data = await this.fetchApi.fetch(`${baseUrl}/${url}`);\n    if (!data.ok) {\n      throw await ResponseError.fromResponse(data);\n    }\n    return data.json();\n  }\n\n  async deleteProject(id: number): Promise<void> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('bazaar');\n\n    await this.fetchApi.fetch(`${baseUrl}/projects/${encodeURIComponent(id)}`, {\n      method: 'DELETE',\n    });\n  }\n}\n"],"names":[],"mappings":";;;;AA0BO,MAAM,eAAe,YAAwB,CAAA;AAAA,EAClD,EAAI,EAAA,QAAA;AACN,CAAC,EAAA;AAuBY,MAAA,iBAAA,GAAoB,OAC/B,MAAA,EACA,OACqB,KAAA;AACrB,EAAA,MAAM,YAAe,GAAA,OAAA,CAAQ,IAAK,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AAClD,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AACA,EAAA,MAAM,YAAY,kBAAmB,CAAA;AAAA,IACnC,MAAM,MAAO,CAAA,IAAA;AAAA,IACb,IAAA,EAAM,OAAO,QAAS,CAAA,IAAA;AAAA,IACtB,SAAA,EAAW,OAAO,QAAS,CAAA,SAAA;AAAA,GAC5B,CAAA,CAAA;AACD,EAAA,MAAM,QAAW,GAAA,MAAM,YAAa,CAAA,eAAA,CAAgB,SAAS,CAAA,CAAA;AAC7D,EAAM,MAAA,OAAA,GAAU,MAAM,QAAA,CAAS,IAAK,EAAA,CAAA;AACpC,EAAO,OAAA,OAAA,CAAQ,KAAK,MAAS,GAAA,CAAA,CAAA;AAC/B,EAAA;AAEO,MAAM,YAAkC,CAAA;AAAA,EAC5B,WAAA,CAAA;AAAA,EACA,YAAA,CAAA;AAAA,EACA,QAAA,CAAA;AAAA,EAEjB,YAAY,OAIT,EAAA;AACD,IAAA,IAAA,CAAK,cAAc,OAAQ,CAAA,WAAA,CAAA;AAC3B,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA,CAAA;AAAA,GAC1B;AAAA,EAEA,MAAM,cAAc,aAAkC,EAAA;AACpD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAE3D,IAAA,OAAO,MAAM,IAAK,CAAA,QAAA,CACf,KAAM,CAAA,CAAA,EAAG,OAAO,CAAa,SAAA,CAAA,EAAA;AAAA,MAC5B,MAAQ,EAAA,KAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,kBAAA;AAAA,QACR,cAAgB,EAAA,kBAAA;AAAA,OAClB;AAAA,MACA,IAAA,EAAM,IAAK,CAAA,SAAA,CAAU,aAAa,CAAA;AAAA,KACnC,CACA,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAM,WAAW,aAAkC,EAAA;AACjD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAE3D,IAAA,OAAO,MAAM,IAAK,CAAA,QAAA,CACf,KAAM,CAAA,CAAA,EAAG,OAAO,CAAa,SAAA,CAAA,EAAA;AAAA,MAC5B,MAAQ,EAAA,MAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,kBAAA;AAAA,QACR,cAAgB,EAAA,kBAAA;AAAA,OAClB;AAAA,MACA,IAAA,EAAM,IAAK,CAAA,SAAA,CAAU,aAAa,CAAA;AAAA,KACnC,CACA,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAM,eAAe,EAA0B,EAAA;AAC7C,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAE3D,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAG,EAAA,OAAO,CAAa,UAAA,EAAA,kBAAA,CAAmB,EAAE,CAAC,CAAA,CAAA;AAAA,KAC/C,CAAA;AAEA,IAAO,OAAA,QAAA,CAAS,KAAK,QAAW,GAAA,IAAA,CAAA;AAAA,GAClC;AAAA,EAEA,MAAM,gBAAgB,SAAiC,EAAA;AACrD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAE3D,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAG,EAAA,OAAO,CAAa,UAAA,EAAA,kBAAA,CAAmB,SAAS,CAAC,CAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAO,OAAA,QAAA,CAAS,KAAK,QAAW,GAAA,IAAA,CAAA;AAAA,GAClC;AAAA,EAEA,MAAM,WAAW,EAA0B,EAAA;AACzC,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAE3D,IAAA,OAAO,MAAM,IAAK,CAAA,QAAA,CACf,KAAM,CAAA,CAAA,EAAG,OAAO,CAAa,UAAA,EAAA,kBAAA,CAAmB,EAAE,CAAC,UAAU,CAC7D,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAM,SAAU,CAAA,EAAA,EAAY,MAA+B,EAAA;AACzD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAC3D,IAAA,MAAM,EAAE,OAAQ,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA,CAAA;AAE1D,IAAA,MAAM,KAAK,QAAS,CAAA,KAAA;AAAA,MAClB,CAAA,EAAG,OAAO,CAAa,UAAA,EAAA,kBAAA;AAAA,QACrB,EAAA;AAAA,OACD,CAAA,QAAA,EAAW,kBAAmB,CAAA,MAAM,CAAC,CAAA,CAAA;AAAA,MACtC;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,MAAQ,EAAA,kBAAA;AAAA,UACR,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,IAAA,CAAK,SAAU,CAAA,EAAE,SAAS,CAAA;AAAA,OAClC;AAAA,KACF,CAAA;AAAA,GACF;AAAA,EAEA,MAAM,YAAa,CAAA,EAAA,EAAY,MAA+B,EAAA;AAC5D,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAE3D,IAAA,MAAM,KAAK,QAAS,CAAA,KAAA;AAAA,MAClB,CAAA,EAAG,OAAO,CAAa,UAAA,EAAA,kBAAA;AAAA,QACrB,EAAA;AAAA,OACD,CAAA,QAAA,EAAW,kBAAmB,CAAA,MAAM,CAAC,CAAA,CAAA;AAAA,MACtC,EAAE,QAAQ,QAAS,EAAA;AAAA,KACrB,CAAA;AAAA,GACF;AAAA,EAEA,MAAM,WAAY,CAAA,KAAA,EAAgB,KAA8B,EAAA;AAC9D,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAC3D,IAAA,MAAM,MAAS,GAAA;AAAA,MACb,GAAI,QAAQ,EAAE,KAAA,EAAO,MAAM,QAAS,EAAA,KAAM,EAAC;AAAA,MAC3C,GAAI,KAAA,GAAQ,EAAE,KAAA,KAAU,EAAC;AAAA,KAC3B,CAAA;AACA,IAAM,MAAA,KAAA,GAAQ,IAAI,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxC,IAAA,MAAM,GAAM,GAAA,CAAA,SAAA,EAAY,KAAM,CAAA,QAAA,EAAU,CAAA,CAAA,CAAA;AAExC,IAAM,MAAA,IAAA,GAAO,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,CAAA,CAAA;AAC1D,IAAI,IAAA,CAAC,KAAK,EAAI,EAAA;AACZ,MAAM,MAAA,MAAM,aAAc,CAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AAAA,KAC7C;AACA,IAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAAA,GACnB;AAAA,EAEA,MAAM,cAAc,EAA2B,EAAA;AAC7C,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,QAAQ,CAAA,CAAA;AAE3D,IAAM,MAAA,IAAA,CAAK,SAAS,KAAM,CAAA,CAAA,EAAG,OAAO,CAAa,UAAA,EAAA,kBAAA,CAAmB,EAAE,CAAC,CAAI,CAAA,EAAA;AAAA,MACzE,MAAQ,EAAA,QAAA;AAAA,KACT,CAAA,CAAA;AAAA,GACH;AACF;;;;"}

package/dist/{esm/index-CM8Pdxty.esm.js → components/About/About.esm.js}

@@ -1,52 +1,8 @@
 import React from 'react';
-import { InfoCard, Link, Header, RoutedTabs } from '@backstage/core-components';
-import { SortView } from '../index.esm.js';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
-import '@backstage/core-plugin-api';
-import '@backstage/catalog-model';
-import '@backstage/errors';
-import '@material-ui/core/Card';
-import '@material-ui/core/CardActionArea';
-import '@material-ui/core/CardContent';
-import '@material-ui/core/Dialog';
-import 'luxon';
-import '@material-ui/core/CardHeader';
-import '@material-ui/core/Divider';
-import '@material-ui/core/IconButton';
-import '@material-ui/icons/Edit';
-import '@material-ui/icons/Chat';
-import '@material-ui/icons/PersonAdd';
-import '@material-ui/icons/InsertLink';
-import '@material-ui/icons/Dashboard';
-import '@material-ui/icons/Close';
-import '@material-ui/icons/LinkOff';
-import '@material-ui/icons/Description';
-import '@material-ui/core/Button';
-import 'react-hook-form';
-import '@material-ui/core/TextField';
-import '@material-ui/core/InputLabel';
-import '@material-ui/core/MenuItem';
-import '@material-ui/core/FormControl';
-import '@material-ui/core/Select';
-import '@material-ui/pickers/DatePicker';
-import '@material-ui/pickers/MuiPickersUtilsProvider';
-import '@date-io/luxon';
-import '@material-ui/icons/Clear';
-import '@material-ui/core/DialogTitle';
-import '@material-ui/core/DialogContent';
-import '@material-ui/core/DialogActions';
-import '@material-ui/icons/ExitToApp';
-import '@material-ui/lab/Alert';
-import 'react-use/esm/useAsyncFn';
-import '@backstage/plugin-catalog-react';
-import '@material-ui/core/styles/makeStyles';
-import '@material-ui/lab/Autocomplete';
-import '@material-ui/core/Box';
-import '@material-ui/core/TablePagination';
-import '@material-ui/icons/Storefront';
-import 'material-ui-search-bar';
+import { InfoCard, Link } from '@backstage/core-components';
 
 const useStyles = makeStyles({
   subheader: {
@@ -65,28 +21,5 @@ const About = () => {
   ), '. With "Inner Sourcing", we mean projects that are developed internally within a company, but with Open Source best practices.'), /* @__PURE__ */ React.createElement(Typography, { className: classes.subheader, variant: "body1" }, "Why?"), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "Many companies today are of high need to increase the ease of cross-team cooperation. In large organizations, engineers often have limited ways of discovering or announcing the projects which could benefit from a wider development effort in terms of different expertise, experiences, and teams spread across the organization. With no good way to find these existing internal projects to join, the possibility of working with Inner Sourcing practices suffers."), /* @__PURE__ */ React.createElement(Typography, { className: classes.subheader, variant: "body1" }, "How?"), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "The Bazaar allows engineers and teams to open up and announce their new and exciting projects for transparent cooperation in other parts of larger organizations. The Bazaar ensures that new Inner Sourcing friendly projects gain visibility through Backstage and a way for interested engineers to show their interest and in the future contribute with their specific skill set. The Bazaar also provides an easy way to manage, catalog, and browse these Inner Sourcing friendly projects and components."))));
 };
 
-const HomePage = (props) => {
-  const { title, subtitle, fullWidth, fullHeight } = props;
-  const tabContent = [
-    {
-      path: "/",
-      title: "Home",
-      children: /* @__PURE__ */ React.createElement(SortView, { fullWidth, fullHeight })
-    },
-    {
-      path: "/about",
-      title: "About",
-      children: /* @__PURE__ */ React.createElement(About, null)
-    }
-  ];
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    Header,
-    {
-      title: title || "Bazaar",
-      subtitle: subtitle || "Marketplace for inner source projects"
-    }
-  ), /* @__PURE__ */ React.createElement(RoutedTabs, { routes: tabContent }));
-};
-
-export { HomePage };
-//# sourceMappingURL=index-CM8Pdxty.esm.js.map
+export { About };
+//# sourceMappingURL=About.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"About.esm.js","sources":["../../../src/components/About/About.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 React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { InfoCard, Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  subheader: {\n    fontWeight: 'bold',\n  },\n});\n\nexport const About = () => {\n  const classes = useStyles();\n  return (\n    <Grid container spacing={4}>\n      <Grid item xs={5}>\n        <InfoCard title=\"About Bazaar\">\n          <Typography className={classes.subheader} variant=\"body1\">\n            What is the Bazaar?\n          </Typography>\n          <Typography paragraph>\n            The Bazaar is a place where teams can propose projects for\n            cross-functional team development. Essentially a marketplace for\n            internal projects suitable for{' '}\n            <Link\n              target=\"_blank\"\n              to=\"https://en.wikipedia.org/wiki/Inner_source\"\n            >\n              Inner Sourcing\n            </Link>\n            . With \"Inner Sourcing\", we mean projects that are developed\n            internally within a company, but with Open Source best practices.\n          </Typography>\n          <Typography className={classes.subheader} variant=\"body1\">\n            Why?\n          </Typography>\n          <Typography paragraph>\n            Many companies today are of high need to increase the ease of\n            cross-team cooperation. In large organizations, engineers often have\n            limited ways of discovering or announcing the projects which could\n            benefit from a wider development effort in terms of different\n            expertise, experiences, and teams spread across the organization.\n            With no good way to find these existing internal projects to join,\n            the possibility of working with Inner Sourcing practices suffers.\n          </Typography>\n          <Typography className={classes.subheader} variant=\"body1\">\n            How?\n          </Typography>\n          <Typography paragraph>\n            The Bazaar allows engineers and teams to open up and announce their\n            new and exciting projects for transparent cooperation in other parts\n            of larger organizations. The Bazaar ensures that new Inner Sourcing\n            friendly projects gain visibility through Backstage and a way for\n            interested engineers to show their interest and in the future\n            contribute with their specific skill set. The Bazaar also provides\n            an easy way to manage, catalog, and browse these Inner Sourcing\n            friendly projects and components.\n          </Typography>\n        </InfoCard>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,SAAW,EAAA;AAAA,IACT,UAAY,EAAA,MAAA;AAAA,GACd;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,QAAQ,MAAM;AACzB,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAA,sCACZ,QAAS,EAAA,EAAA,KAAA,EAAM,cACd,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,SAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,qBAE1D,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAA,EAAC,8JAGW,GAC/B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,QAAA;AAAA,MACP,EAAG,EAAA,4CAAA;AAAA,KAAA;AAAA,IACJ,gBAAA;AAAA,GAEM,EAAA,gIAGT,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,SAAW,EAAA,OAAA,EAAQ,WAAQ,MAE1D,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAS,IAAC,EAAA,EAAA,4cAQtB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,SAAA,EAAW,SAAQ,OAAQ,EAAA,EAAA,MAE1D,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,SAAS,EAAA,IAAA,EAAA,EAAC,mfAStB,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/AddProjectDialog/AddProjectDialog.esm.js

@@ -0,0 +1,76 @@
+import React, { useState } from 'react';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+import { ProjectDialog } from '../ProjectDialog/ProjectDialog.esm.js';
+import { ProjectSelector } from '../ProjectSelector/ProjectSelector.esm.js';
+import { bazaarApiRef } from '../../api.esm.js';
+
+const AddProjectDialog = ({
+  catalogEntities,
+  open,
+  handleClose,
+  fetchBazaarProjects,
+  fetchCatalogEntities
+}) => {
+  const bazaarApi = useApi(bazaarApiRef);
+  const alertApi = useApi(alertApiRef);
+  const [selectedEntity, setSelectedEntity] = useState(null);
+  const defaultValues = {
+    title: "",
+    community: "",
+    description: "",
+    docs: "",
+    status: "proposed",
+    size: "medium",
+    responsible: "",
+    startDate: null,
+    endDate: null
+  };
+  const handleEntityClick = (entity) => {
+    setSelectedEntity(entity);
+  };
+  const handleSubmit = async (getValues, reset) => {
+    const formValues = getValues();
+    const response = await bazaarApi.addProject({
+      ...formValues,
+      entityRef: selectedEntity ? stringifyEntityRef(selectedEntity) : null,
+      startDate: formValues.startDate ?? null,
+      endDate: formValues.endDate ?? null
+    });
+    if (response.status === "ok") {
+      fetchBazaarProjects();
+      fetchCatalogEntities();
+      alertApi.post({
+        message: `Added project '${formValues.title}' to the Bazaar list`,
+        severity: "success",
+        display: "transient"
+      });
+    }
+    handleClose();
+    reset(defaultValues);
+  };
+  return /* @__PURE__ */ React.createElement(
+    ProjectDialog,
+    {
+      handleSave: handleSubmit,
+      title: "Add project",
+      isAddForm: true,
+      defaultValues,
+      open,
+      projectSelector: /* @__PURE__ */ React.createElement(
+        ProjectSelector,
+        {
+          onChange: handleEntityClick,
+          catalogEntities: catalogEntities || [],
+          disableClearable: false,
+          defaultValue: null,
+          label: "Select a project"
+        }
+      ),
+      handleClose
+    }
+  );
+};
+
+export { AddProjectDialog };
+//# sourceMappingURL=AddProjectDialog.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddProjectDialog.esm.js","sources":["../../../src/components/AddProjectDialog/AddProjectDialog.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 React, { useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { UseFormReset, UseFormGetValues } from 'react-hook-form';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { ProjectDialog } from '../ProjectDialog';\nimport { ProjectSelector } from '../ProjectSelector';\nimport { BazaarProject, FormValues, Size, Status } from '../../types';\nimport { bazaarApiRef } from '../../api';\n\ntype Props = {\n  catalogEntities: Entity[];\n  open: boolean;\n  handleClose: () => void;\n  fetchBazaarProjects: () => Promise<BazaarProject[]>;\n  fetchCatalogEntities: () => Promise<Entity[]>;\n};\n\nexport const AddProjectDialog = ({\n  catalogEntities,\n  open,\n  handleClose,\n  fetchBazaarProjects,\n  fetchCatalogEntities,\n}: Props) => {\n  const bazaarApi = useApi(bazaarApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [selectedEntity, setSelectedEntity] = useState<Entity | null>(null);\n\n  const defaultValues = {\n    title: '',\n    community: '',\n    description: '',\n    docs: '',\n    status: 'proposed' as Status,\n    size: 'medium' as Size,\n    responsible: '',\n    startDate: null,\n    endDate: null,\n  };\n\n  const handleEntityClick = (entity: Entity) => {\n    setSelectedEntity(entity);\n  };\n\n  const handleSubmit: (\n    getValues: UseFormGetValues<FormValues>,\n    reset: UseFormReset<FormValues>,\n  ) => Promise<void> = async (\n    getValues: UseFormGetValues<FormValues>,\n    reset: UseFormReset<FormValues>,\n  ) => {\n    const formValues = getValues();\n\n    const response = await bazaarApi.addProject({\n      ...formValues,\n      entityRef: selectedEntity ? stringifyEntityRef(selectedEntity) : null,\n      startDate: formValues.startDate ?? null,\n      endDate: formValues.endDate ?? null,\n    } as BazaarProject);\n\n    if (response.status === 'ok') {\n      fetchBazaarProjects();\n      fetchCatalogEntities();\n      alertApi.post({\n        message: `Added project '${formValues.title}' to the Bazaar list`,\n        severity: 'success',\n        display: 'transient',\n      });\n    }\n\n    handleClose();\n    reset(defaultValues);\n  };\n\n  return (\n    <ProjectDialog\n      handleSave={handleSubmit}\n      title=\"Add project\"\n      isAddForm\n      defaultValues={defaultValues}\n      open={open}\n      projectSelector={\n        <ProjectSelector\n          onChange={handleEntityClick}\n          catalogEntities={catalogEntities || []}\n          disableClearable={false}\n          defaultValue={null}\n          label=\"Select a project\"\n        />\n      }\n      handleClose={handleClose}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAiCO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,eAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,oBAAA;AACF,CAAa,KAAA;AACX,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAwB,IAAI,CAAA,CAAA;AAExE,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,KAAO,EAAA,EAAA;AAAA,IACP,SAAW,EAAA,EAAA;AAAA,IACX,WAAa,EAAA,EAAA;AAAA,IACb,IAAM,EAAA,EAAA;AAAA,IACN,MAAQ,EAAA,UAAA;AAAA,IACR,IAAM,EAAA,QAAA;AAAA,IACN,WAAa,EAAA,EAAA;AAAA,IACb,SAAW,EAAA,IAAA;AAAA,IACX,OAAS,EAAA,IAAA;AAAA,GACX,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,MAAmB,KAAA;AAC5C,IAAA,iBAAA,CAAkB,MAAM,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,YAAA,GAGe,OACnB,SAAA,EACA,KACG,KAAA;AACH,IAAA,MAAM,aAAa,SAAU,EAAA,CAAA;AAE7B,IAAM,MAAA,QAAA,GAAW,MAAM,SAAA,CAAU,UAAW,CAAA;AAAA,MAC1C,GAAG,UAAA;AAAA,MACH,SAAW,EAAA,cAAA,GAAiB,kBAAmB,CAAA,cAAc,CAAI,GAAA,IAAA;AAAA,MACjE,SAAA,EAAW,WAAW,SAAa,IAAA,IAAA;AAAA,MACnC,OAAA,EAAS,WAAW,OAAW,IAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAElB,IAAI,IAAA,QAAA,CAAS,WAAW,IAAM,EAAA;AAC5B,MAAoB,mBAAA,EAAA,CAAA;AACpB,MAAqB,oBAAA,EAAA,CAAA;AACrB,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,CAAkB,eAAA,EAAA,UAAA,CAAW,KAAK,CAAA,oBAAA,CAAA;AAAA,QAC3C,QAAU,EAAA,SAAA;AAAA,QACV,OAAS,EAAA,WAAA;AAAA,OACV,CAAA,CAAA;AAAA,KACH;AAEA,IAAY,WAAA,EAAA,CAAA;AACZ,IAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,GACrB,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,YAAA;AAAA,MACZ,KAAM,EAAA,aAAA;AAAA,MACN,SAAS,EAAA,IAAA;AAAA,MACT,aAAA;AAAA,MACA,IAAA;AAAA,MACA,eACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,iBAAA;AAAA,UACV,eAAA,EAAiB,mBAAmB,EAAC;AAAA,UACrC,gBAAkB,EAAA,KAAA;AAAA,UAClB,YAAc,EAAA,IAAA;AAAA,UACd,KAAM,EAAA,kBAAA;AAAA,SAAA;AAAA,OACR;AAAA,MAEF,WAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/BazaarOverviewCard/BazaarOverviewCard.esm.js

@@ -0,0 +1,107 @@
+import React, { useState, useEffect } from 'react';
+import { ProjectPreview } from '../ProjectPreview/ProjectPreview.esm.js';
+import useAsyncFn from 'react-use/esm/useAsyncFn';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { useApi, useRouteRef } from '@backstage/core-plugin-api';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { bazaarApiRef } from '../../api.esm.js';
+import { fetchCatalogItems } from '../../util/fetchMethods.esm.js';
+import { parseBazaarProject } from '../../util/parseMethods.esm.js';
+import { ErrorPanel, InfoCard, Link } from '@backstage/core-components';
+import { bazaarPlugin } from '../../plugin.esm.js';
+import IconButton from '@material-ui/core/IconButton';
+import StorefrontIcon from '@material-ui/icons/Storefront';
+
+const getUnlinkedCatalogEntities = (bazaarProjects, catalogEntities) => {
+  const bazaarProjectRefs = bazaarProjects.map(
+    (project) => project.entityRef
+  );
+  return catalogEntities.filter((entity) => {
+    return !bazaarProjectRefs?.includes(stringifyEntityRef(entity));
+  });
+};
+const BazaarOverviewCard = (props) => {
+  const { title, order, fullWidth = false, fullHeight = false } = props;
+  const bazaarApi = useApi(bazaarApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  const root = useRouteRef(bazaarPlugin.routes.root);
+  const defaultTitle = order === "latest" ? "Bazaar Latest Projects" : "Bazaar Random Projects";
+  const bazaarLink = {
+    title: "Go to Bazaar",
+    link: `${root()}`
+  };
+  const [unlinkedCatalogEntities, setUnlinkedCatalogEntities] = useState();
+  const [catalogEntities, fetchCatalogEntities] = useAsyncFn(async () => {
+    return await fetchCatalogItems(catalogApi);
+  });
+  const [bazaarProjects, fetchBazaarProjects] = useAsyncFn(async () => {
+    const limit = fullWidth ? 6 : 3;
+    const response = await bazaarApi.getProjects(limit, order);
+    return response.data.map(parseBazaarProject);
+  });
+  const catalogEntityRefs = catalogEntities.value?.map(
+    (project) => stringifyEntityRef(project)
+  );
+  useEffect(() => {
+    const filterBrokenLinks = () => {
+      if (catalogEntityRefs) {
+        bazaarProjects.value?.forEach(async (project) => {
+          if (project.entityRef) {
+            if (!catalogEntityRefs?.includes(project.entityRef)) {
+              await bazaarApi.updateProject({
+                ...project,
+                entityRef: null
+              });
+            }
+          }
+        });
+      }
+    };
+    filterBrokenLinks();
+  }, [
+    bazaarApi,
+    bazaarProjects.value,
+    catalogEntityRefs,
+    catalogEntities.value
+  ]);
+  useEffect(() => {
+    fetchCatalogEntities();
+    fetchBazaarProjects();
+  }, [fetchBazaarProjects, fetchCatalogEntities]);
+  useEffect(() => {
+    const unlinkedCEntities = getUnlinkedCatalogEntities(
+      bazaarProjects.value || [],
+      catalogEntities.value || []
+    );
+    if (unlinkedCEntities) {
+      setUnlinkedCatalogEntities(unlinkedCEntities);
+    }
+  }, [bazaarProjects, catalogEntities]);
+  if (catalogEntities.error) {
+    return /* @__PURE__ */ React.createElement(ErrorPanel, { error: catalogEntities.error });
+  }
+  if (bazaarProjects.error) {
+    return /* @__PURE__ */ React.createElement(ErrorPanel, { error: bazaarProjects.error });
+  }
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: title ?? defaultTitle,
+      action: /* @__PURE__ */ React.createElement(IconButton, null, /* @__PURE__ */ React.createElement(Link, { to: bazaarLink.link, title: bazaarLink.title }, /* @__PURE__ */ React.createElement(StorefrontIcon, null)))
+    },
+    /* @__PURE__ */ React.createElement(
+      ProjectPreview,
+      {
+        bazaarProjects: bazaarProjects.value || [],
+        fetchBazaarProjects,
+        catalogEntities: unlinkedCatalogEntities || [],
+        useTablePagination: false,
+        gridSize: fullWidth ? 2 : 4,
+        height: fullHeight ? "large" : "small"
+      }
+    )
+  );
+};
+
+export { BazaarOverviewCard };
+//# sourceMappingURL=BazaarOverviewCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BazaarOverviewCard.esm.js","sources":["../../../src/components/BazaarOverviewCard/BazaarOverviewCard.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useEffect, useState } from 'react';\nimport { ProjectPreview } from '../ProjectPreview/ProjectPreview';\nimport useAsyncFn from 'react-use/esm/useAsyncFn';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport type { BazaarProject } from '../../types';\nimport { bazaarApiRef } from '../../api';\nimport { fetchCatalogItems } from '../../util/fetchMethods';\nimport { parseBazaarProject } from '../../util/parseMethods';\nimport { ErrorPanel, InfoCard, Link } from '@backstage/core-components';\nimport { bazaarPlugin } from '../../plugin';\nimport IconButton from '@material-ui/core/IconButton';\nimport StorefrontIcon from '@material-ui/icons/Storefront';\n\n/** @public */\nexport type BazaarOverviewCardProps = {\n  title?: string;\n  order: 'latest' | 'random';\n  fullWidth?: boolean;\n  fullHeight?: boolean;\n};\n\nconst getUnlinkedCatalogEntities = (\n  bazaarProjects: BazaarProject[],\n  catalogEntities: Entity[],\n) => {\n  const bazaarProjectRefs = bazaarProjects.map(\n    (project: BazaarProject) => project.entityRef,\n  );\n\n  return catalogEntities.filter((entity: Entity) => {\n    return !bazaarProjectRefs?.includes(stringifyEntityRef(entity));\n  });\n};\n\n/** @public */\nexport const BazaarOverviewCard = (props: BazaarOverviewCardProps) => {\n  const { title, order, fullWidth = false, fullHeight = false } = props;\n  const bazaarApi = useApi(bazaarApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const root = useRouteRef(bazaarPlugin.routes.root);\n\n  const defaultTitle =\n    order === 'latest' ? 'Bazaar Latest Projects' : 'Bazaar Random Projects';\n\n  const bazaarLink = {\n    title: 'Go to Bazaar',\n    link: `${root()}`,\n  };\n\n  const [unlinkedCatalogEntities, setUnlinkedCatalogEntities] =\n    useState<Entity[]>();\n\n  const [catalogEntities, fetchCatalogEntities] = useAsyncFn(async () => {\n    return await fetchCatalogItems(catalogApi);\n  });\n\n  const [bazaarProjects, fetchBazaarProjects] = useAsyncFn(async () => {\n    const limit = fullWidth ? 6 : 3;\n    const response = await bazaarApi.getProjects(limit, order);\n    return response.data.map(parseBazaarProject) as BazaarProject[];\n  });\n\n  const catalogEntityRefs = catalogEntities.value?.map((project: Entity) =>\n    stringifyEntityRef(project),\n  );\n\n  useEffect(() => {\n    const filterBrokenLinks = () => {\n      if (catalogEntityRefs) {\n        bazaarProjects.value?.forEach(async (project: BazaarProject) => {\n          if (project.entityRef) {\n            if (!catalogEntityRefs?.includes(project.entityRef)) {\n              await bazaarApi.updateProject({\n                ...project,\n                entityRef: null,\n              });\n            }\n          }\n        });\n      }\n    };\n    filterBrokenLinks();\n  }, [\n    bazaarApi,\n    bazaarProjects.value,\n    catalogEntityRefs,\n    catalogEntities.value,\n  ]);\n\n  useEffect(() => {\n    fetchCatalogEntities();\n    fetchBazaarProjects();\n  }, [fetchBazaarProjects, fetchCatalogEntities]);\n\n  useEffect(() => {\n    const unlinkedCEntities = getUnlinkedCatalogEntities(\n      bazaarProjects.value || [],\n      catalogEntities.value || [],\n    );\n\n    if (unlinkedCEntities) {\n      setUnlinkedCatalogEntities(unlinkedCEntities);\n    }\n  }, [bazaarProjects, catalogEntities]);\n\n  if (catalogEntities.error) {\n    return <ErrorPanel error={catalogEntities.error} />;\n  }\n\n  if (bazaarProjects.error) {\n    return <ErrorPanel error={bazaarProjects.error} />;\n  }\n\n  return (\n    <InfoCard\n      title={title ?? defaultTitle}\n      action={\n        <IconButton>\n          <Link to={bazaarLink.link} title={bazaarLink.title}>\n            <StorefrontIcon />\n          </Link>\n        </IconButton>\n      }\n    >\n      <ProjectPreview\n        bazaarProjects={bazaarProjects.value || []}\n        fetchBazaarProjects={fetchBazaarProjects}\n        catalogEntities={unlinkedCatalogEntities || []}\n        useTablePagination={false}\n        gridSize={fullWidth ? 2 : 4}\n        height={fullHeight ? 'large' : 'small'}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CardContentFields/AboutField.esm.js

@@ -0,0 +1,33 @@
+import { useElementFilter } from '@backstage/core-plugin-api';
+import Grid from '@material-ui/core/Grid';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import React from 'react';
+
+const useStyles = makeStyles((theme) => ({
+  value: {
+    fontWeight: "bold",
+    overflow: "hidden",
+    lineHeight: "24px",
+    wordBreak: "break-word"
+  },
+  label: {
+    color: theme.palette.text.secondary,
+    textTransform: "uppercase",
+    fontSize: "10px",
+    fontWeight: "bold",
+    letterSpacing: 0.5,
+    overflow: "hidden",
+    whiteSpace: "nowrap"
+  }
+}));
+function AboutField(props) {
+  const { label, value, gridSizes, children } = props;
+  const classes = useStyles();
+  const childElements = useElementFilter(children, (c) => c.getElements());
+  const content = childElements.length > 0 ? childElements : /* @__PURE__ */ React.createElement(Typography, { variant: "body2", className: classes.value }, value || `unknown`);
+  return /* @__PURE__ */ React.createElement(Grid, { item: true, ...gridSizes }, /* @__PURE__ */ React.createElement(Typography, { variant: "h2", className: classes.label }, label), content);
+}
+
+export { AboutField };
+//# sourceMappingURL=AboutField.esm.js.map

package/dist/components/CardContentFields/AboutField.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutField.esm.js","sources":["../../../src/components/CardContentFields/AboutField.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useElementFilter } from '@backstage/core-plugin-api';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport React from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\n/**\n * Props for {@link AboutField}.\n */\nexport interface AboutFieldProps {\n  label: string;\n  value?: string;\n  gridSizes?: Record<string, number>;\n  children?: React.ReactNode;\n}\n\nexport function AboutField(props: AboutFieldProps) {\n  const { label, value, gridSizes, children } = props;\n  const classes = useStyles();\n\n  const childElements = useElementFilter(children, c => c.getElements());\n\n  // Content is either children or a string prop `value`\n  const content =\n    childElements.length > 0 ? (\n      childElements\n    ) : (\n      <Typography variant=\"body2\" className={classes.value}>\n        {value || `unknown`}\n      </Typography>\n    );\n  return (\n    <Grid item {...gridSizes}>\n      <Typography variant=\"h2\" className={classes.label}>\n        {label}\n      </Typography>\n      {content}\n    </Grid>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAA,YAAA;AAAA,GACb;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,aAAe,EAAA,WAAA;AAAA,IACf,QAAU,EAAA,MAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,aAAe,EAAA,GAAA;AAAA,IACf,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,GACd;AACF,CAAE,CAAA,CAAA,CAAA;AAYK,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,SAAA,EAAW,UAAa,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EAAA,MAAM,gBAAgB,gBAAiB,CAAA,QAAA,EAAU,CAAK,CAAA,KAAA,CAAA,CAAE,aAAa,CAAA,CAAA;AAGrE,EAAA,MAAM,OACJ,GAAA,aAAA,CAAc,MAAS,GAAA,CAAA,GACrB,aAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAA,EAC5C,SAAS,CACZ,OAAA,CAAA,CAAA,CAAA;AAEJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAE,GAAG,SACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAW,EAAA,OAAA,CAAQ,KACzC,EAAA,EAAA,KACH,GACC,OACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CardContentFields/CardContentFields.esm.js

@@ -0,0 +1,87 @@
+import React from 'react';
+import Grid from '@material-ui/core/Grid';
+import Card from '@material-ui/core/Card';
+import CardContent from '@material-ui/core/CardContent';
+import Typography from '@material-ui/core/Typography';
+import makeStyles from '@material-ui/core/styles/makeStyles';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { Avatar, Link } from '@backstage/core-components';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { entityRouteRef } from '@backstage/plugin-catalog-react';
+import { AboutField } from './AboutField.esm.js';
+import { StatusTag } from '../StatusTag/StatusTag.esm.js';
+
+const useStyles = makeStyles(
+  {
+    avatar: {
+      width: "19px",
+      height: "19px",
+      float: "left",
+      marginRight: "0.3rem",
+      marginTop: "0rem",
+      marginBottom: "0rem",
+      alignItems: "left"
+    },
+    avatarText: {
+      fontSize: "8px",
+      textAlign: "left"
+    }
+  },
+  { name: "CardContentFields" }
+);
+const CardContentFields = ({
+  bazaarProject,
+  members,
+  descriptionSize,
+  membersSize
+}) => {
+  const catalogEntityRoute = useRouteRef(entityRouteRef);
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: descriptionSize }, /* @__PURE__ */ React.createElement(AboutField, { label: "Description" }, bazaarProject.description.split("\n").map((str, i) => /* @__PURE__ */ React.createElement(Typography, { key: i, variant: "body2", paragraph: true }, str)))), /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      style: {
+        display: "flex",
+        justifyContent: "flex-end"
+      },
+      item: true,
+      xs: membersSize
+    },
+    /* @__PURE__ */ React.createElement(AboutField, { label: "Latest members" }, members.length ? members.slice(0, 7).map((member) => {
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            textAlign: "left",
+            backgroundColor: "",
+            marginBottom: "0.3rem",
+            marginTop: "0.3rem",
+            display: "block"
+          },
+          key: member.userId
+        },
+        /* @__PURE__ */ React.createElement(
+          Avatar,
+          {
+            displayName: member.userId,
+            classes,
+            picture: member.picture
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          Link,
+          {
+            target: "_blank",
+            to: member.userRef ? `${catalogEntityRoute(
+              parseEntityRef(member.userRef)
+            )}` : `http://github.com/${member.userId}`
+          },
+          member?.userId
+        )
+      );
+    }) : /* @__PURE__ */ React.createElement("div", null))
+  ), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Status" }, /* @__PURE__ */ React.createElement(StatusTag, { status: bazaarProject.status }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(AboutField, { label: "size" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, bazaarProject.size))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Start date" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, bazaarProject.startDate?.substring(0, 10) || ""))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(AboutField, { label: "End date" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, bazaarProject.endDate?.substring(0, 10) || ""))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(AboutField, { label: "Responsible" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, bazaarProject.responsible || "")))))));
+};
+
+export { CardContentFields };
+//# sourceMappingURL=CardContentFields.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentFields.esm.js","sources":["../../../src/components/CardContentFields/CardContentFields.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 React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\n\nimport { GridSize } from '@material-ui/core/Grid';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Avatar, Link } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { AboutField } from './AboutField';\nimport { StatusTag } from '../StatusTag';\nimport { Member, BazaarProject } from '../../types';\n\ntype Props = {\n  bazaarProject: BazaarProject;\n  members: Member[];\n  descriptionSize: GridSize;\n  membersSize: GridSize;\n};\n\nconst useStyles = makeStyles(\n  {\n    avatar: {\n      width: '19px',\n      height: '19px',\n      float: 'left',\n      marginRight: '0.3rem',\n      marginTop: '0rem',\n      marginBottom: '0rem',\n      alignItems: 'left',\n    },\n    avatarText: {\n      fontSize: '8px',\n      textAlign: 'left',\n    },\n  },\n  { name: 'CardContentFields' },\n);\n\nexport const CardContentFields = ({\n  bazaarProject,\n  members,\n  descriptionSize,\n  membersSize,\n}: Props) => {\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n  const classes = useStyles();\n  return (\n    <div>\n      <Card>\n        <CardContent>\n          <Grid container>\n            <Grid item xs={descriptionSize}>\n              <AboutField label=\"Description\">\n                {bazaarProject.description\n                  .split('\\n')\n                  .map((str: string, i: number) => (\n                    <Typography key={i} variant=\"body2\" paragraph>\n                      {str}\n                    </Typography>\n                  ))}\n              </AboutField>\n            </Grid>\n\n            <Grid\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n              }}\n              item\n              xs={membersSize}\n            >\n              <AboutField label=\"Latest members\">\n                {members.length ? (\n                  members.slice(0, 7).map((member: Member) => {\n                    return (\n                      <div\n                        style={{\n                          textAlign: 'left',\n                          backgroundColor: '',\n                          marginBottom: '0.3rem',\n                          marginTop: '0.3rem',\n                          display: 'block',\n                        }}\n                        key={member.userId}\n                      >\n                        <Avatar\n                          displayName={member.userId}\n                          classes={classes}\n                          picture={member.picture}\n                        />\n                        <Link\n                          target=\"_blank\"\n                          to={\n                            member.userRef\n                              ? `${catalogEntityRoute(\n                                  parseEntityRef(member.userRef),\n                                )}`\n                              : `http://github.com/${member.userId}`\n                          }\n                        >\n                          {member?.userId}\n                        </Link>\n                      </div>\n                    );\n                  })\n                ) : (\n                  <div />\n                )}\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"Status\">\n                <StatusTag status={bazaarProject.status} />\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"size\">\n                <Typography variant=\"body2\">{bazaarProject.size}</Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"Start date\">\n                <Typography variant=\"body2\">\n                  {bazaarProject.startDate?.substring(0, 10) || ''}\n                </Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={2}>\n              <AboutField label=\"End date\">\n                <Typography variant=\"body2\">\n                  {bazaarProject.endDate?.substring(0, 10) || ''}\n                </Typography>\n              </AboutField>\n            </Grid>\n\n            <Grid item xs={4}>\n              <AboutField label=\"Responsible\">\n                <Typography variant=\"body2\">\n                  {bazaarProject.responsible || ''}\n                </Typography>\n              </AboutField>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB;AAAA,IACE,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,MAAA;AAAA,MACR,KAAO,EAAA,MAAA;AAAA,MACP,WAAa,EAAA,QAAA;AAAA,MACb,SAAW,EAAA,MAAA;AAAA,MACX,YAAc,EAAA,MAAA;AAAA,MACd,UAAY,EAAA,MAAA;AAAA,KACd;AAAA,IACA,UAAY,EAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,SAAW,EAAA,MAAA;AAAA,KACb;AAAA,GACF;AAAA,EACA,EAAE,MAAM,mBAAoB,EAAA;AAC9B,CAAA,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAA;AAAA,EACA,OAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AACF,CAAa,KAAA;AACX,EAAM,MAAA,kBAAA,GAAqB,YAAY,cAAc,CAAA,CAAA;AACrD,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,2CACG,KACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,4BACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,eACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAM,EAAA,aAAA,EAAA,EACf,aAAc,CAAA,WAAA,CACZ,MAAM,IAAI,CAAA,CACV,IAAI,CAAC,GAAA,EAAa,sBAChB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,CAAG,EAAA,OAAA,EAAQ,SAAQ,SAAS,EAAA,IAAA,EAAA,EAC1C,GACH,CACD,CACL,CACF,CAEA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,UAAA;AAAA,OAClB;AAAA,MACA,IAAI,EAAA,IAAA;AAAA,MACJ,EAAI,EAAA,WAAA;AAAA,KAAA;AAAA,oBAEH,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAM,EAAA,gBAAA,EAAA,EACf,OAAQ,CAAA,MAAA,GACP,OAAQ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,MAAmB,KAAA;AAC1C,MACE,uBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,SAAW,EAAA,MAAA;AAAA,YACX,eAAiB,EAAA,EAAA;AAAA,YACjB,YAAc,EAAA,QAAA;AAAA,YACd,SAAW,EAAA,QAAA;AAAA,YACX,OAAS,EAAA,OAAA;AAAA,WACX;AAAA,UACA,KAAK,MAAO,CAAA,MAAA;AAAA,SAAA;AAAA,wBAEZ,KAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAa,MAAO,CAAA,MAAA;AAAA,YACpB,OAAA;AAAA,YACA,SAAS,MAAO,CAAA,OAAA;AAAA,WAAA;AAAA,SAClB;AAAA,wBACA,KAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,EAAA,QAAA;AAAA,YACP,EAAA,EACE,MAAO,CAAA,OAAA,GACH,CAAG,EAAA,kBAAA;AAAA,cACD,cAAA,CAAe,OAAO,OAAO,CAAA;AAAA,aAC9B,CAAA,CAAA,GACD,CAAqB,kBAAA,EAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA,WAAA;AAAA,UAGvC,MAAQ,EAAA,MAAA;AAAA,SACX;AAAA,OACF,CAAA;AAAA,KAEH,CAAA,mBAEA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAI,CAET,CAAA;AAAA,GACF,kBAEC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,QAChB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,MAAQ,EAAA,aAAA,CAAc,MAAQ,EAAA,CAC3C,CACF,CAAA,sCAEC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAM,EAAA,MAAA,EAAA,kBACf,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAS,cAAc,IAAK,CAClD,CACF,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,gCACf,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EACjB,aAAc,CAAA,SAAA,EAAW,UAAU,CAAG,EAAA,EAAE,CAAK,IAAA,EAChD,CACF,CACF,mBAEC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAA,sCACZ,UAAW,EAAA,EAAA,KAAA,EAAM,UAChB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WACjB,aAAc,CAAA,OAAA,EAAS,SAAU,CAAA,CAAA,EAAG,EAAE,CAAA,IAAK,EAC9C,CACF,CACF,CAEA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAM,EAAA,aAAA,EAAA,sCACf,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,aAAA,CAAc,WAAe,IAAA,EAChC,CACF,CACF,CACF,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}