@atlaskit/mention 27.17.1 → 27.18.0

package/dist/cjs/api/PresenceResource.js

@@ -4,67 +4,45 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DefaultPresenceParser = exports.DefaultPresenceCache = exports.AbstractPresenceResource = void 0;
+Object.defineProperty(exports, "AbstractPresenceResource", {
+  enumerable: true,
+  get: function get() {
+    return _AbstractPresenceResource.AbstractPresenceResource;
+  }
+});
+Object.defineProperty(exports, "DefaultPresenceCache", {
+  enumerable: true,
+  get: function get() {
+    return _DefaultPresenceCache.DefaultPresenceCache;
+  }
+});
+Object.defineProperty(exports, "DefaultPresenceParser", {
+  enumerable: true,
+  get: function get() {
+    return _DefaultPresenceParser.DefaultPresenceParser;
+  }
+});
+exports.default = exports.PresenceResource = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _atlAttribution = require("../util/atl-attribution");
-var _logger = _interopRequireDefault(require("../util/logger"));
-var _MentionResource = require("./MentionResource");
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var _AbstractPresenceResource = require("./AbstractPresenceResource");
+var _DefaultPresenceCache = require("./DefaultPresenceCache");
+var _DefaultPresenceParser = require("./DefaultPresenceParser");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 /**
  * Configuration for the PresenceResource, which manages real-time user
  * presence (online/offline/busy/focus status) by querying a GraphQL-based
  * presence service.
  */
-var CacheEntry = /*#__PURE__*/function () {
-  function CacheEntry(pres, timeout) {
-    (0, _classCallCheck2.default)(this, CacheEntry);
-    this.presence = pres;
-    this.expiry = Date.now() + timeout;
-  }
-  return (0, _createClass2.default)(CacheEntry, [{
-    key: "expired",
-    value: function expired() {
-      return Date.now() > this.expiry;
-    }
-  }]);
-}();
-var AbstractPresenceResource = exports.AbstractPresenceResource = /*#__PURE__*/function (_AbstractResource) {
-  function AbstractPresenceResource() {
-    (0, _classCallCheck2.default)(this, AbstractPresenceResource);
-    return _callSuper(this, AbstractPresenceResource, arguments);
-  }
-  (0, _inherits2.default)(AbstractPresenceResource, _AbstractResource);
-  return (0, _createClass2.default)(AbstractPresenceResource, [{
-    key: "refreshPresence",
-    value: function refreshPresence(userIds) {
-      throw new Error("not yet implemented.\nParams: userIds=".concat(userIds));
-    }
-  }, {
-    key: "notifyListeners",
-    value: function notifyListeners(presences) {
-      this.changeListeners.forEach(function (listener, key) {
-        try {
-          listener(presences);
-        } catch (e) {
-          // ignore error from listener
-          (0, _logger.default)("error from listener '".concat(key, "', ignoring"), e);
-        }
-      });
-    }
-  }]);
-}(_MentionResource.AbstractResource);
-var PresenceResource = /*#__PURE__*/function (_AbstractPresenceReso) {
+var PresenceResource = exports.PresenceResource = /*#__PURE__*/function (_AbstractPresenceReso) {
   function PresenceResource(config) {
     var _this;
     (0, _classCallCheck2.default)(this, PresenceResource);
@@ -77,8 +55,8 @@ var PresenceResource = /*#__PURE__*/function (_AbstractPresenceReso) {
     }
     _this.config = config;
     _this.config.url = PresenceResource.cleanUrl(config.url);
-    _this.presenceCache = config.cache || new DefaultPresenceCache(config.cacheExpiry);
-    _this.presenceParser = config.parser || new DefaultPresenceParser();
+    _this.presenceCache = config.cache || new _DefaultPresenceCache.DefaultPresenceCache(config.cacheExpiry);
+    _this.presenceParser = config.parser || new _DefaultPresenceParser.DefaultPresenceParser();
     return _this;
   }
   (0, _inherits2.default)(PresenceResource, _AbstractPresenceReso);
@@ -142,216 +120,14 @@ var PresenceResource = /*#__PURE__*/function (_AbstractPresenceReso) {
       return url;
     }
   }]);
