@atlaskit/editor-common 123.5.1 → 123.7.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @atlaskit/editor-common
 
+## 123.7.0
+
+### Minor Changes
+
+- [`a1df9dd2d8f02`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a1df9dd2d8f02) -
+  Add the optional `showNoResultsMessage` empty-state handler parameter and
+  `platform_editor_slash_command`-gated Ask Rovo and View more recovery for registered quick insert
+  searches with no matches. Respect registry visibility and keep Marketplace content separate from
+  listbox navigation while preserving its native keyboard controls.
+
+  Show the registered Ask Rovo action alongside Marketplace suggestions in the element browser's
+  no-match state, with a divider separating the fallback action from Marketplace content. Keep the
+  toolbar's View more footer visible while Marketplace content scrolls and preserve native Tab
+  navigation.
+
+  Respect `data-keyboard-navigation-independent` containers in both toolbar keyboard navigation
+  providers. Apply the attribute to the registered insert menu, whose rendering is gated by
+  `platform_editor_slash_command`, so its controls retain their own key handling and native tab
+  stops.
+
+### Patch Changes
+
+- [`f11db7a4b4188`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f11db7a4b4188) -
+  Fix comment renderer agent mention profile cards, behind experiment
+  `platform_editor_comment_mention_card_fixes`
+- Updated dependencies
+
+## 123.6.0
+
+### Minor Changes
+
+- [`ca3c3208ca55b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca3c3208ca55b) -
+  EDITOR-8673 Add template gallery snippet insertion through the editor snippets plugin, with
+  completion callbacks and a template gallery input source, behind
+  `platform_editor_snippets_plugin_confluence`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 123.5.1
 
 ### Patch Changes

package/dist/cjs/analytics/types/insert-events.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.USER_CONTEXT = exports.LINK_STATUS = exports.LINK_RESOURCE = exports.LINK_REPRESENTATION = void 0;
+exports.USER_CONTEXT = exports.TEMPLATE_GALLERY_INPUT_SOURCE = exports.LINK_STATUS = exports.LINK_RESOURCE = exports.LINK_REPRESENTATION = void 0;
 var USER_CONTEXT = exports.USER_CONTEXT = /*#__PURE__*/function (USER_CONTEXT) {
   USER_CONTEXT["EDIT"] = "edit";
   USER_CONTEXT["NEW"] = "new";
@@ -37,4 +37,5 @@ var LINK_RESOURCE = exports.LINK_RESOURCE = /*#__PURE__*/function (LINK_RESOURCE
   LINK_RESOURCE["TWITTER"] = "twitterTweet";
   LINK_RESOURCE["OTHER"] = "other";
   return LINK_RESOURCE;
-}({});
+}({});
+var TEMPLATE_GALLERY_INPUT_SOURCE = exports.TEMPLATE_GALLERY_INPUT_SOURCE = 'templateGallery';

package/dist/cjs/monitoring/error.js

@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "123.5.0";
+var packageVersion = "123.6.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/quick-insert/get-matching-quick-insert-components.js

@@ -7,6 +7,7 @@ exports.getMatchingQuickInsertComponents = void 0;
 var _surfaceRenderer = require("@atlaskit/editor-ui-control-model/surface-renderer");
 var _isMenuFooterSectionKey = require("../type-ahead/isMenuFooterSectionKey");
 var _isSectionOverflowItemKey = require("../type-ahead/isSectionOverflowItemKey");
+var _keys = require("./keys");
 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; }
@@ -25,6 +26,7 @@ var compareMatchedItems = function compareMatchedItems(a, b) {
  * no empty-query path so browse behavior remains owned by buildQuickInsertMenuModel.
  */
 var getMatchingQuickInsertComponents = exports.getMatchingQuickInsertComponents = function getMatchingQuickInsertComponents(_ref) {
+  var _childrenMap$get2;
   var components = _ref.components,
     rootComponent = _ref.rootComponent,
     query = _ref.query,
@@ -46,12 +48,12 @@ var getMatchingQuickInsertComponents = exports.getMatchingQuickInsertComponents
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _childrenMap$get;
+      var _childrenMap$get3;
       var section = _step.value;
       if (section.type !== 'menu-section' || (0, _isMenuFooterSectionKey.isMenuFooterSectionKey)(section.key) || !(0, _surfaceRenderer.willComponentRender)(section, childrenMap, surfaceContext)) {
         continue;
       }
-      var _iterator3 = _createForOfIteratorHelper((_childrenMap$get = childrenMap.get((0, _surfaceRenderer.getComponentIdentity)(section))) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : []),
+      var _iterator3 = _createForOfIteratorHelper((_childrenMap$get3 = childrenMap.get((0, _surfaceRenderer.getComponentIdentity)(section))) !== null && _childrenMap$get3 !== void 0 ? _childrenMap$get3 : []),
         _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -109,9 +111,33 @@ var getMatchingQuickInsertComponents = exports.getMatchingQuickInsertComponents
   } finally {
     _iterator2.f();
   }
+  var sections = Array.from(sectionsByKey.values());
+  if (sections.length > 0 || query === '') {
+    return {
+      footer: undefined,
+      root: root,
+      sections: sections
+    };
+  }
+  var fallbackItem = topLevelChildren.filter(function (section) {
+    return section.type === 'menu-section' && !(0, _isMenuFooterSectionKey.isMenuFooterSectionKey)(section.key) && (0, _surfaceRenderer.willComponentRender)(section, childrenMap, surfaceContext);
+  }).flatMap(function (section) {
+    var _childrenMap$get;
+    return (_childrenMap$get = childrenMap.get((0, _surfaceRenderer.getComponentIdentity)(section))) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : [];
+  }).find(function (component) {
+    return component.type === _keys.ASK_ROVO_MENU_ITEM.type && component.key === _keys.ASK_ROVO_MENU_ITEM.key && (0, _surfaceRenderer.willComponentRender)(component, childrenMap, surfaceContext);
+  });
+  var fallbackItems = fallbackItem ? [fallbackItem] : [];
+  var footerSection = topLevelChildren.find(function (section) {
+    return section.type === 'menu-section' && (0, _isMenuFooterSectionKey.isMenuFooterSectionKey)(section.key) && (0, _surfaceRenderer.willComponentRender)(section, childrenMap, surfaceContext);
+  });
+  var footer = footerSection ? ((_childrenMap$get2 = childrenMap.get((0, _surfaceRenderer.getComponentIdentity)(footerSection))) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : []).find(function (child) {
+    return child.type === 'menu-item' && (0, _surfaceRenderer.willComponentRender)(child, childrenMap, surfaceContext);
+  }) : undefined;
   return {
-    footer: undefined,
+    fallbackItems: fallbackItems,
+    footer: footer,
     root: root,
-    sections: Array.from(sectionsByKey.values())
+    sections: sections
   };
 };

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "123.5.0";
+var packageVersion = "123.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -56,6 +56,7 @@ function MentionWithProfileCard(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     renderAvatarSlot = _ref.renderAvatarSlot,
+    isRovoChat = _ref.isRovoChat,
     localId = _ref.localId,
     ssrPlaceholderId = _ref.ssrPlaceholderId,
     userType = _ref.userType;
@@ -78,6 +79,7 @@ function MentionWithProfileCard(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     renderAvatarSlot: renderAvatarSlot,
+    isRovoChat: isRovoChat,
     ssrPlaceholderId: ssrPlaceholderId
   });
 
@@ -85,6 +87,7 @@ function MentionWithProfileCard(_ref) {
   if (userType === 'APP' && cloudId && (0, _isExperimentEnabled.isExperimentEnabled)('rovo_chat_mention_agents')) {
     return /*#__PURE__*/_react.default.createElement(AgentProfileCardTrigger, {
       agentId: id,
+      agentIdType: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_comment_mention_card_fixes') ? 'identity' : undefined,
       cloudId: cloudId,
       resourceClient: resourceClient,
       trigger: "click"

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -8,12 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.MentionWithProviders = exports.MentionWithAvatarProviders = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _resourcedMention = _interopRequireDefault(require("@atlaskit/mention/resourced-mention"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
 var _excluded = ["id", "mentionNodeDataProvider", "userType"];
-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 _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 GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var useMentionNodeData = function useMentionNodeData(_ref) {
   var _state$data;
@@ -77,6 +80,10 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     profilecardProvider = _useState4[0],
     setProfilecardProvider = _useState4[1];
+  var _useState5 = (0, _react.useState)((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mention_rovo') && Boolean(mentionNodeData === null || mentionNodeData === void 0 ? void 0 : mentionNodeData.isRovoChat)),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    isRovoChat = _useState6[0],
+    setIsRovoChat = _useState6[1];
   var mountedRef = (0, _react.useRef)(true);
   (0, _react.useLayoutEffect)(function () {
     mountedRef.current = true;
@@ -99,6 +106,57 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
       }
     });
   }, [profilecardProviderResolver]);
+  (0, _react.useEffect)(function () {
+    if (mentionNodeData !== null && mentionNodeData !== void 0 && mentionNodeData.isRovoChat) {
+      setIsRovoChat((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mention_rovo'));
+      return;
+    }
+    if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mention_rovo') || !mentionProvider) {
+      setIsRovoChat(false);
+      return;
+    }
+    var isActive = true;
+    var resolveRovoChatIdentity = /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _provider$getRovoChat, provider, identityAccountId, _t;
+        return _regenerator.default.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 1;
+              return mentionProvider;
+            case 1:
+              provider = _context.sent;
+              _context.next = 2;
+              return (_provider$getRovoChat = provider.getRovoChatAgentIdentityAccountId) === null || _provider$getRovoChat === void 0 ? void 0 : _provider$getRovoChat.call(provider);
+            case 2:
+              identityAccountId = _context.sent;
+              if (isActive) {
+                setIsRovoChat(identityAccountId !== undefined && identityAccountId === id);
+              }
+              _context.next = 4;
+              break;
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](0);
+              if (isActive) {
+                setIsRovoChat(false);
+              }
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 3]]);
+      }));
+      return function resolveRovoChatIdentity() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    void resolveRovoChatIdentity();
+    return function () {
+      isActive = false;
+    };
+  }, [id, mentionNodeData === null || mentionNodeData === void 0 ? void 0 : mentionNodeData.isRovoChat, mentionProvider]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _resourcedMention.default;
   var ssrPlaceholderId = "mention-".concat(id);
 
@@ -120,7 +178,8 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
       onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
       onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
       renderAvatarSlot: renderAvatarSlot,
-      ssrPlaceholderId: ssrPlaceholderId
+      ssrPlaceholderId: ssrPlaceholderId,
+      isRovoChat: isRovoChat
     });
   }
   return /*#__PURE__*/_react.default.createElement(MentionComponent, {
@@ -141,14 +200,15 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
     onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
     renderAvatarSlot: renderAvatarSlot,
-    ssrPlaceholderId: ssrPlaceholderId
+    ssrPlaceholderId: ssrPlaceholderId,
+    isRovoChat: isRovoChat
   });
 });
-var MentionWithAvatarProviders = exports.MentionWithAvatarProviders = /*#__PURE__*/_react.default.memo(function (_ref3) {
-  var id = _ref3.id,
-    mentionNodeDataProvider = _ref3.mentionNodeDataProvider,
-    userType = _ref3.userType,
-    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+var MentionWithAvatarProviders = exports.MentionWithAvatarProviders = /*#__PURE__*/_react.default.memo(function (_ref4) {
+  var id = _ref4.id,
+    mentionNodeDataProvider = _ref4.mentionNodeDataProvider,
+    userType = _ref4.userType,
+    props = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
   var mentionNodeData = useMentionNodeData({
     id: id,
     mentionNodeDataProvider: mentionNodeDataProvider,

package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -133,7 +133,7 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
       if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
         return;
       }
-      if (targetElement instanceof HTMLElement && (_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || targetElement instanceof HTMLElement && (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
+      if (targetElement instanceof HTMLElement && (_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || targetElement instanceof HTMLElement && (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || targetElement instanceof HTMLElement && targetElement.closest('[data-keyboard-navigation-independent]') || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
         return;
       }
       var menuWrapper = document.querySelector('.menu-key-handler-wrapper');
@@ -270,10 +270,10 @@ function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
   return false;
 }
 function getFilteredFocusableElements(rootNode) {
-  // The focusable elements from child components such as dropdown menus / popups are ignored
+  // Independent containers and child popups own their key handling and tab stops.
   return getFocusableElements(rootNode).filter(function (elm) {
     // Check if element or any ancestor is hidden or disabled
     var isHiddenOrDisabled = isElementOrAncestorHiddenOrDisabled(elm, rootNode);
-    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('[data-keyboard-navigation-independent]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
   });
 }

package/dist/es2019/analytics/types/insert-events.js

@@ -37,4 +37,5 @@ export let LINK_RESOURCE = /*#__PURE__*/function (LINK_RESOURCE) {
   LINK_RESOURCE["TWITTER"] = "twitterTweet";
   LINK_RESOURCE["OTHER"] = "other";
   return LINK_RESOURCE;
-}({});
+}({});
+export const TEMPLATE_GALLERY_INPUT_SOURCE = 'templateGallery';

package/dist/es2019/monitoring/error.js

@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "123.5.0";
+const packageVersion = "123.6.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/quick-insert/get-matching-quick-insert-components.js

@@ -1,6 +1,7 @@
 import { getComponentIdentity, resolveSurface, willComponentRender } from '@atlaskit/editor-ui-control-model/surface-renderer';
 import { isMenuFooterSectionKey } from '../type-ahead/isMenuFooterSectionKey';
 import { isSectionOverflowItemKey } from '../type-ahead/isSectionOverflowItemKey';
+import { ASK_ROVO_MENU_ITEM } from './keys';
 const getRank = (component, parentKey) => {
   var _component$parents$fi, _component$parents, _component$parents$fi2;
   return (_component$parents$fi = (_component$parents = component.parents) === null || _component$parents === void 0 ? void 0 : (_component$parents$fi2 = _component$parents.find(parent => parent.key === parentKey)) === null || _component$parents$fi2 === void 0 ? void 0 : _component$parents$fi2.rank) !== null && _component$parents$fi !== void 0 ? _component$parents$fi : Number.MAX_SAFE_INTEGER;
@@ -18,6 +19,7 @@ export const getMatchingQuickInsertComponents = ({
   formatMessage,
   surfaceContext
 }) => {
+  var _childrenMap$get3;
   const {
     childrenMap,
     root,
@@ -70,9 +72,25 @@ export const getMatchingQuickInsertComponents = ({
       sectionsByKey.set(match.section.key, [match.section, match.item]);
     }
   }
+  const sections = Array.from(sectionsByKey.values());
+  if (sections.length > 0 || query === '') {
+    return {
+      footer: undefined,
+      root,
+      sections
+    };
+  }
+  const fallbackItem = topLevelChildren.filter(section => section.type === 'menu-section' && !isMenuFooterSectionKey(section.key) && willComponentRender(section, childrenMap, surfaceContext)).flatMap(section => {
+    var _childrenMap$get2;
+    return (_childrenMap$get2 = childrenMap.get(getComponentIdentity(section))) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : [];
+  }).find(component => component.type === ASK_ROVO_MENU_ITEM.type && component.key === ASK_ROVO_MENU_ITEM.key && willComponentRender(component, childrenMap, surfaceContext));
+  const fallbackItems = fallbackItem ? [fallbackItem] : [];
+  const footerSection = topLevelChildren.find(section => section.type === 'menu-section' && isMenuFooterSectionKey(section.key) && willComponentRender(section, childrenMap, surfaceContext));
+  const footer = footerSection ? ((_childrenMap$get3 = childrenMap.get(getComponentIdentity(footerSection))) !== null && _childrenMap$get3 !== void 0 ? _childrenMap$get3 : []).find(child => child.type === 'menu-item' && willComponentRender(child, childrenMap, surfaceContext)) : undefined;
   return {
-    footer: undefined,
+    fallbackItems,
+    footer,
     root,
-    sections: Array.from(sectionsByKey.values())
+    sections
   };
 };

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "123.5.0";
+const packageVersion = "123.6.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -40,6 +40,7 @@ export default function MentionWithProfileCard({
   onMouseEnter,
   onMouseLeave,
   renderAvatarSlot,
+  isRovoChat,
   localId,
   ssrPlaceholderId,
   userType
@@ -63,6 +64,7 @@ export default function MentionWithProfileCard({
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     renderAvatarSlot: renderAvatarSlot,
+    isRovoChat: isRovoChat,
     ssrPlaceholderId: ssrPlaceholderId
   });
 
@@ -70,6 +72,7 @@ export default function MentionWithProfileCard({
   if (userType === 'APP' && cloudId && isExperimentEnabled('rovo_chat_mention_agents')) {
     return /*#__PURE__*/React.createElement(AgentProfileCardTrigger, {
       agentId: id,
+      agentIdType: isExperimentEnabled('platform_editor_comment_mention_card_fixes') ? 'identity' : undefined,
       cloudId: cloudId,
       resourceClient: resourceClient,
       trigger: "click"

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import ResourcedMention from '@atlaskit/mention/resourced-mention';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 const GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 const useMentionNodeData = ({
@@ -54,6 +55,7 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
   userType
 }) => {
   const [profilecardProvider, setProfilecardProvider] = useState(null);
+  const [isRovoChat, setIsRovoChat] = useState(isExperimentEnabled('platform_editor_mention_rovo') && Boolean(mentionNodeData === null || mentionNodeData === void 0 ? void 0 : mentionNodeData.isRovoChat));
   const mountedRef = useRef(true);
   useLayoutEffect(() => {
     mountedRef.current = true;
@@ -76,6 +78,35 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
       }
     });
   }, [profilecardProviderResolver]);
+  useEffect(() => {
+    if (mentionNodeData !== null && mentionNodeData !== void 0 && mentionNodeData.isRovoChat) {
+      setIsRovoChat(isExperimentEnabled('platform_editor_mention_rovo'));
+      return;
+    }
+    if (!isExperimentEnabled('platform_editor_mention_rovo') || !mentionProvider) {
+      setIsRovoChat(false);
+      return;
+    }
+    let isActive = true;
+    const resolveRovoChatIdentity = async () => {
+      try {
+        var _provider$getRovoChat;
+        const provider = await mentionProvider;
+        const identityAccountId = await ((_provider$getRovoChat = provider.getRovoChatAgentIdentityAccountId) === null || _provider$getRovoChat === void 0 ? void 0 : _provider$getRovoChat.call(provider));
+        if (isActive) {
+          setIsRovoChat(identityAccountId !== undefined && identityAccountId === id);
+        }
+      } catch {
+        if (isActive) {
+          setIsRovoChat(false);
+        }
+      }
+    };
+    void resolveRovoChatIdentity();
+    return () => {
+      isActive = false;
+    };
+  }, [id, mentionNodeData === null || mentionNodeData === void 0 ? void 0 : mentionNodeData.isRovoChat, mentionProvider]);
   const MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
   const ssrPlaceholderId = `mention-${id}`;
 
@@ -97,7 +128,8 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
       onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
       onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
       renderAvatarSlot: renderAvatarSlot,
-      ssrPlaceholderId: ssrPlaceholderId
+      ssrPlaceholderId: ssrPlaceholderId,
+      isRovoChat: isRovoChat
     });
   }
   return /*#__PURE__*/React.createElement(MentionComponent, {
@@ -118,7 +150,8 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
     onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
     renderAvatarSlot: renderAvatarSlot,
-    ssrPlaceholderId: ssrPlaceholderId
+    ssrPlaceholderId: ssrPlaceholderId,
+    isRovoChat: isRovoChat
   });
 });
 export const MentionWithAvatarProviders = /*#__PURE__*/React.memo(({

package/dist/es2019/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -125,7 +125,7 @@ export const ToolbarArrowKeyNavigationProvider = ({
       if (targetElement instanceof HTMLElement && !targetElement.closest(`${childComponentSelector}`)) {
         return;
       }
-      if (targetElement instanceof HTMLElement && (_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || targetElement instanceof HTMLElement && (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
+      if (targetElement instanceof HTMLElement && (_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || targetElement instanceof HTMLElement && (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || targetElement instanceof HTMLElement && targetElement.closest('[data-keyboard-navigation-independent]') || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
         return;
       }
       const menuWrapper = document.querySelector('.menu-key-handler-wrapper');
@@ -262,10 +262,10 @@ function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
   return false;
 }
 function getFilteredFocusableElements(rootNode) {
-  // The focusable elements from child components such as dropdown menus / popups are ignored
+  // Independent containers and child popups own their key handling and tab stops.
   return getFocusableElements(rootNode).filter(elm => {
     // Check if element or any ancestor is hidden or disabled
     const isHiddenOrDisabled = isElementOrAncestorHiddenOrDisabled(elm, rootNode);
-    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('[data-keyboard-navigation-independent]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
   });
 }

package/dist/esm/analytics/types/insert-events.js

@@ -37,4 +37,5 @@ export var LINK_RESOURCE = /*#__PURE__*/function (LINK_RESOURCE) {
   LINK_RESOURCE["TWITTER"] = "twitterTweet";
   LINK_RESOURCE["OTHER"] = "other";
   return LINK_RESOURCE;
-}({});
+}({});
+export var TEMPLATE_GALLERY_INPUT_SOURCE = 'templateGallery';

package/dist/esm/monitoring/error.js

@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "123.5.0";
+var packageVersion = "123.6.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/quick-insert/get-matching-quick-insert-components.js

@@ -4,6 +4,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 import { getComponentIdentity, resolveSurface, willComponentRender } from '@atlaskit/editor-ui-control-model/surface-renderer';
 import { isMenuFooterSectionKey } from '../type-ahead/isMenuFooterSectionKey';
 import { isSectionOverflowItemKey } from '../type-ahead/isSectionOverflowItemKey';
+import { ASK_ROVO_MENU_ITEM } from './keys';
 var getRank = function getRank(component, parentKey) {
   var _component$parents$fi, _component$parents;
   return (_component$parents$fi = (_component$parents = component.parents) === null || _component$parents === void 0 || (_component$parents = _component$parents.find(function (parent) {
@@ -19,6 +20,7 @@ var compareMatchedItems = function compareMatchedItems(a, b) {
  * no empty-query path so browse behavior remains owned by buildQuickInsertMenuModel.
  */
 export var getMatchingQuickInsertComponents = function getMatchingQuickInsertComponents(_ref) {
+  var _childrenMap$get2;
   var components = _ref.components,
     rootComponent = _ref.rootComponent,
     query = _ref.query,
@@ -40,12 +42,12 @@ export var getMatchingQuickInsertComponents = function getMatchingQuickInsertCom
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _childrenMap$get;
+      var _childrenMap$get3;
       var section = _step.value;
       if (section.type !== 'menu-section' || isMenuFooterSectionKey(section.key) || !willComponentRender(section, childrenMap, surfaceContext)) {
         continue;
       }
-      var _iterator3 = _createForOfIteratorHelper((_childrenMap$get = childrenMap.get(getComponentIdentity(section))) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : []),
+      var _iterator3 = _createForOfIteratorHelper((_childrenMap$get3 = childrenMap.get(getComponentIdentity(section))) !== null && _childrenMap$get3 !== void 0 ? _childrenMap$get3 : []),
         _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -103,9 +105,33 @@ export var getMatchingQuickInsertComponents = function getMatchingQuickInsertCom
   } finally {
     _iterator2.f();
   }
+  var sections = Array.from(sectionsByKey.values());
+  if (sections.length > 0 || query === '') {
+    return {
+      footer: undefined,
+      root: root,
+      sections: sections
+    };
+  }
+  var fallbackItem = topLevelChildren.filter(function (section) {
+    return section.type === 'menu-section' && !isMenuFooterSectionKey(section.key) && willComponentRender(section, childrenMap, surfaceContext);
+  }).flatMap(function (section) {
+    var _childrenMap$get;
+    return (_childrenMap$get = childrenMap.get(getComponentIdentity(section))) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : [];
+  }).find(function (component) {
+    return component.type === ASK_ROVO_MENU_ITEM.type && component.key === ASK_ROVO_MENU_ITEM.key && willComponentRender(component, childrenMap, surfaceContext);
+  });
+  var fallbackItems = fallbackItem ? [fallbackItem] : [];
+  var footerSection = topLevelChildren.find(function (section) {
+    return section.type === 'menu-section' && isMenuFooterSectionKey(section.key) && willComponentRender(section, childrenMap, surfaceContext);
+  });
+  var footer = footerSection ? ((_childrenMap$get2 = childrenMap.get(getComponentIdentity(footerSection))) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : []).find(function (child) {
+    return child.type === 'menu-item' && willComponentRender(child, childrenMap, surfaceContext);
+  }) : undefined;
   return {
-    footer: undefined,
+    fallbackItems: fallbackItems,
+    footer: footer,
     root: root,
-    sections: Array.from(sectionsByKey.values())
+    sections: sections
   };
 };

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "123.5.0";
+var packageVersion = "123.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/Mention/mention-with-profilecard.js

@@ -46,6 +46,7 @@ export default function MentionWithProfileCard(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     renderAvatarSlot = _ref.renderAvatarSlot,
+    isRovoChat = _ref.isRovoChat,
     localId = _ref.localId,
     ssrPlaceholderId = _ref.ssrPlaceholderId,
     userType = _ref.userType;
@@ -68,6 +69,7 @@ export default function MentionWithProfileCard(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     renderAvatarSlot: renderAvatarSlot,
+    isRovoChat: isRovoChat,
     ssrPlaceholderId: ssrPlaceholderId
   });
 
@@ -75,6 +77,7 @@ export default function MentionWithProfileCard(_ref) {
   if (userType === 'APP' && cloudId && isExperimentEnabled('rovo_chat_mention_agents')) {
     return /*#__PURE__*/React.createElement(AgentProfileCardTrigger, {
       agentId: id,
+      agentIdType: isExperimentEnabled('platform_editor_comment_mention_card_fixes') ? 'identity' : undefined,
       cloudId: cloudId,
       resourceClient: resourceClient,
       trigger: "click"

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -1,9 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["id", "mentionNodeDataProvider", "userType"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import ResourcedMention from '@atlaskit/mention/resourced-mention';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var useMentionNodeData = function useMentionNodeData(_ref) {
@@ -68,6 +71,10 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref2) {
     _useState4 = _slicedToArray(_useState3, 2),
     profilecardProvider = _useState4[0],
     setProfilecardProvider = _useState4[1];
+  var _useState5 = useState(isExperimentEnabled('platform_editor_mention_rovo') && Boolean(mentionNodeData === null || mentionNodeData === void 0 ? void 0 : mentionNodeData.isRovoChat)),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isRovoChat = _useState6[0],
+    setIsRovoChat = _useState6[1];
   var mountedRef = useRef(true);
   useLayoutEffect(function () {
     mountedRef.current = true;
@@ -90,6 +97,57 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref2) {
       }
     });
   }, [profilecardProviderResolver]);
+  useEffect(function () {
+    if (mentionNodeData !== null && mentionNodeData !== void 0 && mentionNodeData.isRovoChat) {
+      setIsRovoChat(isExperimentEnabled('platform_editor_mention_rovo'));
+      return;
+    }
+    if (!isExperimentEnabled('platform_editor_mention_rovo') || !mentionProvider) {
+      setIsRovoChat(false);
+      return;
+    }
+    var isActive = true;
+    var resolveRovoChatIdentity = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _provider$getRovoChat, provider, identityAccountId, _t;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 1;
+              return mentionProvider;
+            case 1:
+              provider = _context.sent;
+              _context.next = 2;
+              return (_provider$getRovoChat = provider.getRovoChatAgentIdentityAccountId) === null || _provider$getRovoChat === void 0 ? void 0 : _provider$getRovoChat.call(provider);
+            case 2:
+              identityAccountId = _context.sent;
+              if (isActive) {
+                setIsRovoChat(identityAccountId !== undefined && identityAccountId === id);
+              }
+              _context.next = 4;
+              break;
+            case 3:
+              _context.prev = 3;
+              _t = _context["catch"](0);
+              if (isActive) {
+                setIsRovoChat(false);
+              }
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 3]]);
+      }));
+      return function resolveRovoChatIdentity() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    void resolveRovoChatIdentity();
+    return function () {
+      isActive = false;
+    };
+  }, [id, mentionNodeData === null || mentionNodeData === void 0 ? void 0 : mentionNodeData.isRovoChat, mentionProvider]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
   var ssrPlaceholderId = "mention-".concat(id);
 
@@ -111,7 +169,8 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref2) {
       onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
       onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
       renderAvatarSlot: renderAvatarSlot,
-      ssrPlaceholderId: ssrPlaceholderId
+      ssrPlaceholderId: ssrPlaceholderId,
+      isRovoChat: isRovoChat
     });
   }
   return /*#__PURE__*/React.createElement(MentionComponent, {
@@ -132,14 +191,15 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref2) {
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
     onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
     renderAvatarSlot: renderAvatarSlot,
-    ssrPlaceholderId: ssrPlaceholderId
+    ssrPlaceholderId: ssrPlaceholderId,
+    isRovoChat: isRovoChat
   });
 });
-export var MentionWithAvatarProviders = /*#__PURE__*/React.memo(function (_ref3) {
-  var id = _ref3.id,
-    mentionNodeDataProvider = _ref3.mentionNodeDataProvider,
-    userType = _ref3.userType,
-    props = _objectWithoutProperties(_ref3, _excluded);
+export var MentionWithAvatarProviders = /*#__PURE__*/React.memo(function (_ref4) {
+  var id = _ref4.id,
+    mentionNodeDataProvider = _ref4.mentionNodeDataProvider,
+    userType = _ref4.userType,
+    props = _objectWithoutProperties(_ref4, _excluded);
   var mentionNodeData = useMentionNodeData({
     id: id,
     mentionNodeDataProvider: mentionNodeDataProvider,

package/dist/esm/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -125,7 +125,7 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
       if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
         return;
       }
-      if (targetElement instanceof HTMLElement && (_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || targetElement instanceof HTMLElement && (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
+      if (targetElement instanceof HTMLElement && (_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || targetElement instanceof HTMLElement && (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || targetElement instanceof HTMLElement && targetElement.closest('[data-keyboard-navigation-independent]') || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
         return;
       }
       var menuWrapper = document.querySelector('.menu-key-handler-wrapper');
@@ -262,10 +262,10 @@ function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
   return false;
 }
 function getFilteredFocusableElements(rootNode) {
-  // The focusable elements from child components such as dropdown menus / popups are ignored
+  // Independent containers and child popups own their key handling and tab stops.
   return getFocusableElements(rootNode).filter(function (elm) {
     // Check if element or any ancestor is hidden or disabled
     var isHiddenOrDisabled = isElementOrAncestorHiddenOrDisabled(elm, rootNode);
-    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('[data-keyboard-navigation-independent]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
   });
 }

package/dist/types/analytics/types/insert-events.d.ts

@@ -164,7 +164,8 @@ type InsertReferenceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.SYNCED_BLOC
 export type InsertSourceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.BODIED_SYNCED_BLOCK, {
     resourceId: string;
 }, undefined>;
-export type InsertSnippetInputMethod = INPUT_METHOD.ELEMENT_BROWSER | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
+export declare const TEMPLATE_GALLERY_INPUT_SOURCE: 'templateGallery';
+export type InsertSnippetInputMethod = INPUT_METHOD.ELEMENT_BROWSER | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR | typeof TEMPLATE_GALLERY_INPUT_SOURCE;
 type InsertSnippetAEP = InsertAEP<ACTION_SUBJECT_ID.SNIPPET, {
     hadMedia?: boolean;
     inputMethod: InsertSnippetInputMethod;
@@ -172,7 +173,7 @@ type InsertSnippetAEP = InsertAEP<ACTION_SUBJECT_ID.SNIPPET, {
     templateType?: 'atlassian' | 'user';
 }, undefined>;
 type FailedToInsertSnippetAEP = OperationalAEP<ACTION.FAILED_TO_INSERT, ACTION_SUBJECT.DOCUMENT, ACTION_SUBJECT_ID.SNIPPET, {
-    reason: 'emptyBody' | 'parseError';
+    reason: 'emptyBody' | 'insertError' | 'parseError';
     snippetId: string;
     templateType?: 'atlassian' | 'user';
 } | {

package/dist/types/quick-insert/build-quick-insert-menu-model.d.ts

@@ -3,6 +3,7 @@ import type { RegisterComponent, RegisterMenuItem, RegisterMenuSection, SurfaceC
 import type { QuickInsertCategoryItemSelectionPolicy } from './selectQuickInsertCategoryItems';
 export type QuickInsertMenuSection = [RegisterMenuSection, ...RegisterMenuItem[]];
 export type QuickInsertMenuModel = {
+    fallbackItems?: RegisterMenuItem[];
     footer: RegisterMenuItem | undefined;
     root: RegisterComponent | undefined;
     sections: QuickInsertMenuSection[];

package/dist/types/types/empty-state-handler.d.ts

@@ -3,4 +3,5 @@ export type EmptyStateHandlerParams = {
     mode: string;
     searchTerm?: string;
     selectedCategory?: string;
+    showNoResultsMessage?: boolean;
 };

package/dist/types/ui/Mention/mention-with-profilecard.d.ts

@@ -17,6 +17,7 @@ export interface Props {
     onMouseLeave?: MentionEventHandler;
     profilecardProvider: ProfilecardProvider;
     renderAvatarSlot?: boolean;
+    isRovoChat?: boolean;
     ssrPlaceholderId?: string;
     text: string;
     userType?: MentionUserType;
@@ -26,4 +27,4 @@ export interface Props {
  * 1. Agent mentions (`userType === 'APP'`, behind the `rovo_chat_mention_agents` experiment) open the Rovo agent profile card on click.
  * 2. Otherwise renders the person profile card (either via the provider's `renderUserMentionCard`/link fallback or the default user `ProfileCardTrigger`).
  */
-export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, appType, avatarUrl, isAvatarImagePreShaped, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, renderAvatarSlot, localId, ssrPlaceholderId, userType, }: Props): React.JSX.Element;
+export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, appType, avatarUrl, isAvatarImagePreShaped, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, renderAvatarSlot, isRovoChat, localId, ssrPlaceholderId, userType, }: Props): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "123.5.1",
+	"version": "123.7.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -78,7 +78,7 @@
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.13.0",
 		"@atlaskit/section-message": "^10.2.0",
-		"@atlaskit/smart-card": "^45.25.0",
+		"@atlaskit/smart-card": "^45.26.0",
 		"@atlaskit/smart-user-picker": "^11.8.0",
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/task-decision": "^21.10.0",