@atlaskit/mention 19.7.1 → 19.9.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/mention
 
+## 19.9.0
+
+### Minor Changes
+
+- [`e65ada9dbbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e65ada9dbbb) - Debounce MentionResource when debounceTime is passed in
+
+## 19.8.1
+
+### Patch Changes
+
+- [`e5e658bc51d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e5e658bc51d) - Fix for mention default name provider using an incorrect API endpoint when no baseUrl was supplied to SmartMentionResource
+
+## 19.8.0
+
+### Minor Changes
+
+- [`9871a89fe5d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9871a89fe5d) - SmartMentionResource now has a default name resolver if one is not provided. You can still provide the `mentionNameResolver` in the config when instantiating SmartMentionResource if a custom name resolver is needed.
+
+## 19.7.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.7.1
 
 ### Patch Changes

package/dist/cjs/api/MentionResource.js

@@ -31,6 +31,8 @@ var _logger = _interopRequireDefault(require("../util/logger"));
 
 var _analytics = require("../util/analytics");
 
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -221,6 +223,11 @@ var MentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
     _this.inviteExperimentCohort = config.inviteExperimentCohort;
     _this.onInviteItemClick = config.onInviteItemClick;
     _this.userRole = config.userRole || 'basic';
+
+    if (_this.config.debounceTime) {
+      _this.filter = (0, _debounce.default)(_this.filter, _this.config.debounceTime);
+    }
+
     return _this;
   }
 

package/dist/cjs/api/SmartMentionResource.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -35,6 +35,8 @@ var _types = require("../types");
 
 var _resource = require("../resource");
 
+var _defaultMentionNameResolver = require("../default-mention-name-resolver/default-mention-name-resolver");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -45,6 +47,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var CONTEXT_TYPE = 'Mentions';
 
+var isSmartMentionConfigWithMentionNameResolver = function isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) {
+  return !!smartMentionConfig.mentionNameResolver;
+};
 /*
  * This is a provider implementation which calls URS to provide a list of recommended users/teams to mention.
  * The entryPoint hierarchy is : Editor -> editor-core -> plugins -> mentions -> typeAhead -> getItems -> pluginState.pluginProvider.filter
@@ -52,6 +57,8 @@ var CONTEXT_TYPE = 'Mentions';
  * https://bitbucket.org/atlassian/atlassian-frontend/src/0884032d85f11f43c13532cd21f13f696b0d28a7/packages/editor/editor-core/src/plugins/mentions/index.tsx#lines-219
  *
  */
+
+
 var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
   (0, _inherits2.default)(SmartMentionResource, _AbstractMentionResou);
 
@@ -61,9 +68,18 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
     var _this;
 
     (0, _classCallCheck2.default)(this, SmartMentionResource);
-    _this = _super.call(this);
-    _this.smartMentionConfig = smartMentionConfig;
-    _this.lastReturnedSearch = 0;
+    _this = _super.call(this); // If the product doesn't provide a mention name resolve, use the default resolver so that
+    // mention names can be looked up from PRS without configuration.
+
+    _this.smartMentionConfig = isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) ? smartMentionConfig : _objectSpread(_objectSpread({}, smartMentionConfig), {}, {
+      mentionNameResolver: new _defaultMentionNameResolver.DefaultMentionNameResolver(smartMentionConfig.baseUrl)
+    });
+    _this.lastReturnedSearch = 0; // Set the environment used for mention lookup API calls (defaults to production)
+
+    if (smartMentionConfig.env) {
+      (0, _config.setEnv)(smartMentionConfig.env);
+    }
+
     return _this;
   }
 
@@ -147,11 +163,6 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
                 startTime = window.performance.now();
                 conf = this.smartMentionConfig;
                 maxNumberOfResults = conf.maxNumberOfResults || 100;
-
-                if (conf.env) {
-                  (0, _config.setEnv)(conf.env);
-                }
-
                 request = {
                   baseUrl: conf.baseUrl,
                   context: _objectSpread(_objectSpread({}, conf), {}, {
@@ -167,14 +178,14 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
                   maxNumberOfResults: maxNumberOfResults,
                   query: query
                 };
-                _context2.prev = 5;
+                _context2.prev = 4;
 
                 this._notifyAnalyticsListeners(_analytics.SMART_EVENT_TYPE, 'users', _analytics.Actions.REQUESTED, (0, _analytics.defaultAttributes)(contextIdentifier));
 
-                _context2.next = 9;
+                _context2.next = 8;
                 return (0, _recommendationClient.default)(request);
 
-              case 9:
+              case 8:
                 users = _context2.sent;
                 elapsedTimeMilli = window.performance.now() - startTime;
                 usersForAnalytics = (0, _analytics.getUsersForAnalytics)(users);
@@ -191,9 +202,9 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
                   query: query
                 });
 
-              case 17:
-                _context2.prev = 17;
-                _context2.t0 = _context2["catch"](5);
+              case 16:
+                _context2.prev = 16;
+                _context2.t0 = _context2["catch"](4);
                 _elapsedTimeMilli = window.performance.now() - startTime;
 
                 this._notifyAnalyticsListeners(_analytics.SMART_EVENT_TYPE, 'usersRequest', _analytics.Actions.FAILED, _objectSpread({
@@ -202,12 +213,12 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
 
                 throw new Error(_context2.t0);
 
-              case 22:
+              case 21:
               case "end":
                 return _context2.stop();
             }
           }
-        }, _callee2, this, [[5, 17]]);
+        }, _callee2, this, [[4, 16]]);
       }));
 
       function getRecommendedMentions(_x3, _x4) {
@@ -302,27 +313,17 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
   }, {
     key: "cacheMentionName",
     value: function cacheMentionName(id, mentionName) {
-      if (this.smartMentionConfig.mentionNameResolver) {
-        this.smartMentionConfig.mentionNameResolver.cacheName(id, mentionName);
-      }
+      this.smartMentionConfig.mentionNameResolver.cacheName(id, mentionName);
     }
   }, {
     key: "resolveMentionName",
     value: function resolveMentionName(id) {
-      if (!this.smartMentionConfig.mentionNameResolver) {
-        return {
-          id: id,
-          name: '',
-          status: _types.MentionNameStatus.UNKNOWN
-        };
-      }
-
       return this.smartMentionConfig.mentionNameResolver.lookupName(id);
     }
   }, {
     key: "supportsMentionNameResolving",
     value: function supportsMentionNameResolving() {
-      return !!this.smartMentionConfig.mentionNameResolver;
+      return true;
     }
   }, {
     key: "recordMentionSelection",

package/dist/cjs/config/index.js

@@ -12,14 +12,20 @@ var LOCAL_CONFIG = {
   },
   getUsersServiceUrl: function getUsersServiceUrl(productKey) {
     return productKey === 'jira' ? "https://jdog.jira-dev.com/rest/api/3/user/bulk" : "https://pug.jira-dev.com/wiki/rest/api/user/bulk";
+  },
+  getGraphQLUrl: function getGraphQLUrl(baseUrl) {
+    return baseUrl ? "".concat(STG_INSTANCE, "/").concat(baseUrl, "/graphql") : "".concat(STG_INSTANCE, "/gateway/api/graphql");
   }
 };
 var PRD_CONFIG = {
   getRecommendationServiceUrl: function getRecommendationServiceUrl(baseUrl) {
-    return baseUrl ? "/".concat(baseUrl, "/gateway/api/v1/recommendations") : '/gateway/api/v1/recommendations';
+    return baseUrl ? "/".concat(baseUrl, "/v1/recommendations") : '/gateway/api/v1/recommendations';
   },
   getUsersServiceUrl: function getUsersServiceUrl(productKey) {
-    return productKey === 'jira' ? "/rest/api/3/user/bulk" : "/wiki/rest/api/user/bulk";
+    return productKey === 'jira' ? '/rest/api/3/user/bulk' : '/wiki/rest/api/user/bulk';
+  },
+  getGraphQLUrl: function getGraphQLUrl(baseUrl) {
+    return baseUrl ? "/".concat(baseUrl, "/graphql") : '/gateway/api/graphql';
   }
 };
 

package/dist/cjs/default-mention-name-resolver/default-mention-name-resolver.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultMentionNameResolver = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _types = require("../types");
+
+var _graphqlUtils = require("./graphqlUtils");
+
+var _config = require("../config");
+
+var buildUsersQuery = function buildUsersQuery(accountIds) {
+  return {
+    query: "query usersQuery($accountIds: [ID!]!) {\n    users(accountIds: $accountIds) {\n      name\n      accountId\n    }\n  }",
+    variables: {
+      accountIds: accountIds
+    }
+  };
+};
+
+var makeRequest = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url, accountIds) {
+    var query;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            query = buildUsersQuery(accountIds);
+            return _context.abrupt("return", (0, _graphqlUtils.graphqlQuery)(url, query));
+
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function makeRequest(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var DefaultMentionNameResolver = /*#__PURE__*/function () {
+  function DefaultMentionNameResolver(baseUrl) {
+    (0, _classCallCheck2.default)(this, DefaultMentionNameResolver);
+    this.baseUrl = baseUrl;
+    this.cache = new Map();
+  }
+
+  (0, _createClass2.default)(DefaultMentionNameResolver, [{
+    key: "lookupName",
+    value: function () {
+      var _lookupName = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(id) {
+        var url, data, userInfo;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+
+                if (!this.cache.has(id)) {
+                  _context2.next = 3;
+                  break;
+                }
+
+                return _context2.abrupt("return", {
+                  id: id,
+                  name: this.cache.get(id),
+                  status: _types.MentionNameStatus.OK
+                });
+
+              case 3:
+                url = (0, _config.getConfig)().getGraphQLUrl(this.baseUrl);
+                _context2.next = 6;
+                return makeRequest(url, [id]);
+
+              case 6:
+                data = _context2.sent;
+                userInfo = data.users.find(function (user) {
+                  return user.accountId === id;
+                });
+                return _context2.abrupt("return", userInfo ? {
+                  id: id,
+                  name: userInfo.name,
+                  status: _types.MentionNameStatus.OK
+                } : {
+                  id: id,
+                  status: _types.MentionNameStatus.UNKNOWN
+                });
+
+              case 11:
+                _context2.prev = 11;
+                _context2.t0 = _context2["catch"](0);
+                return _context2.abrupt("return", {
+                  id: id,
+                  status: _types.MentionNameStatus.UNKNOWN
+                });
+
+              case 14:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[0, 11]]);
+      }));
+
+      function lookupName(_x3) {
+        return _lookupName.apply(this, arguments);
+      }
+
+      return lookupName;
+    }()
+  }, {
+    key: "cacheName",
+    value: function cacheName(id, name) {
+      this.cache.set(id, name);
+    }
+  }]);
+  return DefaultMentionNameResolver;
+}();
+
+exports.DefaultMentionNameResolver = DefaultMentionNameResolver;

package/dist/cjs/default-mention-name-resolver/graphqlUtils.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.graphqlQuery = graphqlQuery;
+
+var buildHeaders = function buildHeaders() {
+  var headers = new Headers();
+  headers.append('Content-Type', 'application/json');
+  return headers;
+};
+
+/**
+ * @param {string} serviceUrl - GraphQL service endpoint
+ * @param {Query} query - GraphQL query
+ */
+function graphqlQuery(serviceUrl, query) {
+  var headers = buildHeaders();
+  return fetch(new Request("".concat(serviceUrl), {
+    method: 'POST',
+    credentials: 'include',
+    mode: 'cors',
+    headers: headers,
+    body: JSON.stringify(query)
+  })).then(function (response) {
+    if (!response.ok) {
+      return Promise.reject({
+        code: response.status,
+        reason: response.statusText
+      });
+    }
+
+    return response;
+  }).then(function (response) {
+    return response.json();
+  }).then(function (json) {
+    if (json.errors) {
+      var _json$errors$;
+
+      return Promise.reject({
+        reason: ((_json$errors$ = json.errors[0]) === null || _json$errors$ === void 0 ? void 0 : _json$errors$.category) || 'default'
+      });
+    }
+
+    return json.data;
+  });
+}

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/mention",
-	"version": "19.7.1",
+	"version": "19.9.0",
 	"sideEffects": false
 }

package/dist/es2019/api/MentionResource.js

@@ -6,6 +6,7 @@ const MAX_NOTIFIED_ITEMS = 20;
 // Re-exporting types to prevent breaking change
 // Re-exporting types to prevent breaking change
 import { SLI_EVENT_TYPE, Actions, SliNames } from '../util/analytics';
+import debounce from 'lodash/debounce';
 
 const emptySecurityProvider = () => {
   return {
@@ -148,6 +149,10 @@ export class MentionResource extends AbstractMentionResource {
     this.inviteExperimentCohort = config.inviteExperimentCohort;
     this.onInviteItemClick = config.onInviteItemClick;
     this.userRole = config.userRole || 'basic';
+
+    if (this.config.debounceTime) {
+      this.filter = debounce(this.filter, this.config.debounceTime);
+    }
   }
 
   shouldHighlightMention(mention) {

package/dist/es2019/api/SmartMentionResource.js

@@ -1,12 +1,13 @@
-import { SMART_EVENT_TYPE, Actions } from './analytics';
+import { SMART_EVENT_TYPE, Actions, getUsersForAnalytics, defaultAttributes } from './analytics';
 import getUserRecommendations from './recommendationClient';
 import { setEnv } from '../config';
 import { EntityType } from './SmartMentionTypes';
-import { UserAccessLevel, UserType as MentionUserType, MentionNameStatus } from '../types';
-import { getUsersForAnalytics, defaultAttributes } from './analytics';
+import { UserAccessLevel, UserType as MentionUserType } from '../types';
 import { AbstractMentionResource } from '../resource';
+import { DefaultMentionNameResolver } from '../default-mention-name-resolver/default-mention-name-resolver';
 const CONTEXT_TYPE = 'Mentions';
 
+const isSmartMentionConfigWithMentionNameResolver = smartMentionConfig => !!smartMentionConfig.mentionNameResolver;
 /*
  * This is a provider implementation which calls URS to provide a list of recommended users/teams to mention.
  * The entryPoint hierarchy is : Editor -> editor-core -> plugins -> mentions -> typeAhead -> getItems -> pluginState.pluginProvider.filter
@@ -14,11 +15,21 @@ const CONTEXT_TYPE = 'Mentions';
  * https://bitbucket.org/atlassian/atlassian-frontend/src/0884032d85f11f43c13532cd21f13f696b0d28a7/packages/editor/editor-core/src/plugins/mentions/index.tsx#lines-219
  *
  */
+
+
 class SmartMentionResource extends AbstractMentionResource {
   constructor(smartMentionConfig) {
-    super();
-    this.smartMentionConfig = smartMentionConfig;
-    this.lastReturnedSearch = 0;
+    super(); // If the product doesn't provide a mention name resolve, use the default resolver so that
+    // mention names can be looked up from PRS without configuration.
+
+    this.smartMentionConfig = isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) ? smartMentionConfig : { ...smartMentionConfig,
+      mentionNameResolver: new DefaultMentionNameResolver(smartMentionConfig.baseUrl)
+    };
+    this.lastReturnedSearch = 0; // Set the environment used for mention lookup API calls (defaults to production)
+
+    if (smartMentionConfig.env) {
+      setEnv(smartMentionConfig.env);
+    }
   }
 
   shouldHighlightMention(mention) {
@@ -61,11 +72,6 @@ class SmartMentionResource extends AbstractMentionResource {
     const startTime = window.performance.now();
     const conf = this.smartMentionConfig;
     const maxNumberOfResults = conf.maxNumberOfResults || 100;
-
-    if (conf.env) {
-      setEnv(conf.env);
-    }
-
     const request = {
       baseUrl: conf.baseUrl,
       context: { ...conf,
@@ -190,25 +196,15 @@ class SmartMentionResource extends AbstractMentionResource {
   }
 
   cacheMentionName(id, mentionName) {
-    if (this.smartMentionConfig.mentionNameResolver) {
-      this.smartMentionConfig.mentionNameResolver.cacheName(id, mentionName);
-    }
+    this.smartMentionConfig.mentionNameResolver.cacheName(id, mentionName);
   }
 
   resolveMentionName(id) {
-    if (!this.smartMentionConfig.mentionNameResolver) {
-      return {
-        id,
-        name: '',
-        status: MentionNameStatus.UNKNOWN
-      };
-    }
-
     return this.smartMentionConfig.mentionNameResolver.lookupName(id);
   }
 
   supportsMentionNameResolving() {
-    return !!this.smartMentionConfig.mentionNameResolver;
+    return true;
   }
 
   recordMentionSelection(_mention) {

package/dist/es2019/config/index.js

@@ -7,16 +7,24 @@ const LOCAL_CONFIG = {
 
   getUsersServiceUrl(productKey) {
     return productKey === 'jira' ? `https://jdog.jira-dev.com/rest/api/3/user/bulk` : `https://pug.jira-dev.com/wiki/rest/api/user/bulk`;
+  },
+
+  getGraphQLUrl(baseUrl) {
+    return baseUrl ? `${STG_INSTANCE}/${baseUrl}/graphql` : `${STG_INSTANCE}/gateway/api/graphql`;
   }
 
 };
 const PRD_CONFIG = {
   getRecommendationServiceUrl(baseUrl) {
-    return baseUrl ? `/${baseUrl}/gateway/api/v1/recommendations` : '/gateway/api/v1/recommendations';
+    return baseUrl ? `/${baseUrl}/v1/recommendations` : '/gateway/api/v1/recommendations';
   },
 
   getUsersServiceUrl(productKey) {
-    return productKey === 'jira' ? `/rest/api/3/user/bulk` : `/wiki/rest/api/user/bulk`;
+    return productKey === 'jira' ? '/rest/api/3/user/bulk' : '/wiki/rest/api/user/bulk';
+  },
+
+  getGraphQLUrl(baseUrl) {
+    return baseUrl ? `/${baseUrl}/graphql` : '/gateway/api/graphql';
   }
 
 };

