@atlaskit/editor-common 93.1.4 → 93.1.6

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/editor-common
 
+## 93.1.6
+
+### Patch Changes
+
+- [#150384](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150384)
+  [`d3dad252dbe46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d3dad252dbe46) -
+  [EDF-1177](https://product-fabric.atlassian.net/browse/EDF-1177) - add pulse effect support into
+  editor floating toolbar
+- [#150125](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150125)
+  [`79a44707fe935`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/79a44707fe935) -
+  [ED-24001] This change is cleaning up the feature gate for the image border options dropdown a11y
+  fix.
+- [#150606](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150606)
+  [`7680d21f5d481`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7680d21f5d481) -
+  [ED-24257] This change cleans up the feature gate for the main toolbar navigation escape fix.
+- [#150606](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150606)
+  [`d4d1f4dc8f6dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d4d1f4dc8f6dc) -
+  ED-24117: upgrades mention with provider to fc for react 18 migration
+- [#150384](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150384)
+  [`704af5d7d4a1a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/704af5d7d4a1a) -
+  [EDF-1668](https://product-fabric.atlassian.net/browse/EDF-1668) - add external message API
+  support into editor-plugin-engagement-platform
+- Updated dependencies
+
+## 93.1.5
+
+### Patch Changes
+
+- [#150189](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150189)
+  [`7537d7c549a7b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7537d7c549a7b) -
+  [No Issue] Improve prosemirror data attributes for nodes/marks toDOM and NodeViews
+
 ## 93.1.4
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -108,6 +108,9 @@
         {
             "path": "../../../design-system/menu/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/onboarding/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
         },

package/dist/cjs/analytics/types/engagement-platform-events.js

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

package/dist/cjs/analytics/types/enums.js

@@ -259,6 +259,7 @@ var ACTION_SUBJECT = exports.ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJ
   ACTION_SUBJECT["ELEMENT"] = "element";
   ACTION_SUBJECT["CONTEXT_MENU"] = "contextMenu";
   ACTION_SUBJECT["INLINE_DIALOG"] = "inlineDialog";
+  ACTION_SUBJECT["ENGAGEMENT_PLATFORM"] = "engagementPlatform";
   return ACTION_SUBJECT;
 }({});
 var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -13,7 +13,6 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../analytics");
 var _constants = require("../constants");
 var _useContainerWidth2 = _interopRequireDefault(require("../hooks/use-container-width"));
@@ -226,7 +225,7 @@ function StatelessElementBrowser(props) {
   return (0, _react2.jsx)("div", {
     css: wrapper,
     "data-testid": "element-browser",
-    id: (0, _platformFeatureFlags.fg)('editor-fix-esc-main-toolbar-navigation') ? _constants.ELEMENT_BROWSER_ID : undefined
+    id: _constants.ELEMENT_BROWSER_ID
   }, (0, _react2.jsx)(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? (0, _react2.jsx)(MobileBrowser, (0, _extends2.default)({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "93.1.4";
+var packageVersion = "93.1.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/prosemirror-dom-metadata/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createProseMirrorMetadata = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _model = require("@atlaskit/editor-prosemirror/model");
+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; }
+var isPMNode = function isPMNode(nodeOrMark) {
+  return nodeOrMark instanceof _model.Node || Array.isArray(nodeOrMark.marks);
+};
+
+/**
+ * 🧱 Internal Helper Function: Editor FE Platform
+ *
+ * Creates a set of generic metadata attributes for a ProseMirror node or mark.
+ * These attributes are used to annotate the DOM representation with information
+ * about the node or mark type.
+ *
+ * @param {PMNode | PMMark} nodeOrMark - The ProseMirror node or mark to create metadata for.
+ * @returns {Record<string, string>} An object containing metadata attributes.
+ *  - `data-prosemirror-content-type`: Specifies if the content is a node or mark.
+ *  - `data-prosemirror-node-name` (if applicable): The name of the node.
+ *  - `data-prosemirror-node-block` (if applicable): Indicates if the node is a block.
+ *  - `data-prosemirror-node-inline` (if applicable): Indicates if the node is inline.
+ *  - `data-prosemirror-mark-name` (if applicable): The name of the mark.
+ */
+var createProseMirrorMetadata = exports.createProseMirrorMetadata = function createProseMirrorMetadata(nodeOrMark) {
+  var name = nodeOrMark.type.name;
+  var isNode = isPMNode(nodeOrMark);
+  var commonAttributes = {
+    'data-prosemirror-content-type': isNode ? 'node' : 'mark'
+  };
+  if (!isNode) {
+    return _objectSpread(_objectSpread({}, commonAttributes), {}, (0, _defineProperty2.default)({}, 'data-prosemirror-mark-name', name));
+  }
+  commonAttributes['data-prosemirror-node-name'] = name;
+  if (nodeOrMark.type.isBlock) {
+    commonAttributes['data-prosemirror-node-block'] = 'true';
+  }
+  if (nodeOrMark.type.isInline) {
+    commonAttributes['data-prosemirror-node-inline'] = 'true';
+  }
+  return commonAttributes;
+};

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
@@ -47,10 +46,6 @@ function createNodeView(_ref) {
   // nodeView if DOM structure has nested plain "div"s, it doesn't see the
   // difference between them and it kills the nodeView
   domRef.classList.add("".concat(nodeViewParams.node.type.name, "View-content-wrap"), "".concat(inlineNodeViewClassname));
-  if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
-    domRef.dataset.prosemirrorNodeName = nodeViewParams.node.type.name;
-    domRef.dataset.prosemirrorNodeInline = 'true';
-  }
 
   // This util is shared for tracking rendering, and the ErrorBoundary that
   // is setup to wrap the Component when rendering

package/dist/cjs/react-node-view/index.js

@@ -22,7 +22,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _eventDispatcher = require("../event-dispatcher");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
@@ -89,12 +88,6 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
       // nodeView if DOM structure has nested plain "div"s, it doesn't see the
       // difference between them and it kills the nodeView
       this.domRef.classList.add("".concat(this.node.type.name, "View-content-wrap"));
-      if (this.domRef && (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
-        this.domRef.dataset.prosemirrorNodeName = this.node.type.name;
-        if (this.node.type.isBlock) {
-          this.domRef.dataset.prosemirrorNodeBlock = 'true';
-        }
-      }
       var _getPerformanceOption = (0, _utils.getPerformanceOptions)(this.view),
         samplingRate = _getPerformanceOption.samplingRate,
         slowThreshold = _getPerformanceOption.slowThreshold,

package/dist/cjs/safe-plugin/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SafePlugin = void 0;
+exports.attachGenericProseMirrorMetadata = exports.SafePlugin = void 0;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -12,9 +12,35 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _prosemirrorDomMetadata = require("../prosemirror-dom-metadata");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * 🧱 Internal Helper Function: Editor FE Platform
+ *
+ * Attaches generic ProseMirror metadata attributes to a given DOM element based on the properties of a ProseMirror node.
+ * This function is useful for annotating DOM elements with metadata that describes the type and characteristics of the ProseMirror node.
+ *
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {PMNode} params.node - The ProseMirror node from which to derive metadata.
+ * @param {HTMLElement} params.dom - The DOM element to which the metadata attributes will be attached.
+ */
+var attachGenericProseMirrorMetadata = exports.attachGenericProseMirrorMetadata = function attachGenericProseMirrorMetadata(_ref) {
+  var nodeOrMark = _ref.nodeOrMark,
+    dom = _ref.dom;
+  var metadata = (0, _prosemirrorDomMetadata.createProseMirrorMetadata)(nodeOrMark);
+  Object.entries(metadata).forEach(function (_ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+      name = _ref3[0],
+      value = _ref3[1];
+    dom.setAttribute(name, value);
+  });
+};
+
 // Wraper to avoid any exception during the get pos operation
 // See this https://hello.atlassian.net/wiki/spaces/EDITOR/pages/2849713193/ED-19672+Extensions+Regression
 // And this https://discuss.prosemirror.net/t/possible-bug-on-viewdesc-posbeforechild/5783
@@ -42,7 +68,14 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
             return;
             // eslint-disable-next-line no-extra-bind
           }.bind(thisArg);
-          return Reflect.apply(target, thisArg, [node, view, safeGetPos].concat((0, _toConsumableArray2.default)(more)));
+          var result = Reflect.apply(target, thisArg, [node, view, safeGetPos].concat((0, _toConsumableArray2.default)(more)));
+          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement && (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
+            attachGenericProseMirrorMetadata({
+              nodeOrMark: node,
+              dom: result.dom
+            });
+          }
+          return result;
         }
       });
       return safeNodeView;

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 = "93.1.4";
+var packageVersion = "93.1.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Pulse = require("../Pulse/Pulse");
 var _styles = require("./styles");
 var _excluded = ["buttonStyles"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -45,7 +46,8 @@ var _default = exports.default = function _default(_ref) {
     tabIndex = _ref.tabIndex,
     areaControls = _ref.areaControls,
     ariaLabel = _ref.ariaLabel,
-    isRadioButton = _ref.isRadioButton;
+    isRadioButton = _ref.isRadioButton,
+    pulse = _ref.pulse;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? _styles.iconOnlySpacing : {};
@@ -68,6 +70,8 @@ var _default = exports.default = function _default(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/_react.default.createElement(_Pulse.Pulse, {
+    pulse: pulse
   }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
@@ -110,5 +114,5 @@ var _default = exports.default = function _default(_ref) {
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children)));
+  }, children))));
 };

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

