@atlaskit/teams-public 0.2.0 → 0.3.0

package/dist/cjs/ui/team-containers/main.js

@@ -1,31 +1,109 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TeamContainers = exports.ICON_COLOR = exports.ICON_BACKGROUND = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.TeamContainers = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.ICON_COLOR = exports.ICON_BACKGROUND = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
+var _useTeamContainers2 = require("../../controllers/hooks/use-team-containers");
 var _addContainerCard = require("./add-container-card");
 var _linkedContainerCard = require("./linked-container-card");
+var _teamContainersSkeleton = require("./team-containers-skeleton");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ICON_BACKGROUND = exports.ICON_BACKGROUND = "var(--ds-icon-inverse, ".concat(_colors.N0, ")");
 var ICON_COLOR = exports.ICON_COLOR = "var(--ds-icon-subtle, ".concat(_colors.N90, ")");
-var TeamContainers = exports.TeamContainers = function TeamContainers() {
-  return /*#__PURE__*/_react.default.createElement(_primitives.Grid, {
+var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
+var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
+  var teamId = _ref.teamId,
+    onAddAContainerClick = _ref.onAddAContainerClick;
+  var _useTeamContainers = (0, _useTeamContainers2.useTeamContainers)(teamId),
+    teamContainers = _useTeamContainers.teamContainers,
+    loading = _useTeamContainers.loading;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showAddJiraContainer = _useState2[0],
+    setShowAddJiraContainer = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showAddConfluenceContainer = _useState4[0],
+    setShowAddConfluenceContainer = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    showMore = _useState6[0],
+    setShowMore = _useState6[1];
+  (0, _react.useEffect)(function () {
+    if (teamContainers.length > MAX_NUMBER_OF_CONTAINERS_TO_SHOW) {
+      setShowAddJiraContainer(false);
+      setShowAddConfluenceContainer(false);
+    } else {
+      var hasJiraProject = teamContainers.some(function (container) {
+        return container.type === 'JiraProject';
+      });
+      var hasConfluenceSpace = teamContainers.some(function (container) {
+        return container.type === 'ConfluenceSpace';
+      });
+      setShowAddJiraContainer(!hasJiraProject);
+      setShowAddConfluenceContainer(!hasConfluenceSpace);
+    }
+  }, [teamContainers]);
+  var handleShowMore = function handleShowMore() {
+    setShowMore(!showMore);
+  };
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement(_teamContainersSkeleton.TeamContainersSkeleton, {
+      numberOfContainers: MAX_NUMBER_OF_CONTAINERS_TO_SHOW
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+    space: "space.200"
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Grid, {
     templateColumns: "1fr 1fr",
     gap: "space.100",
     autoFlow: "row"
-  }, /*#__PURE__*/_react.default.createElement(_linkedContainerCard.LinkedContainerCard, {
-    containerType: "jira",
-    title: "A Project",
-    containerIcon: "https://avatar-management--avatars.us-west-2.staging.public.atl-paas.net/712020:2981defd-17f1-440e-a377-8c7657b72a6f/4b5b0d55-614b-4e75-858f-9da3d0c7e3f8/128"
-  }), /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
-    containerType: "jira"
-  }), /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
-    containerType: "confluence"
-  }), /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
-    containerType: "loom"
-  }));
-};
+  }, teamContainers.slice(0, MAX_NUMBER_OF_CONTAINERS_TO_SHOW).map(function (container) {
+    return /*#__PURE__*/_react.default.createElement(_linkedContainerCard.LinkedContainerCard, {
+      key: container.id,
+      containerType: container.type,
+      title: container.name,
+      containerIcon: container.icon,
+      link: container.link
+    });
+  }), showAddJiraContainer && /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
+    onAddAContainerClick: onAddAContainerClick,
+    containerType: "JiraProject"
+  }), showAddConfluenceContainer && /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
+    onAddAContainerClick: onAddAContainerClick,
+    containerType: "ConfluenceSpace"
+  }), showMore && teamContainers.slice(MAX_NUMBER_OF_CONTAINERS_TO_SHOW).map(function (container) {
+    return /*#__PURE__*/_react.default.createElement(_linkedContainerCard.LinkedContainerCard, {
+      key: container.id,
+      containerType: container.type,
+      title: container.name,
+      containerIcon: container.icon,
+      link: container.link
+    });
+  })), teamContainers.length > MAX_NUMBER_OF_CONTAINERS_TO_SHOW && /*#__PURE__*/_react.default.createElement(_primitives.Inline, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+    appearance: "subtle",
+    onClick: handleShowMore
+  }, showMore ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.showLess) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.showMore))));
+};
+var messages = (0, _reactIntlNext.defineMessages)({
+  showMore: {
+    id: 'ptc-directory.team-profile-page.team-containers.show-more.non-final',
+    defaultMessage: 'Show more',
+    description: 'Button to show more containers'
+  },
+  showLess: {
+    id: 'ptc-directory.team-profile-page.team-containers.show-less.non-final',
+    defaultMessage: 'Show less',
+    description: 'Button to show less containers'
+  }
+});