-}(AbstractPresenceResource);
-var DefaultPresenceCache = exports.DefaultPresenceCache = /*#__PURE__*/function () {
-  function DefaultPresenceCache(cacheTimeout, cacheTrigger) {
-    (0, _classCallCheck2.default)(this, DefaultPresenceCache);
-    this.expiryInMillis = cacheTimeout ? cacheTimeout : DefaultPresenceCache.defaultTimeout;
-    this.flushTrigger = cacheTrigger ? cacheTrigger : DefaultPresenceCache.defaultFlushTrigger;
-    this.cache = {};
-    this.size = 0;
-  }
-
-  /**
-   * Precondition: _delete is only called internally if userId exists in cache
-   * Removes cache entry
-   * @param userId
-   */
-  return (0, _createClass2.default)(DefaultPresenceCache, [{
-    key: "_delete",
-    value: function _delete(userId) {
-      delete this.cache[userId];
-      this.size--;
-    }
-
-    /**
-     * Checks a cache entry and calls delete if the info has expired
-     * @param userId
-     */
-  }, {
-    key: "_deleteIfExpired",
-    value: function _deleteIfExpired(userId) {
-      if (this.contains(userId) && this.cache[userId].expired()) {
-        this._delete(userId);
-      }
-    }
-
-    /**
-     * Cleans expired entries from cache
-     */
-  }, {
-    key: "_removeExpired",
-    value: function _removeExpired() {
-      var _this3 = this;
-      Object.keys(this.cache).forEach(function (id) {
-        _this3._deleteIfExpired(id);
-      });
-    }
-
-    /**
-     * Checks if a user exists in the cache
-     * @param userId
-     */
-  }, {
-    key: "contains",
-    value: function contains(userId) {
-      return this.cache.hasOwnProperty(userId);
-    }
-
-    /**
-     * Retrieves a presence from the cache after checking for expired entries
-     * @param userId - to index the cache
-     * @returns Presence - the presence that matches the userId
-     */
-  }, {
-    key: "get",
-    value: function get(userId) {
-      this._deleteIfExpired(userId);
-      if (!this.contains(userId)) {
-        return {};
-      }
-      return this.cache[userId].presence;
-    }
-
-    /**
-     * Retrieve multiple presences at once from the cache
-     * @param userIds - to index the cache
-     * @returns PresenceMap - A map of userIds to cached Presences
-     */
-  }, {
-    key: "getBulk",
-    value: function getBulk(userIds) {
-      var presences = {};
-      var _iterator = _createForOfIteratorHelper(userIds),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var _userId = _step.value;
-          if (this.contains(_userId)) {
-            presences[_userId] = this.get(_userId);
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      return presences;
-    }
-
-    /**
-     * For a given list of ids, returns a subset
-     * of all the ids with missing cache entries.
-     * @param userIds - to index the cache
-     * @returns string[] - ids missing from the cache
-     */
-  }, {
-    key: "getMissingUserIds",
-    value: function getMissingUserIds(userIds) {
-      var _this4 = this;
-      return userIds.filter(function (id) {
-        return !_this4.contains(id);
-      });
-    }
-
-    /**
-     * Precondition: presMap only contains ids of users not in cache
-     *               expired users must first be removed then reinserted with updated presence
-     * Updates the cache by adding the new Presence entries and setting the expiry time
-     * @param presMap
-     */
-  }, {
-    key: "update",
-    value: function update(presMap) {
-      var _this5 = this;
-      if (this.size >= this.flushTrigger) {
-        this._removeExpired();
-      }
-      Object.keys(presMap).forEach(function (userId) {
-        _this5.cache[userId] = new CacheEntry(presMap[userId], _this5.expiryInMillis);
-        _this5.size++;
-      });
-    }
-  }]);
-}();
-(0, _defineProperty2.default)(DefaultPresenceCache, "defaultTimeout", 20000);
-(0, _defineProperty2.default)(DefaultPresenceCache, "defaultFlushTrigger", 50);
-var DefaultPresenceParser = exports.DefaultPresenceParser = /*#__PURE__*/function () {
-  function DefaultPresenceParser() {
-    (0, _classCallCheck2.default)(this, DefaultPresenceParser);
-  }
-  return (0, _createClass2.default)(DefaultPresenceParser, [{
-    key: "mapState",
-    value: function mapState(state) {
-      if (state === 'unavailable') {
-        return 'offline';
-      } else if (state === 'available') {
-        return 'online';
-      } else {
-        return state;
-      }
-    }
-  }, {
-    key: "parse",
-    value: function parse(response) {
-      var presences = {};
-      if (response.hasOwnProperty('data') && response['data'].hasOwnProperty('PresenceBulk')) {
-        var results = response['data'].PresenceBulk;
-        // Store map of state and time indexed by userId.  Ignore null results.
-        var _iterator2 = _createForOfIteratorHelper(results),
-          _step2;
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var user = _step2.value;
-            if (user.userId && user.state) {
-              var _state = DefaultPresenceParser.extractState(user) || user.state;
-              presences[user.userId] = {
-                status: this.mapState(_state)
-              };
-            } else if (!user.hasOwnProperty('userId') || !user.hasOwnProperty('state')) {
-              // eslint-disable-next-line no-console
-              console.error('Unexpected response from presence service contains keys: ' + Object.keys(user));
-            }
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-      }
-      return presences;
-    }
-  }], [{
-    key: "extractState",
-    value: function extractState(presence) {
-      if (DefaultPresenceParser.isFocusState(presence)) {
-        return DefaultPresenceParser.FOCUS_STATE;
-      }
-      return presence.state;
-    }
-
-    /*
-       This is a bit of an odd exception. In the case where a user is in "Focus Mode", their presence state
-       is returned as 'busy' along with a `stateMetadata` object containing a `focus` field.
-       In this case we ignore the value of the `state` field and treat the presence as a 'focus' state.
-      */
-  }, {
-    key: "isFocusState",
-    value: function isFocusState(presence) {
-      if (presence.stateMetadata) {
-        try {
-          var metadata = JSON.parse(presence.stateMetadata);
-          return metadata && !!metadata.focus;
-        } catch (e) {
-          // eslint-disable-next-line no-console
-          console.error("Failed to parse presence's stateMetadata for user with id ".concat(presence.userId, ": ").concat(presence.stateMetadata));
-          // eslint-disable-next-line no-console
-          console.error(e);
-        }
-      }
-      return false;
-    }
-  }]);
-}();
-(0, _defineProperty2.default)(DefaultPresenceParser, "FOCUS_STATE", 'focus');
-var _default = exports.default = PresenceResource;
+}(_AbstractPresenceResource.AbstractPresenceResource);
+var _default = exports.default = PresenceResource;
+/**
+ * @deprecated Use `import { DefaultPresenceCache } from '@atlaskit/mention/presence-resource'` instead.
+ */
+/**
+ * @deprecated Use `import { DefaultPresenceParser } from '@atlaskit/mention/presence-resource'` instead.
+ */
+/**
+ * @deprecated Use `import { AbstractPresenceResource } from '@atlaskit/mention/presence-resource'` instead.
+ */

