@atlaskit/mention 27.17.1 → 27.18.0

package/dist/cjs/util/i18n.js

@@ -1,260 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propFormatter = exports.getMessagesForLocale = exports.UnknownUserError = exports.NoAccessWarning = exports.NoAccessLabel = exports.LoginAgain = exports.DifferentText = exports.DefaultHeadline = exports.DefaultAdvisedAction = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntl = require("react-intl");
+exports.UnknownUserError = exports.NoAccessWarning = exports.NoAccessLabel = exports.LoginAgain = exports.DifferentText = exports.DefaultHeadline = exports.DefaultAdvisedAction = void 0;
 var _i18n = require("../components/i18n");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var propFormatter = exports.propFormatter = function propFormatter(messageDescriptor) {
-  return function (_ref) {
-    var values = _ref.values,
-      children = _ref.children;
-    var _useIntl = (0, _reactIntl.useIntl)(),
-      formatMessage = _useIntl.formatMessage;
-    var message = formatMessage(messageDescriptor, values);
-    if (typeof children === 'function') {
-      return children(message);
-    }
-    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({
-      values: values
-    }, messageDescriptor));
-  };
-};
-var UnknownUserError = exports.UnknownUserError = propFormatter(_i18n.messages.unknownUserError);
-var NoAccessWarning = exports.NoAccessWarning = propFormatter(_i18n.messages.noAccessWarning);
-var NoAccessLabel = exports.NoAccessLabel = propFormatter(_i18n.messages.noAccessLabel);
-var DefaultHeadline = exports.DefaultHeadline = propFormatter(_i18n.messages.defaultHeadline);
-var DefaultAdvisedAction = exports.DefaultAdvisedAction = propFormatter(_i18n.messages.defaultAdvisedAction);
-var LoginAgain = exports.LoginAgain = propFormatter(_i18n.messages.loginAgain);
-var DifferentText = exports.DifferentText = propFormatter(_i18n.messages.differentText);
-
-/**
- * Tries to get the most specific messages bundle for a given locale.
- *
- * Strategy:
- * 1. Try to find messages with the exact string (i.e. 'fr_FR')
- * 2. If that doesn't work, try to find messages for the country locale (i.e. 'fr')
- * 3. If that doesn't work, return english messages as a fallback.
- *
- * @param locale string specifying the locale like 'en_GB', or 'fr'.
- */
-var _getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
-    var fragments, _t;
-    return _regenerator.default.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _t = locale;
-          _context.next = _t === 'cs' ? 1 : _t === 'da' ? 2 : _t === 'de' ? 3 : _t === 'en' ? 4 : _t === 'en_GB' ? 5 : _t === 'en_ZZ' ? 6 : _t === 'es' ? 7 : _t === 'et' ? 8 : _t === 'fi' ? 9 : _t === 'fr' ? 10 : _t === 'hu' ? 11 : _t === 'is' ? 12 : _t === 'it' ? 13 : _t === 'ja' ? 14 : _t === 'ko' ? 15 : _t === 'nb' ? 16 : _t === 'nl' ? 17 : _t === 'pl' ? 18 : _t === 'pt_BR' ? 19 : _t === 'pt-BR' ? 19 : _t === 'pt_PT' ? 20 : _t === 'pt-PT' ? 20 : _t === 'ro' ? 21 : _t === 'ru' ? 22 : _t === 'sk' ? 23 : _t === 'sv' ? 24 : _t === 'th' ? 25 : _t === 'tr' ? 26 : _t === 'uk' ? 27 : _t === 'vi' ? 28 : _t === 'zh_TW' ? 29 : _t === 'zh' ? 30 : 31;
-          break;
-        case 1:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-cs" */'../i18n/cs'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 2:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-da" */'../i18n/da'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 3:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-de" */'../i18n/de'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 4:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-en" */'../i18n/en'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 5:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-en_GB" */'../i18n/en_GB'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 6:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-en_ZZ" */'../i18n/en_ZZ'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 7:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-es" */'../i18n/es'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 8:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-et" */'../i18n/et'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 9:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-fi" */'../i18n/fi'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 10:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-fr" */'../i18n/fr'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 11:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-hu" */'../i18n/hu'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 12:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-is" */'../i18n/is'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 13:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-it" */'../i18n/it'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 14:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-ja" */'../i18n/ja'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 15:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-ko" */'../i18n/ko'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 16:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-nb" */'../i18n/nb'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 17:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-nl" */'../i18n/nl'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 18:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-pl" */'../i18n/pl'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 19:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-pt_BR" */'../i18n/pt_BR'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 20:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-pt_PT" */'../i18n/pt_PT'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 21:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-ro" */'../i18n/ro'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 22:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-ru" */'../i18n/ru'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 23:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-sk" */'../i18n/sk'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 24:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-sv" */'../i18n/sv'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 25:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-th" */'../i18n/th'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 26:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-tr" */'../i18n/tr'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 27:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-uk" */'../i18n/uk'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 28:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-vi" */'../i18n/vi'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 29:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-zh_TW" */'../i18n/zh_TW'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 30:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-zh" */'../i18n/zh'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 31:
-          fragments = locale.split(/[_-]/);
-          if (!(fragments.length === 2)) {
-            _context.next = 32;
-            break;
-          }
-          return _context.abrupt("return", _getMessagesForLocale(fragments[0]));
-        case 32:
-          return _context.abrupt("return", Promise.resolve().then(function () {
-            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_mention-i18n-en" */'../i18n/en'));
-          }).then(function (mod) {
-            return mod.default;
-          }));
-        case 33:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function getMessagesForLocale(_x) {
-    return _ref2.apply(this, arguments);
-  };
-}();
+var _propFormatter = require("./prop-formatter");
+var UnknownUserError = exports.UnknownUserError = (0, _propFormatter.propFormatter)(_i18n.messages.unknownUserError);
+var NoAccessWarning = exports.NoAccessWarning = (0, _propFormatter.propFormatter)(_i18n.messages.noAccessWarning);
+var NoAccessLabel = exports.NoAccessLabel = (0, _propFormatter.propFormatter)(_i18n.messages.noAccessLabel);
+var DefaultHeadline = exports.DefaultHeadline = (0, _propFormatter.propFormatter)(_i18n.messages.defaultHeadline);
+var DefaultAdvisedAction = exports.DefaultAdvisedAction = (0, _propFormatter.propFormatter)(_i18n.messages.defaultAdvisedAction);
+var LoginAgain = exports.LoginAgain = (0, _propFormatter.propFormatter)(_i18n.messages.loginAgain);
+var DifferentText = exports.DifferentText = (0, _propFormatter.propFormatter)(_i18n.messages.differentText);