package/dist/cjs/ui/team-containers/team-containers-skeleton/index.compiled.css

@@ -0,0 +1,4 @@
+
+._2rko1q77{border-radius:var(--ds-border-radius-400,1pc)}
+._1rjc1b66{padding-block:var(--ds-space-050,4px)}._1bsbvbgk{width:4pc}
+._yv0ewxkt{grid-template-columns:1fr 1fr}

package/dist/cjs/ui/team-containers/team-containers-skeleton/index.js

@@ -0,0 +1,36 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TeamContainersSkeleton = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _linkedContainerCardSkeleton = require("./linked-container-card-skeleton");
+var styles = {
+  containers: "_yv0ewxkt",
+  showMoreButtonSkeleton: "_2rko1q77 _1rjc1b66 _1bsbvbgk"
+};
+var TeamContainersSkeleton = exports.TeamContainersSkeleton = function TeamContainersSkeleton(_ref) {
+  var numberOfContainers = _ref.numberOfContainers;
+  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: "space.200",
+    testId: "team-containers-skeleton"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Grid, {
+    xcss: styles.containers,
+    gap: "space.100",
+    autoFlow: "row"
+  }, (0, _toConsumableArray2.default)(Array(numberOfContainers)).map(function (_, index) {
+    return /*#__PURE__*/_react.default.createElement(_linkedContainerCardSkeleton.LinkedContainerCardSkeleton, {
+      key: index
+    });
+  })), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    backgroundColor: "color.background.neutral",
+    xcss: styles.showMoreButtonSkeleton
+  }));
+};

package/dist/cjs/ui/team-containers/team-containers-skeleton/linked-container-card-skeleton/index.compiled.css

@@ -0,0 +1,14 @@
+
+._2rko1q77{border-radius:var(--ds-border-radius-400,1pc)}
+._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._1h6dz9xs{border-color:var(--ds-border-accent-gray,#758195)}
+._1rjc1b66{padding-block:var(--ds-space-050,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._1bsbqkoa{width:9pc}
+._1qu2nqa1{outline-style:solid}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}

package/dist/cjs/ui/team-containers/team-containers-skeleton/linked-container-card-skeleton/index.js

@@ -0,0 +1,38 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkedContainerCardSkeleton = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  container: "_2rkoiti9 _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _syaz1fxt _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
+  avatarSkeleton: "_2rkoglpi _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
+  firstLineSkeleton: "_2rko1q77 _1rjc1b66",
+  secondLineSkeleton: "_2rko1q77 _1rjc1b66 _1bsbqkoa"
+};
+var LinkedContainerCardSkeleton = exports.LinkedContainerCardSkeleton = function LinkedContainerCardSkeleton() {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.100",
+    alignBlock: "center"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    backgroundColor: "color.background.neutral",
+    xcss: styles.avatarSkeleton
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: "space.100",
+    grow: "fill"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    backgroundColor: "color.background.neutral",
+    xcss: styles.firstLineSkeleton
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    backgroundColor: "color.background.neutral",
+    xcss: styles.secondLineSkeleton
+  }))));
+};

package/dist/es2019/common/utils/error/index.js

