@atlaskit/profilecard 17.0.0 → 17.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 17.1.0
+
+### Minor Changes
+
+- [`aa321e66c2a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa321e66c2a) - Add cloudid as optional client prop and add workspace check for Atlas functionality
+
 ## 17.0.0
 
 ### Major Changes

package/dist/cjs/client/ProfileCardClient.js

@@ -70,11 +70,11 @@ var ProfileCardClient = /*#__PURE__*/function () {
   }, {
     key: "shouldShowGiveKudos",
     value: function shouldShowGiveKudos() {
-      var _this$tcClient4, _this$tcClient5, _this$tcClient6;
+      var _this$tcClient4, _this$tcClient5;
 
       // Check if the kudos feature enabled and if the user has TC
       // if the user does not have TC the tc client will be undefined.
-      return ((_this$tcClient4 = this.tcClient) === null || _this$tcClient4 === void 0 ? void 0 : _this$tcClient4.options.teamCentralBaseUrl) && ((_this$tcClient5 = this.tcClient) === null || _this$tcClient5 === void 0 ? void 0 : _this$tcClient5.getFlagEnabled('team-central-kudos-enabled-m2', (_this$tcClient6 = this.tcClient) === null || _this$tcClient6 === void 0 ? void 0 : _this$tcClient6.options.productIdentifier)) || Promise.resolve(false);
+      return this.getTeamCentralBaseUrl() && ((_this$tcClient4 = this.tcClient) === null || _this$tcClient4 === void 0 ? void 0 : _this$tcClient4.getFlagEnabled('team-central-kudos-enabled-m2', (_this$tcClient5 = this.tcClient) === null || _this$tcClient5 === void 0 ? void 0 : _this$tcClient5.options.productIdentifier)) || Promise.resolve(false);
     }
   }]);
   return ProfileCardClient;

package/dist/cjs/client/TeamCentralCardClient.js

@@ -48,6 +48,14 @@ var buildCheckFeatureFlagQuery = function buildCheckFeatureFlagQuery(featureKey,
   };
 };
 
+function hasTCWorkspace(config) {
+  return config.cloudId ? fetch("/gateway/api/watermelon/organization/containsAnyWorkspace?cloudId=".concat(config.cloudId)).then(function (res) {
+    return !res || res && res.ok;
+  }) : Promise.resolve(false);
+}
+
+var isTCReadyPromiseMap = new Map();
+
 var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
   (0, _inherits2.default)(TeamCentralCardClient, _CachingClient);
 
@@ -69,10 +77,27 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     _this.options = options;
     _this.bypassOnFailure = false;
     _this.featureFlagKeys = new Map();
+    _this.isTCReadyPromise = _this.createTcReadyPromise(options);
     return _this;
   }
 
   (0, _createClass2.default)(TeamCentralCardClient, [{
+    key: "createTcReadyPromise",
+    value: function createTcReadyPromise(config) {
+      if (config.cloudId) {
+        var promise = isTCReadyPromiseMap.get(config.cloudId);
+
+        if (!promise) {
+          promise = hasTCWorkspace(config);
+          isTCReadyPromiseMap.set(config.cloudId, promise);
+        }
+
+        return promise;
+      }
+
+      return Promise.resolve(true);
+    }
+  }, {
     key: "makeFeatureFlagCheckRequest",
     value: function () {
       var _makeFeatureFlagCheckRequest = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(featureKey, context) {
@@ -91,7 +116,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
               case 2:
                 query = buildCheckFeatureFlagQuery(featureKey, context);
                 _context.next = 5;
-                return (0, _graphqlUtils.graphqlQuery)(this.options.teamCentralUrl, query);
+                return (0, _graphqlUtils.graphqlQuery)("".concat(this.options.teamCentralUrl, "?operationName=isFeatureKeyEnabled"), query);
 
               case 5:
                 response = _context.sent;
@@ -130,7 +155,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
               case 2:
                 query = buildReportingLinesQuery(userId);
                 _context2.next = 5;
-                return (0, _graphqlUtils.graphqlQuery)(this.options.teamCentralUrl, query);
+                return (0, _graphqlUtils.graphqlQuery)("".concat(this.options.teamCentralUrl, "?operationName=ReportingLines"), query);
 
               case 5:
                 response = _context2.sent;
@@ -155,44 +180,58 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     value: function getReportingLines(userId) {
       var _this2 = this;
 
-      if (!userId) {
-        return Promise.reject(new Error('userId missing'));
-      }
-
-      var cache = this.getCachedProfile(userId);
-
-      if (cache) {
-        return Promise.resolve(cache);
-      }
-
-      if (this.bypassOnFailure) {
-        return Promise.resolve({});
-      }
+      return this.isTCReadyPromise.then(function (workSpaceExists) {
+        if (workSpaceExists) {
+          if (!userId) {
+            return Promise.reject(new Error('userId missing'));
+          }
 
-      return new Promise(function (resolve) {
-        _this2.makeRequest(userId).then(function (data) {
-          var enhancedData = {
-            managers: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.managers),
-            reports: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.reports)
-          };
+          var cache = _this2.getCachedProfile(userId);
 
-          if (_this2.cache) {
-            _this2.setCachedProfile(userId, enhancedData);
+          if (cache) {
+            return Promise.resolve(cache);
           }
 
-          resolve(enhancedData);
-        }).catch(function (error) {
-          if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
-            // Trigger circuit breaker
-            _this2.bypassOnFailure = true;
+          if (_this2.bypassOnFailure) {
+            return Promise.resolve({});
           }
-          /**
-           * Reporting lines aren't part of the critical path of profile card.
-           * Just resolve with empty values instead of bubbling up the error.
-           */
-
 
-          resolve({});
+          return new Promise(function (resolve) {
+            _this2.makeRequest(userId).then(function (data) {
+              var enhancedData = {
+                managers: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.managers),
+                reports: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.reports)
+              };
+
+              if (_this2.cache) {
+                _this2.setCachedProfile(userId, enhancedData);
+              }
+
+              resolve(enhancedData);
+            }).catch(function (error) {
+              if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
+                // Trigger circuit breaker
+                _this2.bypassOnFailure = true;
+              }
+              /**
+               * Reporting lines aren't part of the critical path of profile card.
+               * Just resolve with empty values instead of bubbling up the error.
+               */
+
+
+              resolve({});
+            });
+          });
+        }
+
+        return Promise.resolve({
+          managers: [],
+          reports: []
+        });
+      }, function () {
+        return Promise.resolve({
+          managers: [],
+          reports: []
         });
       });
     }
@@ -201,35 +240,43 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     value: function getFlagEnabled(featureKey, productIdentifier) {
       var _this3 = this;
 
-      if (!featureKey) {
-        return Promise.reject(new Error('featureKey missing'));
-      }
-
-      if (this.featureFlagKeys.has(featureKey)) {
-        return Promise.resolve(this.featureFlagKeys.get(featureKey));
-      }
+      return this.isTCReadyPromise.then(function (workSpaceExists) {
+        if (workSpaceExists) {
+          if (!featureKey) {
+            return Promise.reject(new Error('featureKey missing'));
+          }
 
-      if (this.bypassOnFailure) {
-        return Promise.resolve(false);
-      }
+          if (_this3.featureFlagKeys.has(featureKey)) {
+            return Promise.resolve(_this3.featureFlagKeys.get(featureKey));
+          }
 
-      var context = [{
-        key: 'productIdentifier',
-        value: productIdentifier || 'unset'
-      }];
-      return new Promise(function (resolve) {
-        _this3.makeFeatureFlagCheckRequest(featureKey, context).then(function (enabled) {
-          _this3.featureFlagKeys.set(featureKey, enabled);
-
-          resolve(enabled);
-        }).catch(function (error) {
-          if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
-            // Trigger circuit breaker
-            _this3.bypassOnFailure = true;
+          if (_this3.bypassOnFailure) {
+            return Promise.resolve(false);
           }
 
-          resolve(false);
-        });
+          var context = [{
+            key: 'productIdentifier',
+            value: productIdentifier || 'unset'
+          }];
+          return new Promise(function (resolve) {
+            _this3.makeFeatureFlagCheckRequest(featureKey, context).then(function (enabled) {
+              _this3.featureFlagKeys.set(featureKey, enabled);
+
+              resolve(enabled);
+            }).catch(function (error) {
+              if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
+                // Trigger circuit breaker
+                _this3.bypassOnFailure = true;
+              }
+
+              resolve(false);
+            });
+          });
+        }
+
+        return Promise.resolve(false);
+      }, function () {
+        return Promise.resolve(false);
       });
     }
   }, {

package/dist/cjs/util/analytics.js

@@ -59,7 +59,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "17.0.0"
+      packageVersion: "17.1.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "17.0.0"
+	"version": "17.1.0"
 }

package/dist/es2019/client/ProfileCardClient.js

@@ -41,11 +41,11 @@ class ProfileCardClient {
   }
 
   shouldShowGiveKudos() {
-    var _this$tcClient4, _this$tcClient5, _this$tcClient6;
+    var _this$tcClient4, _this$tcClient5;
 
     // Check if the kudos feature enabled and if the user has TC
     // if the user does not have TC the tc client will be undefined.
-    return ((_this$tcClient4 = this.tcClient) === null || _this$tcClient4 === void 0 ? void 0 : _this$tcClient4.options.teamCentralBaseUrl) && ((_this$tcClient5 = this.tcClient) === null || _this$tcClient5 === void 0 ? void 0 : _this$tcClient5.getFlagEnabled('team-central-kudos-enabled-m2', (_this$tcClient6 = this.tcClient) === null || _this$tcClient6 === void 0 ? void 0 : _this$tcClient6.options.productIdentifier)) || Promise.resolve(false);
+    return this.getTeamCentralBaseUrl() && ((_this$tcClient4 = this.tcClient) === null || _this$tcClient4 === void 0 ? void 0 : _this$tcClient4.getFlagEnabled('team-central-kudos-enabled-m2', (_this$tcClient5 = this.tcClient) === null || _this$tcClient5 === void 0 ? void 0 : _this$tcClient5.options.productIdentifier)) || Promise.resolve(false);
   }
 
 }

package/dist/es2019/client/TeamCentralCardClient.js

@@ -46,6 +46,14 @@ const buildCheckFeatureFlagQuery = (featureKey, context) => ({
   }
 });
 
+function hasTCWorkspace(config) {
+  return config.cloudId ? fetch(`/gateway/api/watermelon/organization/containsAnyWorkspace?cloudId=${config.cloudId}`).then(res => {
+    return !res || res && res.ok;
+  }) : Promise.resolve(false);
+}
+
+let isTCReadyPromiseMap = new Map();
+
 class TeamCentralCardClient extends CachingClient {
   /**
    * Simple circuit breaker to avoid making unnecessary calls to Team Central on auth failures
@@ -60,6 +68,22 @@ class TeamCentralCardClient extends CachingClient {
     this.options = options;
     this.bypassOnFailure = false;
     this.featureFlagKeys = new Map();
+    this.isTCReadyPromise = this.createTcReadyPromise(options);
+  }
+
+  createTcReadyPromise(config) {
+    if (config.cloudId) {
+      let promise = isTCReadyPromiseMap.get(config.cloudId);
+
+      if (!promise) {
+        promise = hasTCWorkspace(config);
+        isTCReadyPromiseMap.set(config.cloudId, promise);
+      }
+
+      return promise;
+    }
+
+    return Promise.resolve(true);
   }
 
   async makeFeatureFlagCheckRequest(featureKey, context) {
@@ -68,7 +92,7 @@ class TeamCentralCardClient extends CachingClient {
     }
 
     const query = buildCheckFeatureFlagQuery(featureKey, context);
-    const response = await graphqlQuery(this.options.teamCentralUrl, query);
+    const response = await graphqlQuery(`${this.options.teamCentralUrl}?operationName=isFeatureKeyEnabled`, query);
     return response.isFeatureEnabled.enabled;
   }
 
@@ -78,83 +102,101 @@ class TeamCentralCardClient extends CachingClient {
     }
 
     const query = buildReportingLinesQuery(userId);
-    const response = await graphqlQuery(this.options.teamCentralUrl, query);
+    const response = await graphqlQuery(`${this.options.teamCentralUrl}?operationName=ReportingLines`, query);
     return response.reportingLines;
   }
 
   getReportingLines(userId) {
-    if (!userId) {
-      return Promise.reject(new Error('userId missing'));
-    }
-
-    const cache = this.getCachedProfile(userId);
-
-    if (cache) {
-      return Promise.resolve(cache);
-    }
-
-    if (this.bypassOnFailure) {
-      return Promise.resolve({});
-    }
+    return this.isTCReadyPromise.then(workSpaceExists => {
+      if (workSpaceExists) {
+        if (!userId) {
+          return Promise.reject(new Error('userId missing'));
+        }
 
-    return new Promise(resolve => {
-      this.makeRequest(userId).then(data => {
-        const enhancedData = {
-          managers: this.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.managers),
-          reports: this.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.reports)
-        };
+        const cache = this.getCachedProfile(userId);
 
-        if (this.cache) {
-          this.setCachedProfile(userId, enhancedData);
+        if (cache) {
+          return Promise.resolve(cache);
         }
 
-        resolve(enhancedData);
-      }).catch(error => {
-        if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
-          // Trigger circuit breaker
-          this.bypassOnFailure = true;
+        if (this.bypassOnFailure) {
+          return Promise.resolve({});
         }
-        /**
-         * Reporting lines aren't part of the critical path of profile card.
-         * Just resolve with empty values instead of bubbling up the error.
-         */
 
+        return new Promise(resolve => {
+          this.makeRequest(userId).then(data => {
+            const enhancedData = {
+              managers: this.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.managers),
+              reports: this.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.reports)
+            };
+
+            if (this.cache) {
+              this.setCachedProfile(userId, enhancedData);
+            }
+
+            resolve(enhancedData);
+          }).catch(error => {
+            if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
+              // Trigger circuit breaker
+              this.bypassOnFailure = true;
+            }
+            /**
+             * Reporting lines aren't part of the critical path of profile card.
+             * Just resolve with empty values instead of bubbling up the error.
+             */
+
+
+            resolve({});
+          });
+        });
+      }
 
-        resolve({});
+      return Promise.resolve({
+        managers: [],
+        reports: []
       });
-    });
+    }, () => Promise.resolve({
+      managers: [],
+      reports: []
+    }));
   }
 
   getFlagEnabled(featureKey, productIdentifier) {
-    if (!featureKey) {
-      return Promise.reject(new Error('featureKey missing'));
-    }
-
-    if (this.featureFlagKeys.has(featureKey)) {
-      return Promise.resolve(this.featureFlagKeys.get(featureKey));
-    }
+    return this.isTCReadyPromise.then(workSpaceExists => {
+      if (workSpaceExists) {
+        if (!featureKey) {
+          return Promise.reject(new Error('featureKey missing'));
+        }
 
-    if (this.bypassOnFailure) {
-      return Promise.resolve(false);
-    }
+        if (this.featureFlagKeys.has(featureKey)) {
+          return Promise.resolve(this.featureFlagKeys.get(featureKey));
+        }
 
-    const context = [{
-      key: 'productIdentifier',
-      value: productIdentifier || 'unset'
-    }];
-    return new Promise(resolve => {
-      this.makeFeatureFlagCheckRequest(featureKey, context).then(enabled => {
-        this.featureFlagKeys.set(featureKey, enabled);
-        resolve(enabled);
-      }).catch(error => {
-        if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
-          // Trigger circuit breaker
-          this.bypassOnFailure = true;
+        if (this.bypassOnFailure) {
+          return Promise.resolve(false);
         }
 
-        resolve(false);
-      });
-    });
+        const context = [{
+          key: 'productIdentifier',
+          value: productIdentifier || 'unset'
+        }];
+        return new Promise(resolve => {
+          this.makeFeatureFlagCheckRequest(featureKey, context).then(enabled => {
+            this.featureFlagKeys.set(featureKey, enabled);
+            resolve(enabled);
+          }).catch(error => {
+            if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
+              // Trigger circuit breaker
+              this.bypassOnFailure = true;
+            }
+
+            resolve(false);
+          });
+        });
+      }
+
+      return Promise.resolve(false);
+    }, () => Promise.resolve(false));
   }
 
   filterReportingLinesUser(users = []) {

package/dist/es2019/util/analytics.js

@@ -38,7 +38,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "17.0.0",
+    packageVersion: "17.1.0",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "17.0.0"
+	"version": "17.1.0"
 }

package/dist/esm/client/ProfileCardClient.js

@@ -58,11 +58,11 @@ var ProfileCardClient = /*#__PURE__*/function () {
   }, {
     key: "shouldShowGiveKudos",
     value: function shouldShowGiveKudos() {
-      var _this$tcClient4, _this$tcClient5, _this$tcClient6;
+      var _this$tcClient4, _this$tcClient5;
 
       // Check if the kudos feature enabled and if the user has TC
       // if the user does not have TC the tc client will be undefined.
-      return ((_this$tcClient4 = this.tcClient) === null || _this$tcClient4 === void 0 ? void 0 : _this$tcClient4.options.teamCentralBaseUrl) && ((_this$tcClient5 = this.tcClient) === null || _this$tcClient5 === void 0 ? void 0 : _this$tcClient5.getFlagEnabled('team-central-kudos-enabled-m2', (_this$tcClient6 = this.tcClient) === null || _this$tcClient6 === void 0 ? void 0 : _this$tcClient6.options.productIdentifier)) || Promise.resolve(false);
+      return this.getTeamCentralBaseUrl() && ((_this$tcClient4 = this.tcClient) === null || _this$tcClient4 === void 0 ? void 0 : _this$tcClient4.getFlagEnabled('team-central-kudos-enabled-m2', (_this$tcClient5 = this.tcClient) === null || _this$tcClient5 === void 0 ? void 0 : _this$tcClient5.options.productIdentifier)) || Promise.resolve(false);
     }
   }]);
 

package/dist/esm/client/TeamCentralCardClient.js

@@ -32,6 +32,14 @@ var buildCheckFeatureFlagQuery = function buildCheckFeatureFlagQuery(featureKey,
   };
 };
 
+function hasTCWorkspace(config) {
+  return config.cloudId ? fetch("/gateway/api/watermelon/organization/containsAnyWorkspace?cloudId=".concat(config.cloudId)).then(function (res) {
+    return !res || res && res.ok;
+  }) : Promise.resolve(false);
+}
+
+var isTCReadyPromiseMap = new Map();
+
 var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
   _inherits(TeamCentralCardClient, _CachingClient);
 
@@ -54,10 +62,27 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     _this.options = options;
     _this.bypassOnFailure = false;
     _this.featureFlagKeys = new Map();
+    _this.isTCReadyPromise = _this.createTcReadyPromise(options);
     return _this;
   }
 
   _createClass(TeamCentralCardClient, [{
+    key: "createTcReadyPromise",
+    value: function createTcReadyPromise(config) {
+      if (config.cloudId) {
+        var promise = isTCReadyPromiseMap.get(config.cloudId);
+
+        if (!promise) {
+          promise = hasTCWorkspace(config);
+          isTCReadyPromiseMap.set(config.cloudId, promise);
+        }
+
+        return promise;
+      }
+
+      return Promise.resolve(true);
+    }
+  }, {
     key: "makeFeatureFlagCheckRequest",
     value: function () {
       var _makeFeatureFlagCheckRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(featureKey, context) {
@@ -76,7 +101,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
               case 2:
                 query = buildCheckFeatureFlagQuery(featureKey, context);
                 _context.next = 5;
-                return graphqlQuery(this.options.teamCentralUrl, query);
+                return graphqlQuery("".concat(this.options.teamCentralUrl, "?operationName=isFeatureKeyEnabled"), query);
 
               case 5:
                 response = _context.sent;
@@ -115,7 +140,7 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
               case 2:
                 query = buildReportingLinesQuery(userId);
                 _context2.next = 5;
-                return graphqlQuery(this.options.teamCentralUrl, query);
+                return graphqlQuery("".concat(this.options.teamCentralUrl, "?operationName=ReportingLines"), query);
 
               case 5:
                 response = _context2.sent;
@@ -140,44 +165,58 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     value: function getReportingLines(userId) {
       var _this2 = this;
 
-      if (!userId) {
-        return Promise.reject(new Error('userId missing'));
-      }
-
-      var cache = this.getCachedProfile(userId);
-
-      if (cache) {
-        return Promise.resolve(cache);
-      }
-
-      if (this.bypassOnFailure) {
-        return Promise.resolve({});
-      }
+      return this.isTCReadyPromise.then(function (workSpaceExists) {
+        if (workSpaceExists) {
+          if (!userId) {
+            return Promise.reject(new Error('userId missing'));
+          }
 
-      return new Promise(function (resolve) {
-        _this2.makeRequest(userId).then(function (data) {
-          var enhancedData = {
-            managers: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.managers),
-            reports: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.reports)
-          };
+          var cache = _this2.getCachedProfile(userId);
 
-          if (_this2.cache) {
-            _this2.setCachedProfile(userId, enhancedData);
+          if (cache) {
+            return Promise.resolve(cache);
           }
 
-          resolve(enhancedData);
-        }).catch(function (error) {
-          if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
-            // Trigger circuit breaker
-            _this2.bypassOnFailure = true;
+          if (_this2.bypassOnFailure) {
+            return Promise.resolve({});
           }
-          /**
-           * Reporting lines aren't part of the critical path of profile card.
-           * Just resolve with empty values instead of bubbling up the error.
-           */
-
 
-          resolve({});
+          return new Promise(function (resolve) {
+            _this2.makeRequest(userId).then(function (data) {
+              var enhancedData = {
+                managers: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.managers),
+                reports: _this2.filterReportingLinesUser(data === null || data === void 0 ? void 0 : data.reports)
+              };
+
+              if (_this2.cache) {
+                _this2.setCachedProfile(userId, enhancedData);
+              }
+
+              resolve(enhancedData);
+            }).catch(function (error) {
+              if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
+                // Trigger circuit breaker
+                _this2.bypassOnFailure = true;
+              }
+              /**
+               * Reporting lines aren't part of the critical path of profile card.
+               * Just resolve with empty values instead of bubbling up the error.
+               */
+
+
+              resolve({});
+            });
+          });
+        }
+
+        return Promise.resolve({
+          managers: [],
+          reports: []
+        });
+      }, function () {
+        return Promise.resolve({
+          managers: [],
+          reports: []
         });
       });
     }
@@ -186,35 +225,43 @@ var TeamCentralCardClient = /*#__PURE__*/function (_CachingClient) {
     value: function getFlagEnabled(featureKey, productIdentifier) {
       var _this3 = this;
 
-      if (!featureKey) {
-        return Promise.reject(new Error('featureKey missing'));
-      }
-
-      if (this.featureFlagKeys.has(featureKey)) {
-        return Promise.resolve(this.featureFlagKeys.get(featureKey));
-      }
+      return this.isTCReadyPromise.then(function (workSpaceExists) {
+        if (workSpaceExists) {
+          if (!featureKey) {
+            return Promise.reject(new Error('featureKey missing'));
+          }
 
-      if (this.bypassOnFailure) {
-        return Promise.resolve(false);
-      }
+          if (_this3.featureFlagKeys.has(featureKey)) {
+            return Promise.resolve(_this3.featureFlagKeys.get(featureKey));
+          }
 
-      var context = [{
-        key: 'productIdentifier',
-        value: productIdentifier || 'unset'
-      }];
-      return new Promise(function (resolve) {
-        _this3.makeFeatureFlagCheckRequest(featureKey, context).then(function (enabled) {
-          _this3.featureFlagKeys.set(featureKey, enabled);
-
-          resolve(enabled);
-        }).catch(function (error) {
-          if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
-            // Trigger circuit breaker
-            _this3.bypassOnFailure = true;
+          if (_this3.bypassOnFailure) {
+            return Promise.resolve(false);
           }
 
-          resolve(false);
-        });
+          var context = [{
+            key: 'productIdentifier',
+            value: productIdentifier || 'unset'
+          }];
+          return new Promise(function (resolve) {
+            _this3.makeFeatureFlagCheckRequest(featureKey, context).then(function (enabled) {
+              _this3.featureFlagKeys.set(featureKey, enabled);
+
+              resolve(enabled);
+            }).catch(function (error) {
+              if ((error === null || error === void 0 ? void 0 : error.status) === 401 || (error === null || error === void 0 ? void 0 : error.status) === 403) {
+                // Trigger circuit breaker
+                _this3.bypassOnFailure = true;
+              }
+
+              resolve(false);
+            });
+          });
+        }
+
+        return Promise.resolve(false);
+      }, function () {
+        return Promise.resolve(false);
       });
     }
   }, {

package/dist/esm/util/analytics.js

@@ -48,7 +48,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "17.0.0"
+      packageVersion: "17.1.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "17.0.0"
+	"version": "17.1.0"
 }

package/dist/types/client/TeamCentralCardClient.d.ts

@@ -19,7 +19,9 @@ declare class TeamCentralCardClient extends CachingClient<TeamCentralReportingLi
      */
     bypassOnFailure: boolean;
     featureFlagKeys: Map<string, boolean>;
+    isTCReadyPromise: Promise<boolean>;
     constructor(options: TeamCentralCardClientOptions);
+    createTcReadyPromise(config: ProfileClientOptions): Promise<boolean>;
     makeFeatureFlagCheckRequest(featureKey: string, context?: FeatureFlagExtraContext[]): Promise<boolean>;
     makeRequest(userId: string): Promise<TeamCentralReportingLinesData>;
     getReportingLines(userId: string): Promise<TeamCentralReportingLinesData>;

package/dist/types/types.d.ts

@@ -346,6 +346,7 @@ export interface ProfileClientOptions {
     teamCentralBaseUrl?: string;
     /** Name of integrating product e.g. jira, atlas, confluence **/
     productIdentifier?: string;
+    cloudId?: string;
 }
 export interface ClientOverrides {
     userClient?: UserProfileCardClient;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "17.0.0",
+  "version": "17.1.0",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,7 +42,7 @@
     "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/avatar-group": "^9.0.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/dropdown-menu": "^11.4.0",
+    "@atlaskit/dropdown-menu": "^11.5.0",
     "@atlaskit/give-kudos": "^0.6.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/lozenge": "^11.2.0",
@@ -70,7 +70,7 @@
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/util-data-test": "^17.5.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@testing-library/react": "^8.0.1",
+    "@testing-library/react": "^12.1.5",
     "enzyme": "^3.10.0",
     "es6-promise": "^4.0.5",
     "fetch-mock": "^8.0.0",

package/report.api.md

@@ -346,6 +346,7 @@ export declare interface ProfileClientOptions {
   teamCentralBaseUrl?: string;
   /** Name of integrating product e.g. jira, atlas, confluence **/
   productIdentifier?: string;
+  cloudId?: string;
 }
 
 export declare type RelativeDateKeyType =
@@ -409,7 +410,9 @@ declare class TeamCentralCardClient extends CachingClient<
    */
   bypassOnFailure: boolean;
   featureFlagKeys: Map<string, boolean>;
+  isTCReadyPromise: Promise<boolean>;
   constructor(options: TeamCentralCardClientOptions);
+  createTcReadyPromise(config: ProfileClientOptions): Promise<boolean>;
   makeFeatureFlagCheckRequest(
     featureKey: string,
     context?: FeatureFlagExtraContext[],