@@ -14,12 +14,13 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _providerFactory = require("../../provider-factory");
-var _mentionWithProviders = _interopRequireDefault(require("./mention-with-providers"));
+var _mentionWithProviders = require("./mention-with-providers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, 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/react/no-class-components */
 var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Mention, _PureComponent);
   var _super = _createSuper(Mention);
@@ -36,7 +37,18 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.default, {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_mention_with_provider')) {
+        return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
+          id: id,
+          text: text,
+          accessLevel: accessLevel,
+          localId: localId,
+          eventHandlers: eventHandlers,
+          mentionProvider: mentionProvider,
+          profilecardProvider: profilecardProvider
+        });
+      }
+      return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProvidersOld, {
         id: id,
         text: text,
         accessLevel: accessLevel,

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.MentionWithProvidersOld = exports.MentionWithProviders = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -14,6 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("@atlaskit/mention/element");
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
@@ -23,12 +24,61 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var noop = function noop() {};
-var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(MentionWithProviders, _PureComponent);
-  var _super = _createSuper(MentionWithProviders);
-  function MentionWithProviders() {
+var MentionWithProviders = exports.MentionWithProviders = function MentionWithProviders(_ref) {
+  var accessLevel = _ref.accessLevel,
+    eventHandlers = _ref.eventHandlers,
+    id = _ref.id,
+    mentionProvider = _ref.mentionProvider,
+    profilecardProviderResolver = _ref.profilecardProvider,
+    text = _ref.text,
+    localId = _ref.localId;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    profilecardProvider = _useState2[0],
+    setProfilecardProvider = _useState2[1];
+  var mountedRef = (0, _react.useRef)(true);
+  (0, _react.useLayoutEffect)(function () {
+    mountedRef.current = true;
+    return function () {
+      mountedRef.current = false;
+    };
+  }, []);
+  (0, _react.useLayoutEffect)(function () {
+    // We are not using async/await here to avoid having an intermediate Promise
+    // introduced by the transpiler.
+    // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
+    // rerendering
+    profilecardProviderResolver === null || profilecardProviderResolver === void 0 || profilecardProviderResolver.then(function (result) {
+      if (mountedRef.current) {
+        setProfilecardProvider(result);
+      }
+    }).catch(function () {
+      if (mountedRef.current) {
+        setProfilecardProvider(null);
+      }
+    });
+  }, [profilecardProviderResolver]);
+  var MentionComponent = profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
+  return /*#__PURE__*/_react.default.createElement(MentionComponent, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    localId: localId,
+    mentionProvider: mentionProvider,
+    profilecardProvider: profilecardProvider,
+    onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
+    onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+  });
+};
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var MentionWithProvidersOld = exports.MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(MentionWithProvidersOld, _PureComponent);
+  var _super = _createSuper(MentionWithProvidersOld);
+  function MentionWithProvidersOld() {
     var _this;
-    (0, _classCallCheck2.default)(this, MentionWithProviders);
+    (0, _classCallCheck2.default)(this, MentionWithProvidersOld);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -38,7 +88,7 @@ var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureCompone
     });
     return _this;
   }