package/dist/es2019/default-mention-name-resolver/default-mention-name-resolver.js

@@ -0,0 +1,62 @@
+import { MentionNameStatus } from '../types';
+import { graphqlQuery } from './graphqlUtils';
+import { getConfig } from '../config';
+
+const buildUsersQuery = accountIds => ({
+  query: `query usersQuery($accountIds: [ID!]!) {
+    users(accountIds: $accountIds) {
+      name
+      accountId
+    }
+  }`,
+  variables: {
+    accountIds
+  }
+});
+
+const makeRequest = async (url, accountIds) => {
+  const query = buildUsersQuery(accountIds);
+  return graphqlQuery(url, query);
+};
+
+export class DefaultMentionNameResolver {
+  constructor(baseUrl) {
+    this.baseUrl = baseUrl;
+    this.cache = new Map();
+  }
+
+  async lookupName(id) {
+    try {
+      if (this.cache.has(id)) {
+        return {
+          id,
+          name: this.cache.get(id),
+          status: MentionNameStatus.OK
+        };
+      }
+
+      const url = getConfig().getGraphQLUrl(this.baseUrl);
+      const data = await makeRequest(url, [id]);
+      const userInfo = data.users.find(user => user.accountId === id);
+      return userInfo ? {
+        id,
+        name: userInfo.name,
+        status: MentionNameStatus.OK
+      } : {
+        id,
+        status: MentionNameStatus.UNKNOWN
+      };
+    } catch (error) {
+      // on network error, return original list with label 'Unknown'
+      return {
+        id,
+        status: MentionNameStatus.UNKNOWN
+      };
+    }
+  }
+
+  cacheName(id, name) {
+    this.cache.set(id, name);
+  }
+
+}