package/dist/cjs/api/Queue.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/api/isResolvingMentionProvider.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isResolvingMentionProvider = void 0;
+var isResolvingMentionProvider = exports.isResolvingMentionProvider = function isResolvingMentionProvider(p) {
+  return !!(p && p.supportsMentionNameResolving && p.supportsMentionNameResolving());
+};

package/dist/cjs/api/mergeNameResolverQueues.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeNameResolverQueues = mergeNameResolverQueues;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+/**
+ * Merge the two queues making sure to merge callback arrays for items in queueB already in queueA.
+ * This addresses [this ticket](https://product-fabric.atlassian.net/browse/QS-3789).
+ */
+function mergeNameResolverQueues(queueA, queueB) {
+  var queueBeingMerged = new Map((0, _toConsumableArray2.default)(queueA));
+
+  // now add the items from the second queue that are not already in the
+  //  merged queue being built
+  (0, _toConsumableArray2.default)(queueB).forEach(function (item) {
+    var _item = (0, _slicedToArray2.default)(item, 2),
+      key = _item[0],
+      queueBCallbacks = _item[1];
+    var itemAlreadyInMergedQueue = queueBeingMerged.has(key);
+    if (!itemAlreadyInMergedQueue) {
+      queueBeingMerged.set(key, queueBCallbacks);
+    } else {
+      var _queueBeingMerged$get;
+      // item already in merged queue, merge the callback arrays
+      var queueACallbacks = (_queueBeingMerged$get = queueBeingMerged.get(key)) !== null && _queueBeingMerged$get !== void 0 ? _queueBeingMerged$get : [];
+      var mergedCallbacks = new Set([].concat((0, _toConsumableArray2.default)(queueBCallbacks), (0, _toConsumableArray2.default)(queueACallbacks)));
+      var deduplicatedCallbacks = Array.from(mergedCallbacks.values()); // prevents calling them twice
+      queueBeingMerged.set(key, deduplicatedCallbacks);
+    }
+  });
+  return queueBeingMerged;
+}