package/dist/cjs/util/left-click.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.leftClick = leftClick;
+function leftClick(event) {
+  return event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
+}

package/dist/cjs/util/mouse-location.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mouseLocation = mouseLocation;
+function mouseLocation(event) {
+  return {
+    x: event.clientX,
+    y: event.clientY
+  };
+}

package/dist/cjs/util/mouse.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.actualMouseMove = actualMouseMove;
-exports.leftClick = leftClick;
-exports.mouseLocation = mouseLocation;
-function mouseLocation(event) {
-  return {
-    x: event.clientX,
-    y: event.clientY
-  };
-}
-
-// Used to prevent invalid mouse move detection on scroll
-// lastPosition is object (x, y)
-function actualMouseMove(oldPosition, newPosition) {
-  if (!oldPosition || oldPosition.x !== newPosition.x || oldPosition.y !== newPosition.y) {
-    return true;
-  }
-  return false;
-}
-function leftClick(event) {
-  return event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
-}
+"use strict";

package/dist/cjs/util/package-name.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.packageName = void 0;
+var packageName = exports.packageName = "@atlaskit/mention";

package/dist/cjs/util/package-version.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.packageVersion = void 0;
+var packageVersion = exports.packageVersion = "27.17.1";

package/dist/cjs/util/prop-formatter.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propFormatter = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var propFormatter = exports.propFormatter = function propFormatter(messageDescriptor) {
+  return function (_ref) {
+    var values = _ref.values,
+      children = _ref.children;
+    var _useIntl = (0, _reactIntl.useIntl)(),
+      formatMessage = _useIntl.formatMessage;
+    var message = formatMessage(messageDescriptor, values);
+    if (typeof children === 'function') {
+      return children(message);
+    }
+    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({
+      values: values
+    }, messageDescriptor));
+  };
+};

package/dist/es2019/api/AbstractMentionResource.js