@@ -0,0 +1,87 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _GraphQLError;
+export let StatusCode = /*#__PURE__*/function (StatusCode) {
+  StatusCode[StatusCode["UNAUTHORIZED"] = 401] = "UNAUTHORIZED";
+  StatusCode[StatusCode["FORBIDDEN"] = 403] = "FORBIDDEN";
+  StatusCode[StatusCode["TIMEOUT"] = 408] = "TIMEOUT";
+  StatusCode[StatusCode["GONE"] = 410] = "GONE";
+  StatusCode[StatusCode["PAYLOAD_TOO_LARGE"] = 413] = "PAYLOAD_TOO_LARGE";
+  return StatusCode;
+}({});
+class CommonError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = this.constructor.name;
+    this.message = message || 'UnknownError';
+    this.stack = new Error(message).stack || '';
+  }
+}
+export class DefaultError extends CommonError {
+  constructor({
+    message
+  }) {
+    super(message || 'UnknownError');
+    Object.setPrototypeOf(this, DefaultError.prototype);
+  }
+}
+
+/**
+ * These errors will not fail UFO experiences
+ */
+export class SLOIgnoreError extends CommonError {
+  constructor({
+    message
+  }) {
+    super(`SentryIgnore: ${message || 'UnknownError'}`);
+    Object.setPrototypeOf(this, SLOIgnoreError.prototype);
+  }
+}
+// Http Errors
+export class HttpError extends CommonError {
+  constructor({
+    message,
+    status,
+    traceId,
+    path
+  }) {
+    super(message);
+    Object.setPrototypeOf(this, HttpError.prototype);
+    this.status = status;
+    this.traceId = traceId;
+    this.path = path;
+  }
+}
+
+// Graphql Errors
+
+export class GraphQLError extends CommonError {
+  // tslint:disable-line no-any
+
+  constructor({
+    message,
+    category = 'default',
+    fields
+  }) {
+    super(message);
+    Object.setPrototypeOf(this, GraphQLError.prototype);
+    this.category = category;
+    if (fields) {
+      this.fields = fields;
+    }
+  }
+}
+_GraphQLError = GraphQLError;
+_defineProperty(GraphQLError, "from", rawErrors => {
+  const firstError = rawErrors[0];
+  const errorData = {
+    category: firstError.category,
+    message: firstError.message
+  };
+  if (firstError.fields) {
+    errorData.fields = firstError.fields.reduce((obj, item) => {
+      obj[item.field] = item.message;
+      return obj;
+    }, {});
+  }
+  return new _GraphQLError(errorData);
+});