package/dist/cjs/components/Mention/MentionInternal.js

@@ -0,0 +1,247 @@
+/* MentionInternal.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MentionInternal = void 0;
+require("./MentionInternal.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
+var _ufo = require("@atlaskit/ufo");
+var _constants = require("../../_constants");
+var _isRestricted = require("../../is-restricted");
+var _types = require("../../types");
+var _i18n = require("../../util/i18n");
+var _DisabledMentionTooltip = _interopRequireDefault(require("../DisabledMentionTooltip"));
+var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
+var _NoAccessTooltip = _interopRequireDefault(require("../NoAccessTooltip"));
+var _PrimitiveMention = _interopRequireDefault(require("./PrimitiveMention"));
+var _index = require("./index");
+var _ufoExperiences = require("./ufoExperiences");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/no-deprecated-imports, @typescript-eslint/ban-types -- Preserve existing mention implementation while focus-ring usage is reviewed separately. */
+var avatarStyles = null;
+var avatarFallbackStyles = null;
+var avatarImageStyles = null;
+var agentAvatarStyles = null;
+var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
+  function MentionInternal(props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, MentionInternal);
+    _this = _callSuper(this, MentionInternal, [props]);
+    (0, _defineProperty2.default)(_this, "state", {
+      hasAvatarError: false
+    });
+    (0, _defineProperty2.default)(_this, "handleAvatarError", function () {
+      _this.setState({
+        hasAvatarError: true
+      });
+    });
+    (0, _defineProperty2.default)(_this, "handleOnClick", function (e) {
+      var _this$props = _this.props,
+        id = _this$props.id,
+        text = _this$props.text,
+        onClick = _this$props.onClick,
+        isDisabled = _this$props.isDisabled;
+      if (isDisabled) {
+        // Disabled chips do not invoke their click handler.
+        return;
+      }
+      if (onClick) {
+        onClick(id, text, e);
+      }
+    });
+    (0, _defineProperty2.default)(_this, "handleOnMouseEnter", function (e) {
+      var _this$props2 = _this.props,
+        id = _this$props2.id,
+        text = _this$props2.text,
+        onMouseEnter = _this$props2.onMouseEnter,
+        onHover = _this$props2.onHover;
+      if (onMouseEnter) {
+        onMouseEnter(id, text, e);
+      }
+      _this.hoverTimeout = window.setTimeout(function () {
+        if (onHover) {
+          onHover();
+        }
+        _this.hoverTimeout = undefined;
+      }, _index.ANALYTICS_HOVER_DELAY);
+    });
+    (0, _defineProperty2.default)(_this, "handleOnMouseLeave", function (e) {
+      var _this$props3 = _this.props,
+        id = _this$props3.id,
+        text = _this$props3.text,
+        onMouseLeave = _this$props3.onMouseLeave;
+      if (onMouseLeave) {
+        onMouseLeave(id, text, e);
+      }
+      if (_this.hoverTimeout) {
+        clearTimeout(_this.hoverTimeout);
+      }
+    });
+    (0, _defineProperty2.default)(_this, "getMentionType", function () {
+      var _this$props4 = _this.props,
+        accessLevel = _this$props4.accessLevel,
+        isHighlighted = _this$props4.isHighlighted,
+        isDisabled = _this$props4.isDisabled;
+      if (isDisabled) {
+        return _types.MentionType.DISABLED;
+      }
+      if (isHighlighted) {
+        return _types.MentionType.SELF;
+      }
+      if ((0, _isRestricted.isRestricted)(accessLevel)) {
+        return _types.MentionType.RESTRICTED;
+      }
+      return _types.MentionType.DEFAULT;
+    });
+    _ufoExperiences.mentionRenderedUfoExperience.getInstance(props.id).start();
+    return _this;
+  }
+  (0, _inherits2.default)(MentionInternal, _React$PureComponent);
+  return (0, _createClass2.default)(MentionInternal, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      _ufoExperiences.mentionRenderedUfoExperience.getInstance(this.props.id).success();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.hoverTimeout) {
+        clearTimeout(this.hoverTimeout);
+      }
+      var ufoInstance = _ufoExperiences.mentionRenderedUfoExperience.getInstance(this.props.id);
+      if ([_ufo.UFOExperienceState['STARTED'], _ufo.UFOExperienceState['IN_PROGRESS']].includes(ufoInstance.state)) {
+        ufoInstance.abort();
+      }
+    }
+  }, {
+    key: "renderUnknownUserError",
+    value: function renderUnknownUserError(id) {
+      return /*#__PURE__*/_react.default.createElement(_i18n.UnknownUserError, {
+        values: {
+          userId: id.slice(-5)
+        }
+      }, function (message) {
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "@".concat(message));
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var handleAvatarError = this.handleAvatarError,
+        handleOnClick = this.handleOnClick,
+        handleOnMouseEnter = this.handleOnMouseEnter,
+        handleOnMouseLeave = this.handleOnMouseLeave,
+        props = this.props;
+      var appType = props.appType,
+        avatarUrl = props.avatarUrl,
+        text = props.text,
+        id = props.id,
+        accessLevel = props.accessLevel,
+        localId = props.localId,
+        disabledTooltip = props.disabledTooltip,
+        isAvatarImagePreShaped = props.isAvatarImagePreShaped,
+        renderAvatarSlot = props.renderAvatarSlot;
+      var mentionType = this.getMentionType();
+      var failedMention = text === "@".concat(_constants.UNKNOWN_USER_ID);
+      var showAvatarSlot = Boolean(renderAvatarSlot) && !failedMention;
+      var visibleText = showAvatarSlot && text.startsWith('@') ? text.slice(1) : text;
+      var shouldApplyAgentShape = appType === 'agent' && !isAvatarImagePreShaped;
+      var shouldRenderAvatar = avatarUrl && !this.state.hasAvatarError;
+      var showRestrictedTooltip = mentionType === _types.MentionType.RESTRICTED;
+      var showDisabledTooltip = mentionType === _types.MentionType.DISABLED && !!disabledTooltip;
+
+      // A11y: when the chip is in the disabled visual state, expose
+      // `aria-disabled` so assistive tech announces it as such. The
+      // disabled-tooltip text is mirrored into `aria-label` so the
+      // announcement carries the reason even without portal-id wiring for
+      // `aria-describedby`.
+      var isDisabledChip = mentionType === _types.MentionType.DISABLED;
+      var disabledA11yProps = isDisabledChip ? _objectSpread({
+        'aria-disabled': true,
+        tabIndex: 0
+      }, disabledTooltip ? {
+        'aria-label': "".concat(text || '@...', " \u2014 ").concat(disabledTooltip)
+      } : {}) : {};
+      var mentionComponent = /*#__PURE__*/_react.default.createElement(_focusRing.default, null, /*#__PURE__*/_react.default.createElement(_PrimitiveMention.default, (0, _extends2.default)({
+        isAvatarVisible: showAvatarSlot,
+        mentionType: mentionType,
+        onClick: handleOnClick,
+        onMouseEnter: handleOnMouseEnter,
+        onMouseLeave: handleOnMouseLeave,
+        spellCheck: false,
+        "data-testid": "mention-".concat(id),
+        "data-mention-type": mentionType,
+        "data-mention-tooltip": showRestrictedTooltip || showDisabledTooltip
+      }, disabledA11yProps), failedMention ? this.renderUnknownUserError(id) : showAvatarSlot ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+        "aria-hidden": "true",
+        "data-testid": "mention-avatar-slot",
+        className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rko1rr0 _1e0c116y _1bsb7vkz _4t3i7vkz _4cvr1h6o _1bah1h6o _1o9zidpf _12l21b66 _s7n410e5", shouldApplyAgentShape && "_2rkoidpf _mkrz1l17", this.state.hasAvatarError && "_s7n41q9y"])
+      }, shouldRenderAvatar ? /*#__PURE__*/_react.default.createElement("img", {
+        alt: "",
+        decoding: "async",
+        draggable: false,
+        height: 16,
+        loading: "lazy",
+        onError: handleAvatarError,
+        src: avatarUrl,
+        "data-testid": "mention-avatar",
+        width: 16,
+        className: (0, _runtime.ax)(["_1e0c1ule _1bsb1osq _4t3i1osq _5ral1dfr"])
+      }) : this.state.hasAvatarError ? '@' : null), /*#__PURE__*/_react.default.createElement("span", null, visibleText || '...')) : text || '@...'));
+      var ssrPlaceholderProp = props.ssrPlaceholderId ? {
+        'data-ssr-placeholder': props.ssrPlaceholderId
+      } : {};
+      var wrappedMention = function () {
+        if (showRestrictedTooltip) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+            fallback: mentionComponent
+          }, /*#__PURE__*/_react.default.createElement(_NoAccessTooltip.default, {
+            name: text
+          }, mentionComponent));
+        }
+        if (showDisabledTooltip) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+            fallback: mentionComponent
+          }, /*#__PURE__*/_react.default.createElement(_DisabledMentionTooltip.default, {
+            tooltip: disabledTooltip
+          }, mentionComponent));
+        }
+        return mentionComponent;
+      }();
+      return /*#__PURE__*/_react.default.createElement(_ufoExperiences.UfoErrorBoundary, {
+        id: id
+      }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+        id: localId,
+        "data-mention-id": id,
+        "data-local-id": localId,
+        "data-access-level": accessLevel,
+        spellCheck: false
+      }, ssrPlaceholderProp), /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, wrappedMention)));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      if (props.avatarUrl !== state.avatarUrl) {
+        return {
+          avatarUrl: props.avatarUrl,
+          hasAvatarError: false
+        };
+      }
+      return null;
+    }
+  }]);
+}(_react.default.PureComponent);

package/dist/cjs/components/Mention/ResourcedMention.js

@@ -13,10 +13,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _MentionResource = require("../../api/MentionResource");
+var _isResolvingMentionProvider = require("../../api/isResolvingMentionProvider");
+var _isPromise = require("../../is-promise");
 var _types = require("../../types");
-var _ = _interopRequireWildcard(require("./"));
 var _logger = _interopRequireDefault(require("../../util/logger"));
+var _ = _interopRequireWildcard(require("./"));
 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 _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -36,9 +37,9 @@ var ResourcedMention = exports.default = /*#__PURE__*/function (_React$PureCompo
               id: id
             })
           };
-          if (!text && (0, _MentionResource.isResolvingMentionProvider)(provider)) {
+          if (!text && (0, _isResolvingMentionProvider.isResolvingMentionProvider)(provider)) {
             var nameDetail = provider.resolveMentionName(id);
-            if ((0, _types.isPromise)(nameDetail)) {
+            if ((0, _isPromise.isPromise)(nameDetail)) {
               nameDetail.then(function (nameDetailResult) {
                 _this.setStateSafely({
                   resolvedMentionName: _this.processName(nameDetailResult)