package/dist/es2019/default-mention-name-resolver/graphqlUtils.js

@@ -0,0 +1,39 @@
+const buildHeaders = () => {
+  const headers = new Headers();
+  headers.append('Content-Type', 'application/json');
+  return headers;
+};
+
+/**
+ * @param {string} serviceUrl - GraphQL service endpoint
+ * @param {Query} query - GraphQL query
+ */
+export function graphqlQuery(serviceUrl, query) {
+  const headers = buildHeaders();
+  return fetch(new Request(`${serviceUrl}`, {
+    method: 'POST',
+    credentials: 'include',
+    mode: 'cors',
+    headers,
+    body: JSON.stringify(query)
+  })).then(response => {
+    if (!response.ok) {
+      return Promise.reject({
+        code: response.status,
+        reason: response.statusText
+      });
+    }
+
+    return response;
+  }).then(response => response.json()).then(json => {
+    if (json.errors) {
+      var _json$errors$;
+
+      return Promise.reject({
+        reason: ((_json$errors$ = json.errors[0]) === null || _json$errors$ === void 0 ? void 0 : _json$errors$.category) || 'default'
+      });
+    }
+
+    return json.data;
+  });
+}

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/mention",
-	"version": "19.7.1",
+	"version": "19.9.0",
 	"sideEffects": false
 }