package/dist/es2019/common/utils/get-container-properties.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
-import { ConfluenceIcon, JiraIcon, LoomIcon } from '@atlaskit/logo';
+import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 export const messages = defineMessages({
   addConfluenceContainerTitle: {
     id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-title.non-final',
@@ -35,7 +35,7 @@ export const messages = defineMessages({
 });
 export const getContainerProperties = containerType => {
   switch (containerType) {
-    case 'confluence':
+    case 'ConfluenceSpace':
       return {
         description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
         icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
@@ -45,7 +45,7 @@ export const getContainerProperties = containerType => {
         }),
         title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceContainerTitle)
       };
-    case 'jira':
+    case 'JiraProject':
       return {
         description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
         icon: /*#__PURE__*/React.createElement(JiraIcon, {
@@ -55,16 +55,6 @@ export const getContainerProperties = containerType => {
         }),
         title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProjectTitle)
       };
-    case 'loom':
-      return {
-        description: /*#__PURE__*/React.createElement(FormattedMessage, messages.loomSpaceDescription),
-        icon: /*#__PURE__*/React.createElement(LoomIcon, {
-          appearance: "brand",
-          label: "",
-          size: "xsmall"
-        }),
-        title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomSpaceTitle)
-      };
     default:
       return {
         description: null,

package/dist/es2019/common/utils/http.js

@@ -0,0 +1,82 @@
+export const EXPONENTIAL_BACKOFF_RETRY_POLICY = {
+  INITIAL_DELAY: 200,
+  MAX_RETRIES: 5,
+  JITTER: true
+};
+
+/**
+ * Checks whether a status code is a 5xx HTTP code.
+ * @param {number} status HTTP status code
+ */
+export function is5xx(status) {
+  return 500 <= status && status <= 599;
+}
+export function isFetchResponse(data) {
+  if (!data || !data.hasOwnProperty('response')) {
+    return false;
+  }
+  return data.response instanceof Response;
+}
+
+// tslint:disable-next-line no-any
+
+// tslint:disable-next-line no-any
+const defaultRetryIfCallback = a => !a;
+const defaultOptions = {
+  initial: 200,
+  jitter: false,
+  max: 5,
+  retryIf: defaultRetryIfCallback
+};
+/**
+ * Transparently wrap a function so that it is retried until it succeeds or reaches a max retry limit.
+ * The returned function has the same signature as the wrapped function.
+ *
+ * Modified from https://jsfiddle.net/pajtai/pLka0ow9/
+ */
+export function withExponentialBackoff(toTry, hofOptions = defaultOptions) {
+  const {
+    initial,
+    jitter,
+    max,
+    retryIf
+  } = hofOptions;
+
+  // Initialize max retry decrementing counter (range of max...0)
+  let attemptsRemaining = max;
+
+  // Initialize delay. This will exponentially increase each retry (delay = intial * 2^n)
+  let delay = initial;
+
+  /**
+   * This function calls itself recursively until `retryIf` evaluates false or the retry limit is reached.
+   * The functioned-to-be-retried is called on each recursion.
+   */
+  return async function tryWithExponentialBackoff(...args) {
+    // "An attempt was made"
+    const result = await toTry(...args);
+    --attemptsRemaining;
+
+    // If tried function was unsuccessful and there are still retries remaining, retry!
+    if (retryIf && retryIf(result) && attemptsRemaining > 0) {
+      // Wait for delay
+      await new Promise(resolve => setTimeout(resolve, jitter ? Math.random() * delay : delay));
+
+      // Exponentially increase delay
+      delay *= 2;
+
+      // Initiate retry
+      return tryWithExponentialBackoff(...args);
+    }
+
+    // Return result of tried function if it is successful or if the retry limit
+    // was reached regardless of success.
+    return result;
+  };
+}
+export const fetchWithExponentialBackoff = withExponentialBackoff((url, init) => fetch(url, init), {
+  initial: EXPONENTIAL_BACKOFF_RETRY_POLICY.INITIAL_DELAY,
+  jitter: EXPONENTIAL_BACKOFF_RETRY_POLICY.JITTER,
+  max: EXPONENTIAL_BACKOFF_RETRY_POLICY.MAX_RETRIES,
+  retryIf: response => is5xx(response.status)
+});

package/dist/es2019/common/utils/status-code-handlers-provider.js

@@ -0,0 +1,25 @@
+/**
+ * Our REST clients are initialised when their module loads which makes it tricky for them to consume the `statusCodeHandlers` prop passed to App from the host application.
+ * This is a temporary measure to enable the clients to consume `statusCodeHandlers`.
+ * The long term solution is to replace our REST clients with Apollo client custom resolvers
+ * This will unify all remote data handling under the apollo-client module which is able to easily receive `statusCodeHandlers` as it is initialised within the React portion of our app.
+ */
+
+export const statusCodeHandlersProvider = {
+  handlers: {},
+  get() {
+    return statusCodeHandlersProvider.handlers;
+  },
+  setHandlers(handlers) {
+    statusCodeHandlersProvider.handlers = handlers;
+  }
+};
+export function handleResponse(response) {
+  const {
+    status
+  } = response;
+  const handler = statusCodeHandlersProvider.get()[status];
+  if (typeof handler === 'function') {
+    handler(response);
+  }
+}

package/dist/es2019/common/utils/team-id-to-ari.js

@@ -0,0 +1,2 @@
+export const ARI_PREFIX = 'ari:cloud:identity::team/';
+export const teamIdToAri = teamIdOrTeamAri => teamIdOrTeamAri.startsWith(ARI_PREFIX) ? teamIdOrTeamAri : `${ARI_PREFIX}${teamIdOrTeamAri}`;

package/dist/es2019/controllers/hooks/use-team-containers/index.js

@@ -0,0 +1,45 @@
+import { useEffect } from 'react';
+import { createHook, createStore } from 'react-sweet-state';
+import { teamsClient } from '../../../services';
+const initialState = {
+  teamContainers: [],
+  loading: true,
+  error: null
+};
+const actions = {
+  fetchTeamContainers: teamId => async ({
+    setState
+  }) => {
+    setState({
+      loading: true,
+      error: null
+    });
+    try {
+      const containers = await teamsClient.getTeamContainers(teamId);
+      setState({
+        teamContainers: containers,
+        loading: false,
+        error: null
+      });
+    } catch (err) {
+      setState({
+        teamContainers: [],
+        error: err,
+        loading: false
+      });
+    }
+  }
+};
+const Store = createStore({
+  initialState,
+  actions,
+  name: 'teamContainersStore'
+});
+export const useTeamContainersHook = createHook(Store);
+export const useTeamContainers = teamId => {
+  const [state, actions] = useTeamContainersHook();
+  useEffect(() => {
+    actions.fetchTeamContainers(teamId);
+  }, [teamId, actions]);
+  return state;
+};

package/dist/es2019/controllers/index.js

@@ -0,0 +1 @@
+export { useTeamContainers } from './hooks/use-team-containers';

package/dist/es2019/services/agg-client/index.js

@@ -0,0 +1,36 @@
+import { teamIdToAri } from '../../common/utils/team-id-to-ari';
+import { DEFAULT_CONFIG } from '../constants';
+import { BaseGraphQlClient } from '../graphql-client';
+import { TeamContainersQuery } from './utils/queries/team-containers-query';
+export class AGGClient extends BaseGraphQlClient {
+  constructor(baseUrl, config) {
+    super(`${baseUrl}/graphql`, config);
+  }
+  setBaseUrl(baseUrl) {
+    this.setServiceUrl(`${baseUrl}/graphql`);
+  }
+  async getTeamContainers(teamId) {
+    const teamAri = teamIdToAri(teamId);
+    const cypherQuery = `MATCH (team:IdentityTeam {id: '${teamAri}'})-[:team_connected_to_container]->(container) RETURN container`;
+    const response = await this.makeGraphQLRequest({
+      query: TeamContainersQuery,
+      variables: {
+        cypherQuery
+      }
+    }, {
+      operationName: 'TeamContainersQuery'
+    });
+    const containersResult = response.graphStore.cypherQuery.edges.map(edge => ({
+      id: edge.node.to.id,
+      type: edge.node.to.data.__typename,
+      name: edge.node.to.data.__typename === 'ConfluenceSpace' ? edge.node.to.data.confluenceSpaceName || '' : edge.node.to.data.jiraProjectName,
+      icon: edge.node.to.data.__typename === 'ConfluenceSpace' ? `${edge.node.to.data.links.base}${edge.node.to.data.icon.path}` : edge.node.to.data.avatar.medium,
+      createdDate: edge.node.to.data.__typename === 'ConfluenceSpace' ? new Date(edge.node.to.data.createdDate) : new Date(edge.node.to.data.created),
+      link: edge.node.to.data.__typename === 'ConfluenceSpace' ? `${edge.node.to.data.links.base}${edge.node.to.data.links.webUi}` : edge.node.to.data.webUrl
+    }));
+    return containersResult;
+  }
+}
+export const aggClient = new AGGClient(DEFAULT_CONFIG.stargateRoot, {
+  logException: () => {}
+});

package/dist/es2019/services/agg-client/mocks/index.js

@@ -0,0 +1,46 @@
+export const MOCK_TEAM_CONTAINERS = {
+  graphStore: {
+    cypherQuery: {
+      edges: [{
+        node: {
+          from: {
+            id: '1'
+          },
+          to: {
+            id: '2',
+            data: {
+              __typename: 'ConfluenceSpace',
+              confluenceSpaceName: 'Confluence Space',
+              type: 'confluence',
+              createdDate: '2021-01-01',
+              links: {
+                webUi: 'web-link'
+              },
+              icon: {
+                path: 'https://avatar-management--avatars.us-west-2.staging.public.atl-paas.net/712020:2981defd-17f1-440e-a377-8c7657b72a6f/4b5b0d55-614b-4e75-858f-9da3d0c7e3f8/128'
+              }
+            }
+          }
+        }
+      }, {
+        node: {
+          from: {
+            id: '1'
+          },
+          to: {
+            id: '3',
+            data: {
+              __typename: 'JiraProject',
+              jiraProjectName: 'Jira Project',
+              webUrl: 'web-link',
+              created: '2021-01-01',
+              avatar: {
+                medium: 'https://avatar-management--avatars.us-west-2.staging.public.atl-paas.net/712020:2981defd-17f1-440e-a377-8c7657b72a6f/4b5b0d55-614b-4e75-858f-9da3d0c7e3f8/128'
+              }
+            }
+          }
+        }
+      }]
+    }
+  }
+};

package/dist/es2019/services/agg-client/utils/queries/team-containers-query.js

@@ -0,0 +1,46 @@
+import { print } from 'graphql';
+import gql from 'graphql-tag';
+export const TeamContainersQuery = print(gql`
+	query TeamContainersQuery($cypherQuery: String!) {
+		graphStore @optIn(to: ["GraphStore"]) {
+			cypherQuery(query: $cypherQuery) @optIn(to: ["GraphStoreCypherQuery"]) {
+				edges {
+					__typename
+					node {
+						from {
+							id
+						}
+						to {
+							id
+							data {
+								__typename
+								... on ConfluenceSpace {
+									id
+									confluenceSpaceName: name
+									type
+									createdDate
+									links {
+										base
+										webUi
+									}
+									icon {
+										path
+									}
+								}
+								... on JiraProject {
+									id
+									jiraProjectName: name
+									webUrl
+									created
+									avatar {
+										medium
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+`);