@@ -0,0 +1,73 @@
+import debug from '../util/logger';
+import { AbstractResource } from './AbstractResource';
+const MAX_NOTIFIED_ITEMS = 20;
+export class AbstractMentionResource extends AbstractResource {
+  shouldHighlightMention(_mention) {
+    return false;
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  filter(query) {
+    throw new Error(`not yet implemented.\nParams: query=${query}`);
+  }
+
+  // eslint-disable-next-line class-methods-use-this, no-unused-vars
+  recordMentionSelection(_mention) {
+    // Do nothing
+  }
+  isFiltering(_query) {
+    return false;
+  }
+  _notifyListeners(mentionsResult, stats) {
+    debug('ak-mention-resource._notifyListeners', mentionsResult && mentionsResult.mentions && mentionsResult.mentions.length, this.changeListeners);
+    this.changeListeners.forEach((listener, key) => {
+      try {
+        listener(mentionsResult.mentions.slice(0, MAX_NOTIFIED_ITEMS), mentionsResult.query, stats);
+      } catch (e) {
+        // ignore error from listener
+        debug(`error from listener '${key}', ignoring`, e);
+      }
+    });
+  }
+  _notifyAllResultsListeners(mentionsResult) {
+    debug('ak-mention-resource._notifyAllResultsListeners', mentionsResult && mentionsResult.mentions && mentionsResult.mentions.length, this.changeListeners);
+    this.allResultsListeners.forEach((listener, key) => {
+      try {
+        listener(mentionsResult.mentions.slice(0, MAX_NOTIFIED_ITEMS), mentionsResult.query);
+      } catch (e) {
+        // ignore error from listener
+        debug(`error from listener '${key}', ignoring`, e);
+      }
+    });
+  }
+  _notifyErrorListeners(error, query) {
+    this.errListeners.forEach((listener, key) => {
+      try {
+        listener(error, query);
+      } catch (e) {
+        // ignore error from listener
+        debug(`error from listener '${key}', ignoring`, e);
+      }
+    });
+  }
+  _notifyInfoListeners(info) {
+    this.infoListeners.forEach((listener, key) => {
+      try {
+        listener(info);
+      } catch (e) {
+        // ignore error fromr listener
+        debug(`error from listener '${key}', ignoring`, e);
+      }
+    });
+  }
+  _notifyAnalyticsListeners(event, actionSubject, action, attributes) {
+    this.analyticsListeners.forEach((listener, key) => {
+      try {
+        listener(event, actionSubject, action, attributes);
+      } catch (e) {
+        // ignore error from listener
+        debug(`error from listener '${key}', ignoring`, e);
+      }
+    });
+  }
+}

package/dist/es2019/api/AbstractPresenceResource.js

@@ -0,0 +1,17 @@
+import debug from '../util/logger';
+import { AbstractResource } from './AbstractResource';
+export class AbstractPresenceResource extends AbstractResource {
+  refreshPresence(userIds) {
+    throw new Error(`not yet implemented.\nParams: userIds=${userIds}`);
+  }
+  notifyListeners(presences) {
+    this.changeListeners.forEach((listener, key) => {
+      try {
+        listener(presences);
+      } catch (e) {
+        // ignore error from listener
+        debug(`error from listener '${key}', ignoring`, e);
+      }
+    });
+  }
+}

package/dist/es2019/api/AbstractResource.js

@@ -0,0 +1,33 @@
+export class AbstractResource {
+  constructor() {
+    this.changeListeners = new Map();
+    this.allResultsListeners = new Map();
+    this.errListeners = new Map();
+    this.infoListeners = new Map();
+    this.analyticsListeners = new Map();
+  }
+  subscribe(key, callback, errCallback, infoCallback, allResultsCallback, analyticsListeners) {
+    if (callback) {
+      this.changeListeners.set(key, callback);
+    }
+    if (errCallback) {
+      this.errListeners.set(key, errCallback);
+    }
+    if (infoCallback) {
+      this.infoListeners.set(key, infoCallback);
+    }
+    if (allResultsCallback) {
+      this.allResultsListeners.set(key, allResultsCallback);
+    }
+    if (analyticsListeners) {
+      this.analyticsListeners.set(key, analyticsListeners);
+    }
+  }
+  unsubscribe(key) {
+    this.changeListeners.delete(key);
+    this.errListeners.delete(key);
+    this.infoListeners.delete(key);
+    this.allResultsListeners.delete(key);
+    this.analyticsListeners.delete(key);
+  }
+}

package/dist/es2019/api/Callback.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/api/DefaultMentionNameResolver.js

@@ -0,0 +1,152 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { MentionNameStatus } from '../types';
+import { fireAnalyticsMentionHydrationEvent } from '../util/fire-analytics-mention-hydration-event';
+import { mergeNameResolverQueues } from './mergeNameResolverQueues';
+export class DefaultMentionNameResolver {
+  constructor(client, analyticsProps = {}, onResolvedAll = () => {}) {
+    _defineProperty(this, "nameCache", new Map());
+    _defineProperty(this, "nameQueue", new Map());
+    _defineProperty(this, "nameStartTime", new Map());
+    _defineProperty(this, "processingQueue", new Map());
+    _defineProperty(this, "debounce", 0);
+    _defineProperty(this, "debounceOnResolve", null);
+    _defineProperty(this, "isOnResolvedAllCalled", false);
+    _defineProperty(this, "processQueue", () => {
+      clearTimeout(this.debounce);
+      this.debounce = 0;
+      const {
+        queue,
+        extraQueue
+      } = this.splitQueueAtLimit();
+      this.nameQueue = extraQueue;
+      this.processingQueue = mergeNameResolverQueues(this.processingQueue, queue);
+      this.client.lookupMentionNames(Array.from(queue.keys())).then(response => {
+        response.forEach(mentionDetail => {
+          const {
+            id
+          } = mentionDetail;
+          queue.delete(id);
+          this.resolveQueueItem(mentionDetail);
+        });
+        queue.forEach((_callback, id) => {
+          // No response from client for these ids treat as unknown
+          this.resolveQueueItem({
+            id,
+            status: MentionNameStatus.UNKNOWN
+          });
+        });
+      }).catch(() => {
+        // Service completely failed, reject all items in the queue
+        queue.forEach((_callback, id) => {
+          this.resolveQueueItem({
+            id,
+            status: MentionNameStatus.SERVICE_ERROR
+          });
+        });
+      });
+
+      // Make sure anything left in the queue gets processed.
+      if (this.nameQueue.size > 0) {
+        this.scheduleProcessQueue();
+      } else {
+        this.scheduleOnAllResolved();
+      }
+    });
+    this.client = client;
+    this.fireHydrationEvent = fireAnalyticsMentionHydrationEvent(analyticsProps);
+    // If provided, this will be called once all pending mentions in the queue are resolved.
+    // A sample usage is scrolling to a mention on page load, after the mentions have loadad.
+    this.onResolvedAll = onResolvedAll;
+  }
+  lookupName(id) {
+    const name = this.nameCache.get(id);
+    if (name) {
+      this.fireAnalytics(true, name);
+      if (this.nameQueue.size === 0) {
+        this.scheduleOnAllResolved();
+      }
+      return name;
+    }
+    return new Promise(resolve => {
+      const processingItems = this.processingQueue.get(id);
+      if (processingItems) {
+        this.processingQueue.set(id, [...processingItems, resolve]);
+      }
+      const queuedItems = this.nameQueue.get(id) || [];
+      this.nameQueue.set(id, [...queuedItems, resolve]);
+      if (queuedItems.length === 0 && !processingItems) {
+        this.nameStartTime.set(id, Date.now());
+      }
+      this.scheduleProcessQueue();
+      if (this.isQueueAtLimit()) {
+        this.processQueue();
+      }
+    });
+  }
+  cacheName(id, name) {
+    this.nameCache.set(id, {
+      id,
+      name,
+      status: MentionNameStatus.OK
+    });
+  }
+  scheduleProcessQueue() {
+    if (!this.debounce) {
+      this.debounce = window.setTimeout(this.processQueue, DefaultMentionNameResolver.waitForBatch);
+    }
+  }
+  scheduleOnAllResolved() {
+    if (this.debounceOnResolve) {
+      clearTimeout(this.debounceOnResolve);
+    }
+    this.debounceOnResolve = window.setTimeout(() => {
+      if (this.isOnResolvedAllCalled) {
+        return;
+      }
+      this.onResolvedAll();
+      this.isOnResolvedAllCalled = true;
+    }, DefaultMentionNameResolver.waitForResolveAll);
+  }
+  isQueueAtLimit() {
+    return this.nameQueue.size >= this.client.getLookupLimit();
+  }
+  splitQueueAtLimit() {
+    const values = Array.from(this.nameQueue.entries());
+    const splitPoint = this.client.getLookupLimit();
+    return {
+      queue: new Map(values.slice(0, splitPoint)),
+      extraQueue: new Map(values.slice(splitPoint))
+    };
+  }
+  resolveQueueItem(mentionDetail) {
+    const {
+      id
+    } = mentionDetail;
+    const resolvers = this.processingQueue.get(id);
+    if (resolvers) {
+      this.processingQueue.delete(id);
+      this.nameCache.set(id, mentionDetail);
+      resolvers.forEach(resolve => {
+        try {
+          resolve(mentionDetail);
+        } catch {
+          // ignore - exception in consumer
+        }
+      });
+      this.fireAnalytics(false, mentionDetail);
+    }
+  }
+  fireAnalytics(fromCache, mentionDetail) {
+    const {
+      id
+    } = mentionDetail;
+    const action = mentionDetail.status === MentionNameStatus.OK ? 'completed' : 'failed';
+    const start = this.nameStartTime.get(id);
+    const duration = start ? Date.now() - start : 0;
+    this.nameStartTime.delete(id);
+    this.fireHydrationEvent(action, id, fromCache, duration);
+  }
+}
+_defineProperty(DefaultMentionNameResolver, "waitForBatch", 100);
+// ms
+_defineProperty(DefaultMentionNameResolver, "waitForResolveAll", 800);