package/dist/esm/api/MentionResource.js

@@ -23,6 +23,7 @@ var MAX_NOTIFIED_ITEMS = 20;
 // Re-exporting types to prevent breaking change
 // Re-exporting types to prevent breaking change
 import { SLI_EVENT_TYPE, Actions, SliNames } from '../util/analytics';
+import debounce from 'lodash/debounce';
 
 var emptySecurityProvider = function emptySecurityProvider() {
   return {
@@ -204,6 +205,11 @@ export var MentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
     _this.inviteExperimentCohort = config.inviteExperimentCohort;
     _this.onInviteItemClick = config.onInviteItemClick;
     _this.userRole = config.userRole || 'basic';
+
+    if (_this.config.debounceTime) {
+      _this.filter = debounce(_this.filter, _this.config.debounceTime);
+    }
+
     return _this;
   }
 

package/dist/esm/api/SmartMentionResource.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
@@ -15,15 +15,18 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import { SMART_EVENT_TYPE, Actions } from './analytics';
+import { SMART_EVENT_TYPE, Actions, getUsersForAnalytics, defaultAttributes } from './analytics';
 import getUserRecommendations from './recommendationClient';
 import { setEnv } from '../config';
 import { EntityType } from './SmartMentionTypes';
-import { UserAccessLevel, UserType as MentionUserType, MentionNameStatus } from '../types';
-import { getUsersForAnalytics, defaultAttributes } from './analytics';
+import { UserAccessLevel, UserType as MentionUserType } from '../types';
 import { AbstractMentionResource } from '../resource';
+import { DefaultMentionNameResolver } from '../default-mention-name-resolver/default-mention-name-resolver';
 var CONTEXT_TYPE = 'Mentions';
 
+var isSmartMentionConfigWithMentionNameResolver = function isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) {
+  return !!smartMentionConfig.mentionNameResolver;
+};
 /*
  * This is a provider implementation which calls URS to provide a list of recommended users/teams to mention.
  * The entryPoint hierarchy is : Editor -> editor-core -> plugins -> mentions -> typeAhead -> getItems -> pluginState.pluginProvider.filter
@@ -31,6 +34,8 @@ var CONTEXT_TYPE = 'Mentions';
  * https://bitbucket.org/atlassian/atlassian-frontend/src/0884032d85f11f43c13532cd21f13f696b0d28a7/packages/editor/editor-core/src/plugins/mentions/index.tsx#lines-219
  *
  */