-  (0, _createClass2.default)(MentionWithProviders, [{
+  (0, _createClass2.default)(MentionWithProvidersOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.updateProfilecardProvider(this.props);
@@ -100,5 +150,5 @@ var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureCompone
       }, actionHandlers));
     }
   }]);
-  return MentionWithProviders;
+  return MentionWithProvidersOld;
 }(_react.PureComponent);

package/dist/cjs/ui/Pulse/Pulse.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pulse = Pulse;
+var _react = _interopRequireDefault(require("react"));
+var _onboarding = require("@atlaskit/onboarding");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+/**
+ * Wraps children with {@link SpotlightPulse} component.
+ *
+ * It adds pulse effect to children if `pulse` is `true`.
+ *
+ * This custom component exists because the {@link SpotlightPulse} with `pulse={false}` renders extra `div` around `children`.
+ * We want to keep `children` as it is if there is no `pulse`.
+ */
+function Pulse(_ref) {
+  var pulse = _ref.pulse,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 3 : _ref$radius,
+    children = _ref.children;
+  if ((0, _experiments.editorExperiment)('platform_editor_ai_onboarding', 'test') && pulse) {
+    return (
+      /*#__PURE__*/
+      // SpotlightPulse shows pulse effect if `pulse` is `undefined`.
+      // That's why we need to cast `pulse` to `false` if it's `undefined`.
+      _react.default.createElement(_onboarding.SpotlightPulse, {
+        radius: radius,
+        pulse: pulse !== null && pulse !== void 0 ? pulse : false
+      }, children)
+    );
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+}

package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuArrowKeyNavigationProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var hasEnabledItems = function hasEnabledItems(list) {
@@ -131,11 +130,7 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-            if (!disableCloseOnArrowClick) {
-              handleClose(event);
-            }
-          } else {
+          if (!disableCloseOnArrowClick) {
             handleClose(event);
           }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
@@ -146,11 +141,7 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-            if (!disableCloseOnArrowClick) {
-              handleClose(event);
-            }
-          } else {
+          if (!disableCloseOnArrowClick) {
             handleClose(event);
           }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {

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

@@ -193,9 +193,9 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
         shouldFitContainer: true,
         isTriggerNotTabbable: true,
         handleClickOutside: this.handleClose,
-        handleEscapeKeydown: (0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown') ? handleEscapeKeydown || this.handleCloseAndFocus : this.handleCloseAndFocus,
+        handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus,
         handleEnterKeydown: function handleEnterKeydown(e) {
-          if ((0, _platformFeatureFlags.fg)('platform_editor_a11y_table_context_menu') || (0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_a11y_table_context_menu')) {
             if (!allowEnterDefaultBehavior) {
               e.preventDefault();
             }
@@ -309,27 +309,12 @@ function DropdownMenuItem(_ref) {
   var _handleSubmenuActive = function _handleSubmenuActive(event) {
     setSubmenuActive(Boolean(event.target instanceof HTMLElement && event.target.closest(".".concat(_styles.DropdownMenuSharedCssClassName.SUBMENU))));
   };
-  var ariaLabel;
-  if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-    ariaLabel = item['aria-label'] === '' ? undefined : item['aria-label'] || String(item.content);
-  } else {
-    ariaLabel = item['aria-label'] || String(item.content);
-  }
-  var testId;
-  if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-    testId = item['data-testid'] || "dropdown-item__".concat(item.content);
-  } else {
-    testId = "dropdown-item__".concat(String(item.content));
-  }
+  var ariaLabel = item['aria-label'] === '' ? undefined : item['aria-label'] || String(item.content);
+  var testId = item['data-testid'] || "dropdown-item__".concat(item.content);
 
   // From time to time we don't want to have any tabIndex on item wrapper
   // especially when we pass any interactive element as a item.content
-  var tabIndex;
-  if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-    tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
-  } else {
-    tabIndex = -1;
-  }
+  var tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
   var dropListItem = (0, _react2.jsx)("div", {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _elementBrowser = require("../../element-browser");
 var _messages = require("../../messages");
 var _ui = require("../../ui");
@@ -122,7 +121,7 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
      * @param event
      */
     var handleKeyDown = function handleKeyDown(event) {
-      var _document$querySelect, _document$querySelect2, _wrapperRef$current2;
+      var _document$querySelect, _document$querySelect2, _wrapperRef$current, _wrapperRef$current2;
       // To trap the focus inside the horizontal toolbar for left and right arrow keys
       var targetElement = event.target;
       if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
@@ -136,13 +135,10 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
         // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
         return;
       }
-      if ((0, _platformFeatureFlags.fg)('editor-fix-esc-main-toolbar-navigation')) {
-        var _wrapperRef$current;
-        var elementBrowser = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("#".concat(_elementBrowser.ELEMENT_BROWSER_ID));
-        if (elementBrowser) {
-          // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
-          return;
-        }
+      var elementBrowser = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("#".concat(_elementBrowser.ELEMENT_BROWSER_ID));
+      if (elementBrowser) {
+        // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
+        return;
       }
       var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {

package/dist/es2019/analytics/types/engagement-platform-events.js

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

package/dist/es2019/analytics/types/enums.js

@@ -253,6 +253,7 @@ export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["ELEMENT"] = "element";
   ACTION_SUBJECT["CONTEXT_MENU"] = "contextMenu";
   ACTION_SUBJECT["INLINE_DIALOG"] = "inlineDialog";
+  ACTION_SUBJECT["ENGAGEMENT_PLATFORM"] = "engagementPlatform";
   return ACTION_SUBJECT;
 }({});
 export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -10,7 +10,6 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
 import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
@@ -215,7 +214,7 @@ function StatelessElementBrowser(props) {
   return jsx("div", {
     css: wrapper,
     "data-testid": "element-browser",
-    id: fg('editor-fix-esc-main-toolbar-navigation') ? ELEMENT_BROWSER_ID : undefined
+    id: ELEMENT_BROWSER_ID
   }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser, _extends({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "93.1.4";
+const packageVersion = "93.1.6";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it