+
+
 var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
   _inherits(SmartMentionResource, _AbstractMentionResou);
 
@@ -41,9 +46,18 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
 
     _classCallCheck(this, SmartMentionResource);
 
-    _this = _super.call(this);
-    _this.smartMentionConfig = smartMentionConfig;
-    _this.lastReturnedSearch = 0;
+    _this = _super.call(this); // If the product doesn't provide a mention name resolve, use the default resolver so that
+    // mention names can be looked up from PRS without configuration.
+
+    _this.smartMentionConfig = isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) ? smartMentionConfig : _objectSpread(_objectSpread({}, smartMentionConfig), {}, {
+      mentionNameResolver: new DefaultMentionNameResolver(smartMentionConfig.baseUrl)
+    });
+    _this.lastReturnedSearch = 0; // Set the environment used for mention lookup API calls (defaults to production)
+
+    if (smartMentionConfig.env) {
+      setEnv(smartMentionConfig.env);
+    }
+
     return _this;
   }
 
@@ -127,11 +141,6 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
                 startTime = window.performance.now();
                 conf = this.smartMentionConfig;
                 maxNumberOfResults = conf.maxNumberOfResults || 100;
-
-                if (conf.env) {
-                  setEnv(conf.env);
-                }
-
                 request = {
                   baseUrl: conf.baseUrl,
                   context: _objectSpread(_objectSpread({}, conf), {}, {
@@ -147,14 +156,14 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
                   maxNumberOfResults: maxNumberOfResults,
                   query: query
                 };
-                _context2.prev = 5;
+                _context2.prev = 4;
 
                 this._notifyAnalyticsListeners(SMART_EVENT_TYPE, 'users', Actions.REQUESTED, defaultAttributes(contextIdentifier));
 
-                _context2.next = 9;
+                _context2.next = 8;
                 return getUserRecommendations(request);
 
-              case 9:
+              case 8:
                 users = _context2.sent;
                 elapsedTimeMilli = window.performance.now() - startTime;
                 usersForAnalytics = getUsersForAnalytics(users);
@@ -171,9 +180,9 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
                   query: query
                 });
 
-              case 17:
-                _context2.prev = 17;
-                _context2.t0 = _context2["catch"](5);
+              case 16:
+                _context2.prev = 16;
+                _context2.t0 = _context2["catch"](4);
                 _elapsedTimeMilli = window.performance.now() - startTime;
 
                 this._notifyAnalyticsListeners(SMART_EVENT_TYPE, 'usersRequest', Actions.FAILED, _objectSpread({
@@ -182,12 +191,12 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
 
                 throw new Error(_context2.t0);
 
-              case 22:
+              case 21:
               case "end":
                 return _context2.stop();
             }
           }
-        }, _callee2, this, [[5, 17]]);
+        }, _callee2, this, [[4, 16]]);
       }));
 
       function getRecommendedMentions(_x3, _x4) {
@@ -282,27 +291,17 @@ var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
   }, {
     key: "cacheMentionName",
     value: function cacheMentionName(id, mentionName) {
-      if (this.smartMentionConfig.mentionNameResolver) {
-        this.smartMentionConfig.mentionNameResolver.cacheName(id, mentionName);
-      }
+      this.smartMentionConfig.mentionNameResolver.cacheName(id, mentionName);
     }
   }, {
     key: "resolveMentionName",
     value: function resolveMentionName(id) {
-      if (!this.smartMentionConfig.mentionNameResolver) {
-        return {
-          id: id,
-          name: '',
-          status: MentionNameStatus.UNKNOWN
-        };
-      }
-
       return this.smartMentionConfig.mentionNameResolver.lookupName(id);
     }
   }, {
     key: "supportsMentionNameResolving",
     value: function supportsMentionNameResolving() {
-      return !!this.smartMentionConfig.mentionNameResolver;
+      return true;
     }
   }, {
     key: "recordMentionSelection",

package/dist/esm/config/index.js

@@ -6,14 +6,20 @@ var LOCAL_CONFIG = {
   },
   getUsersServiceUrl: function getUsersServiceUrl(productKey) {
     return productKey === 'jira' ? "https://jdog.jira-dev.com/rest/api/3/user/bulk" : "https://pug.jira-dev.com/wiki/rest/api/user/bulk";
+  },
+  getGraphQLUrl: function getGraphQLUrl(baseUrl) {
+    return baseUrl ? "".concat(STG_INSTANCE, "/").concat(baseUrl, "/graphql") : "".concat(STG_INSTANCE, "/gateway/api/graphql");
   }
 };
 var PRD_CONFIG = {
   getRecommendationServiceUrl: function getRecommendationServiceUrl(baseUrl) {
-    return baseUrl ? "/".concat(baseUrl, "/gateway/api/v1/recommendations") : '/gateway/api/v1/recommendations';
+    return baseUrl ? "/".concat(baseUrl, "/v1/recommendations") : '/gateway/api/v1/recommendations';
   },
   getUsersServiceUrl: function getUsersServiceUrl(productKey) {
-    return productKey === 'jira' ? "/rest/api/3/user/bulk" : "/wiki/rest/api/user/bulk";
+    return productKey === 'jira' ? '/rest/api/3/user/bulk' : '/wiki/rest/api/user/bulk';
+  },
+  getGraphQLUrl: function getGraphQLUrl(baseUrl) {
+    return baseUrl ? "/".concat(baseUrl, "/graphql") : '/gateway/api/graphql';
   }
 };
 export var setEnv = function setEnv(newEnv) {

package/dist/esm/default-mention-name-resolver/default-mention-name-resolver.js

@@ -0,0 +1,120 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { MentionNameStatus } from '../types';
+import { graphqlQuery } from './graphqlUtils';
+import { getConfig } from '../config';
+
+var buildUsersQuery = function buildUsersQuery(accountIds) {
+  return {
+    query: "query usersQuery($accountIds: [ID!]!) {\n    users(accountIds: $accountIds) {\n      name\n      accountId\n    }\n  }",
+    variables: {
+      accountIds: accountIds
+    }
+  };
+};
+
+var makeRequest = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, accountIds) {
+    var query;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            query = buildUsersQuery(accountIds);
+            return _context.abrupt("return", graphqlQuery(url, query));
+
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function makeRequest(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+export var DefaultMentionNameResolver = /*#__PURE__*/function () {
+  function DefaultMentionNameResolver(baseUrl) {
+    _classCallCheck(this, DefaultMentionNameResolver);
+
+    this.baseUrl = baseUrl;
+    this.cache = new Map();
+  }
+
+  _createClass(DefaultMentionNameResolver, [{
+    key: "lookupName",
+    value: function () {
+      var _lookupName = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id) {
+        var url, data, userInfo;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+
+                if (!this.cache.has(id)) {
+                  _context2.next = 3;
+                  break;
+                }
+
+                return _context2.abrupt("return", {
+                  id: id,
+                  name: this.cache.get(id),
+                  status: MentionNameStatus.OK
+                });
+
+              case 3:
+                url = getConfig().getGraphQLUrl(this.baseUrl);
+                _context2.next = 6;
+                return makeRequest(url, [id]);
+
+              case 6:
+                data = _context2.sent;
+                userInfo = data.users.find(function (user) {
+                  return user.accountId === id;
+                });
+                return _context2.abrupt("return", userInfo ? {
+                  id: id,
+                  name: userInfo.name,
+                  status: MentionNameStatus.OK
+                } : {
+                  id: id,
+                  status: MentionNameStatus.UNKNOWN
+                });
+
+              case 11:
+                _context2.prev = 11;
+                _context2.t0 = _context2["catch"](0);
+                return _context2.abrupt("return", {
+                  id: id,
+                  status: MentionNameStatus.UNKNOWN
+                });
+
+              case 14:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[0, 11]]);
+      }));
+
+      function lookupName(_x3) {
+        return _lookupName.apply(this, arguments);
+      }
+
+      return lookupName;
+    }()
+  }, {
+    key: "cacheName",
+    value: function cacheName(id, name) {
+      this.cache.set(id, name);
+    }
+  }]);
+
+  return DefaultMentionNameResolver;
+}();

package/dist/esm/default-mention-name-resolver/graphqlUtils.js

@@ -0,0 +1,41 @@
+var buildHeaders = function buildHeaders() {
+  var headers = new Headers();
+  headers.append('Content-Type', 'application/json');
+  return headers;
+};
+
+/**
+ * @param {string} serviceUrl - GraphQL service endpoint
+ * @param {Query} query - GraphQL query
+ */
+export function graphqlQuery(serviceUrl, query) {
+  var headers = buildHeaders();
+  return fetch(new Request("".concat(serviceUrl), {
+    method: 'POST',
+    credentials: 'include',
+    mode: 'cors',
+    headers: headers,
+    body: JSON.stringify(query)
+  })).then(function (response) {
+    if (!response.ok) {
+      return Promise.reject({
+        code: response.status,
+        reason: response.statusText
+      });
+    }
+
+    return response;
+  }).then(function (response) {
+    return response.json();
+  }).then(function (json) {
+    if (json.errors) {
+      var _json$errors$;
+
+      return Promise.reject({
+        reason: ((_json$errors$ = json.errors[0]) === null || _json$errors$ === void 0 ? void 0 : _json$errors$.category) || 'default'
+      });
+    }
+
+    return json.data;
+  });
+}

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/mention",
-	"version": "19.7.1",
+	"version": "19.9.0",
 	"sideEffects": false
 }

package/dist/types/config/index.d.ts

@@ -1,6 +1,7 @@
 interface Config {
     getRecommendationServiceUrl(baseUrl: string): string;
     getUsersServiceUrl(productKey: string): string;
+    getGraphQLUrl(baseUrl: string | undefined): string;
 }
 export declare const setEnv: (newEnv: 'prod' | 'local') => "prod" | "local";
 export declare const getConfig: () => Config;

package/dist/types/default-mention-name-resolver/default-mention-name-resolver.d.ts

@@ -0,0 +1,8 @@
+import { MentionNameResolver, MentionNameDetails } from '../types';
+export declare class DefaultMentionNameResolver implements MentionNameResolver {
+    private baseUrl?;
+    private readonly cache;
+    constructor(baseUrl?: string);
+    lookupName(id: string): Promise<MentionNameDetails>;
+    cacheName(id: string, name: string): void;
+}

package/dist/types/default-mention-name-resolver/graphqlUtils.d.ts

@@ -0,0 +1,14 @@
+interface Query {
+    query: string;
+    variables: Record<string, string> | Record<string, string[]>;
+}
+export interface GraphQLError {
+    code?: number;
+    reason: string;
+}
+/**
+ * @param {string} serviceUrl - GraphQL service endpoint
+ * @param {Query} query - GraphQL query
+ */
+export declare function graphqlQuery<D>(serviceUrl: string, query: Query): Promise<D>;
+export {};

package/dist/types/index.d.ts

@@ -1,6 +1,5 @@
 import MentionResource, { AbstractMentionResource, MentionContextIdentifier, MentionProvider, ResolvingMentionProvider, MentionStats, MentionResourceConfig, TeamMentionResourceConfig, isResolvingMentionProvider } from './api/MentionResource';
-import { SmartMentionConfig } from './api/SmartMentionResource';
-import SmartMentionResource from './api/SmartMentionResource';
+import SmartMentionResource, { SmartMentionConfig } from './api/SmartMentionResource';
 import TeamMentionResource from './api/TeamMentionResource';
 import PresenceResource, { PresenceProvider, AbstractPresenceResource } from './api/PresenceResource';
 import { DefaultMentionNameResolver, MentionNameResolver } from './api/MentionNameResolver';

package/dist/types/types.d.ts

@@ -31,6 +31,7 @@ export interface MentionResourceConfig extends ServiceConfig {
     onInviteItemClick?: (flow: InviteFlow) => void;
     userRole?: UserRole;
     productName?: string;
+    debounceTime?: number;
 }
 export interface ResourceProvider<Result> {
     /**

package/docs/1-in-editor.tsx

@@ -9,10 +9,10 @@ import {
 import SectionMessage from '@atlaskit/section-message';
 
 const MentionProps = require('!!extract-react-types-loader!../src/api/extract-react-types/smart-config-props');
-import MentionWithEditorExample from '../examples/14-mention-with-editor';
-const MentionWithEditorExampleSource = require('!!raw-loader!../examples/14-mention-with-editor');
-import SmartMentionWithEditorExample from '../examples/15-smart-mention-resource';
-const SmartMentionWithEditorExampleSource = require('!!raw-loader!../examples/15-smart-mention-resource');
+import MentionWithEditorExample from '../examples/14-mention-with-editor-extending-abstract-mention-resource';
+const MentionWithEditorExampleSource = require('!!raw-loader!../examples/14-mention-with-editor-extending-abstract-mention-resource');
+import SmartMentionWithEditorExample from '../examples/16-smart-mention-resource';
+const SmartMentionWithEditorExampleSource = require('!!raw-loader!../examples/16-smart-mention-resource');
 
 export default md`
   ${(<AtlassianInternalWarning />)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/mention",
-  "version": "19.7.1",
+  "version": "19.9.0",
   "description": "A React component used to display user profiles in a list for 'Mention' functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,14 +28,15 @@
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.0.0",
     "@atlaskit/analytics-next": "^8.0.0",
-    "@atlaskit/avatar": "^20.2.0",
+    "@atlaskit/avatar": "^20.5.0",
     "@atlaskit/button": "^16.0.0",
-    "@atlaskit/icon": "^21.8.0",
+    "@atlaskit/icon": "^21.9.0",
     "@atlaskit/lozenge": "^11.0.0",
-    "@atlaskit/theme": "^11.5.0",
-    "@atlaskit/tooltip": "^17.2.0",
+    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/util-service-support": "^6.0.0",
     "@babel/runtime": "^7.0.0",
+    "lodash": "^4.17.15",
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
@@ -45,9 +46,10 @@
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
+    "@atlaskit/adf-utils": "^14.2.0",
     "@atlaskit/build-utils": "*",
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/editor-core": "^149.0.0",
+    "@atlaskit/editor-core": "^150.0.0",
     "@atlaskit/editor-test-helpers": "^15.4.0",
     "@atlaskit/elements-test-helpers": "^0.7.0",
     "@atlaskit/section-message": "^6.0.0",