@atlaskit/editor-common 122.4.0 → 122.6.0

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # @atlaskit/editor-common
 
+## 122.6.0
+
+### Minor Changes
+
+- [`b9d1af39046dc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b9d1af39046dc) -
+  Add a shared applied-step range detector for AI activity. Connect local streaming under
+  platform_editor_ai_streaming_ux_experience_m1 and incoming agent edits under the existing backend
+  streaming rollout to this detector. Refine shared chrome highlights to affected nested textblock
+  content for all existing shared-chrome consumers.
+
+  Preserve node attribute activity through cumulative replacements that retain its markup while
+  changing descendant content. Reuse existing highlight styles and the grouped cursor.
+
+  Expose a transaction-only AI activity action and connect direct orchestrator attribute, move, wrap
+  and remove mutations under platform_editor_ai_streaming_ux_experience_m1. Keep review segments and
+  existing streaming cadence unchanged.
+
+  Reuse lazily built node-identity indexes per transaction snapshot to avoid repeated full-document
+  lookups when changed blocks survive cumulative replacements.
+
+  Let the chrome plugin map and accumulate existing highlights without restamping stale positions
+  from before direct orchestrator mutations.
+
+- [`276b5526e198a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/276b5526e198a) -
+  Show the user profile card on hover in the mentions typeahead, behind the
+  `platform_editor_mention_typeahead_user_profilecard` experiment
+
+### Patch Changes
+
+- [`9e6211ceb4ceb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e6211ceb4ceb) -
+  Clean up the fully rolled-out `platform_editor_small_font_size` experiment and make its permanent
+  `true` behavior unconditional across editor formatting, task and list handling, paste behavior,
+  controls, and rendering.
+- Updated dependencies
+
+## 122.5.0
+
+### Minor Changes
+
+- [`f1c1a544bd1a9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f1c1a544bd1a9) -
+  Add unicode fallback to emojis in custom panels and renderer
+
+### Patch Changes
+
+- [`c9cf3acc6d231`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c9cf3acc6d231) -
+  Preserve mention local IDs through renderer validation, and add
+  `renderContext: 'rovo_chat_entity_annotation'` to existing person profile-card analytics for
+  `rovo_chat_people_entity_hover_cards`.
+- Updated dependencies
+
 ## 122.4.0
 
 ### Minor Changes

package/collab-agent-edit-changed-ranges/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/editor-common/collab-agent-edit-changed-ranges",
+  "main": "../dist/cjs/collab/agent-edit-changed-ranges.js",
+  "module": "../dist/esm/collab/agent-edit-changed-ranges.js",
+  "module:es2019": "../dist/es2019/collab/agent-edit-changed-ranges.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/collab/agent-edit-changed-ranges.d.ts"
+}

package/dist/cjs/collab/agent-edit-changed-ranges.js

@@ -0,0 +1,304 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAgentEditChangedRanges = getAgentEditChangedRanges;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+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; }
+// localId is identity metadata: regenerating it alone should not create activity.
+var sameAttrs = function sameAttrs(left, right) {
+  var keys = Object.keys(left).filter(function (key) {
+    return key !== 'localId';
+  });
+  return keys.length === Object.keys(right).filter(function (key) {
+    return key !== 'localId';
+  }).length && keys.every(function (key) {
+    return (0, _isEqual.default)(left[key], right[key]);
+  });
+};
+
+// Compare the node's own type, attributes and marks, without comparing its children.
+var sameMarkup = function sameMarkup(left, right) {
+  return left.type === right.type && sameAttrs(left.attrs, right.attrs) && left.marks.length === right.marks.length && left.marks.every(function (mark, index) {
+    return mark.type === right.marks[index].type && sameAttrs(mark.attrs, right.marks[index].attrs);
+  });
+};
+var _sameNode = function sameNode(left, right) {
+  if (left === right) {
+    return true;
+  }
+  if (!sameMarkup(left, right) || left.text !== right.text || left.childCount !== right.childCount) {
+    return false;
+  }
+  for (var index = 0; index < left.childCount; index++) {
+    if (!_sameNode(left.child(index), right.child(index))) {
+      return false;
+    }
+  }
+  return true;
+};
+
+// Positions include document structure, not just character offsets. A non-leaf node
+// uses one position for each opening/closing boundary, plus the size of its content.
+// Example: paragraph('Hi') at pos 0 has nodeSize 4, outer range [0, 4),
+// and text content [1, 3). All ranges here use an exclusive end position.
+
+// Keep the reason internally so a panel attribute change can survive child edits.
+// Only ordinary { from, to } ranges are returned to the chrome consumer.
+
+var _collectChanges = function collectChanges(before, after, map, ranges) {
+  var node = after.node,
+    pos = after.pos;
+  if (before && _sameNode(before.node, node)) {
+    return;
+  }
+  // Text edits belong to their textblock. A node's own markup change instead
+  // owns its full content, so we stop here rather than adding child ranges too.
+  var markupChanged = !!before && node.isBlock && !sameMarkup(before.node, node);
+  if (node.isTextblock || markupChanged) {
+    if (node.content.size > 0) {
+      ranges.push({
+        from: pos,
+        to: pos + node.nodeSize,
+        markupChanged: markupChanged
+      });
+    }
+    return;
+  }
+  var byPosition = new Map();
+  var byId = new Map();
+  var oldChildren = [];
+  before === null || before === void 0 || before.node.forEach(function (child, offset) {
+    // forEach offsets start inside the parent. Skip its opening boundary (+1)
+    // to convert this child offset into an absolute document position.
+    var previous = {
+      node: child,
+      pos: before.pos + 1 + offset
+    };
+    oldChildren.push(previous);
+    // This 1 is a mapping bias, not an added offset: follow the right side
+    // of an insertion at the child's start, keeping the original child after it.
+    var mapped = map.mapResult(previous.pos, 1);
+    if (!mapped.deleted) {
+      byPosition.set(mapped.pos, previous);
+    }
+    var id = child.attrs.localId;
+    if (typeof id === 'string' && id) {
+      // Duplicate IDs cannot identify a unique old child.
+      byId.set(id, byId.has(id) ? null : previous);
+    }
+  });
+  var nextChildren = [];
+  node.forEach(function (child, offset) {
+    return nextChildren.push({
+      node: child,
+      pos: pos + 1 + offset
+    });
+  });
+  // Narrow edits usually preserve mapped positions. Whole-container replacements
+  // may erase those positions, so stable child IDs provide a second way to match.
+  var preferred = nextChildren.map(function (next) {
+    var _ref, _byPosition$get;
+    return (_ref = (_byPosition$get = byPosition.get(next.pos)) !== null && _byPosition$get !== void 0 ? _byPosition$get : byId.get(next.node.attrs.localId)) !== null && _ref !== void 0 ? _ref : undefined;
+  });
+  var claims = new Map();
+  var _iterator = _createForOfIteratorHelper(preferred),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var match = _step.value;
+      if (match) {
+        var _claims$get;
+        claims.set(match, ((_claims$get = claims.get(match)) !== null && _claims$get !== void 0 ? _claims$get : 0) + 1);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  nextChildren.forEach(function (next, index) {
+    var match = preferred[index];
+    // Same-index fallback supports replacements that regenerate IDs but keep
+    // the child structure. Different child counts make that correspondence unsafe.
+    var aligned = oldChildren.length === node.childCount ? oldChildren[index] : undefined;
+    // Reserve every position/ID match before fallback, including later siblings.
+    // Reusing one old sibling can otherwise disguise an equal-text insertion.
+    var previous = match && claims.get(match) === 1 ? match : aligned && !claims.has(aligned) ? aligned : undefined;
+    _collectChanges(previous, next, map, ranges);
+  });
+};
+var findPreservedNode = function findPreservedNode(doc, previous, markupChanged, indexes) {
+  var id = previous.attrs.localId;
+  if (typeof id !== 'string' || !id) {
+    return;
+  }
+  var byId = indexes.get(doc);
+  if (!byId) {
+    // Build only when mapping loses a candidate, then reuse for every range
+    // visiting this immutable snapshot. Ordinary mapped edits need no scan.
+    var nodeIndex = new Map();
+    doc.descendants(function (node, pos) {
+      var localId = node.attrs.localId;
+      if (typeof localId === 'string' && localId) {
+        // Keep duplicates ambiguous, including IDs outside the changed subtree.
+        nodeIndex.set(localId, nodeIndex.has(localId) ? null : {
+          node: node,
+          pos: pos
+        });
+      }
+    });
+    indexes.set(doc, nodeIndex);
+    byId = nodeIndex;
+  }
+  var match = byId.get(id);
+  // Attribute/mark activity belongs to the node even when its children are edited.
+  // Content-only activity still requires the entire candidate to survive unchanged.
+  var isPreserved = markupChanged ? sameMarkup : _sameNode;
+  return match && isPreserved(previous, match.node) ? match : undefined;
+};
+var mapToFinalBlocks = function mapToFinalBlocks(tr, index, range, indexes) {
+  var _tr$docs;
+  var from = range.from,
+    to = range.to;
+  // Track inner content separately from outer node bounds: +1 skips the opening
+  // boundary and -1 excludes the closing boundary (see paragraph example above).
+  var contentFrom = from + 1;
+  var contentTo = to - 1;
+  // docs[i] is the document BEFORE step i, so docs[i + 1] is its result.
+  // The last step has no next snapshot; tr.doc is its result instead.
+  var node = ((_tr$docs = tr.docs[index + 1]) !== null && _tr$docs !== void 0 ? _tr$docs : tr.doc).nodeAt(from);
+  if (!node) {
+    return [];
+  }
+  // Later non-AI steps also shift/delete existing activity, even though they
+  // cannot create new activity themselves. Process every intermediate document.
+  for (var next = index + 1; next < tr.steps.length; next++) {
+    var _tr$docs2;
+    var map = tr.mapping.maps[next];
+    var after = (_tr$docs2 = tr.docs[next + 1]) !== null && _tr$docs2 !== void 0 ? _tr$docs2 : tr.doc;
+    // Mapping biases +1 (right) and -1 (left) keep boundary insertions outside
+    // the tracked content. These arguments do not add/subtract document positions.
+    var start = map.mapResult(contentFrom, 1);
+    var end = map.mapResult(contentTo, -1);
+    if (start.deleted && end.deleted || end.pos <= start.pos) {
+      // A cumulative replacement can preserve the candidate content or owned markup.
+      // Check every intermediate doc so deletion then reinsertion never resurrects it.
+      var preserved = findPreservedNode(after, node, range.markupChanged, indexes);
+      if (!preserved) {
+        return [];
+      }
+      from = preserved.pos;
+      to = from + preserved.node.nodeSize;
+      contentFrom = from + 1;
+      contentTo = to - 1;
+      node = preserved.node;
+    } else {
+      // Apply the same inward biases to the outer node bounds.
+      from = map.map(from, 1);
+      to = map.map(to, -1);
+      contentFrom = start.pos;
+      contentTo = end.pos;
+      var current = after.nodeAt(from);
+      if (current && current.nodeSize === to - from) {
+        node = current;
+      }
+    }
+  }
+  if (from < 0 || to > tr.doc.content.size || contentTo <= contentFrom) {
+    return [];
+  }
+  var finalNode = tr.doc.nodeAt(from);
+  if (finalNode !== null && finalNode !== void 0 && finalNode.isBlock && finalNode.nodeSize === to - from) {
+    return [{
+      from: from,
+      to: to
+    }];
+  }
+  // Joins/splits can leave mapped boundaries inside the final textblock.
+  var blocks = [];
+  tr.doc.nodesBetween(contentFrom, contentTo, function (child, pos) {
+    if (child.isTextblock) {
+      blocks.push({
+        from: pos,
+        to: pos + child.nodeSize
+      });
+      return false;
+    }
+  });
+  return blocks;
+};
+
+/**
+ * Returns whole content-block ranges for selected applied steps, in tr.doc coordinates.
+ * Callers select actual AI writes (excluding restores, acknowledgments and preparation)
+ * and own experiment/lifecycle decisions. This helper does not dispatch or render.
+ *
+ * Comparing each step's snapshots also handles attribute/mark steps with empty maps.
+ * Shared unchanged subtrees are skipped by reference. Only localId changes are ignored;
+ * meaningful attributes and marks retain the affected node's full content scope.
+ */
+function getAgentEditChangedRanges(tr, includedStepIndexes) {
+  // Positions belong to each intermediate document, not just tr.doc. Keep the
+  // lazy indexes local to this call so deletion/reinsertion checks stay intact
+  // and no cache is retained between transactions or streaming chunks.
+  var indexes = new WeakMap();
+  var ranges = [];
+  var _iterator2 = _createForOfIteratorHelper(new Set(includedStepIndexes)),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _tr$docs3;
+      var index = _step2.value;
+      if (!Number.isInteger(index) || index < 0 || index >= tr.steps.length) {
+        continue;
+      }
+      var changed = [];
+      // The root document has no opening boundary. Using -1 makes the recursive
+      // parent.pos + 1 + offset formula place its first child at position 0.
+      _collectChanges({
+        node: tr.docs[index],
+        pos: -1
+      }, {
+        node: (_tr$docs3 = tr.docs[index + 1]) !== null && _tr$docs3 !== void 0 ? _tr$docs3 : tr.doc,
+        pos: -1
+      }, tr.steps[index].getMap(), changed);
+      for (var _i = 0, _changed = changed; _i < _changed.length; _i++) {
+        var range = _changed[_i];
+        ranges.push.apply(ranges, (0, _toConsumableArray2.default)(mapToFinalBlocks(tr, index, range, indexes)));
+      }
+    }
+
+    // Return only the surviving final-document ranges, never intermediate step states.
+    // Sort outer ranges before their children, then discard duplicates/contained ranges.
+    // Separate ranges stay separate; this must not highlight the untouched gaps.
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  var unique = [];
+  var _iterator3 = _createForOfIteratorHelper(ranges.sort(function (left, right) {
+      return left.from - right.from || right.to - left.to;
+    })),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var _range = _step3.value;
+      var previous = unique[unique.length - 1];
+      if (!previous || _range.to > previous.to) {
+        unique.push(_range);
+      }
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return unique;
+}

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 = "122.3.3";
+var packageVersion = "122.5.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/transforms/getFormattedNode.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getFormattedNode = void 0;
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var getFormattedNode = exports.getFormattedNode = function getFormattedNode(tr) {
   var selection = tr.selection;
   var nodes = tr.doc.type.schema.nodes;
-
-  // gating behind platform_editor_small_font_size to support task lists with font size applied,
-  // but keep this solution general
-  var isBlockTaskItemEnabled = !!nodes.blockTaskItem && (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true);
+  var isBlockTaskItemEnabled = !!nodes.blockTaskItem;
 
   // Find the node to format from the current selection
   var nodeToFormat;

package/dist/cjs/transforms/list-transforms.js

@@ -39,7 +39,6 @@ exports.transformToTaskList = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _convertBlockToInlineContent = require("./convertBlockToInlineContent");
 var _createBlockTaskItem = require("./createBlockTaskItem");
 var _isBulletOrOrderedList = require("./isBulletOrOrderedList");
@@ -76,10 +75,7 @@ var _transformListRecursively = exports.transformListRecursively = function tran
     taskItem = _schema$nodes.taskItem,
     paragraph = _schema$nodes.paragraph,
     blockTaskItem = _schema$nodes.blockTaskItem;
-
-  // gating behind platform_editor_small_font_size to support task lists with font size applied,
-  // but keep this solution general
-  var isBlockTaskEnabled = !!blockTaskItem && (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true);
+  var isBlockTaskEnabled = !!blockTaskItem;
 
   /**
    * Extracts paragraph children from a blockTaskItem, preserving their marks.
@@ -239,9 +235,7 @@ var transformToTaskList = exports.transformToTaskList = function transformToTask
     var taskItem = nodes.taskItem,
       paragraph = nodes.paragraph,
       blockTaskItem = nodes.blockTaskItem;
-    // gating behind platform_editor_small_font_size to support task lists with font size applied,
-    // but keep this solution general
-    var isBlockTaskItemEnabled = !!blockTaskItem && (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true);
+    var isBlockTaskItemEnabled = !!blockTaskItem;
     var listItems = [];
 
     // Process each block in the range

package/dist/cjs/transforms/transformTaskListToBlockNodes.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformTaskListToBlockNodes = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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; }
@@ -19,10 +18,7 @@ var transformTaskListToBlockNodes = exports.transformTaskListToBlockNodes = func
   var selection = tr.selection;
   var schema = selection.$from.doc.type.schema;
   var blockTaskItem = schema.nodes.blockTaskItem;
-
-  // gating behind platform_editor_small_font_size to support task lists with font size applied,
-  // but keep this solution general
-  var isBlockTaskItemEnabled = !!blockTaskItem && (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true);
+  var isBlockTaskItemEnabled = !!blockTaskItem;
   if (isBlockTaskItemEnabled) {
     var blockTaskItemsResult = (0, _utils.findChildrenByType)(sourceNode, blockTaskItem);
     if (blockTaskItemsResult.length > 0 && targetNodeType === schema.nodes.paragraph) {

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 = "122.3.3";
+var packageVersion = "122.5.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _element = require("@atlaskit/emoji/element");
+var _isSingleEmoji = require("../../utils/isSingleEmoji");
 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); }
 var EmojiNodeFunctional = function EmojiNodeFunctional(props) {
   var _resourceConfig$optim;
@@ -28,12 +30,13 @@ var EmojiNodeFunctional = function EmojiNodeFunctional(props) {
   var emojiProviderResolver = (0, _react.useMemo)(function () {
     return Promise.resolve(emojiProvider);
   }, [emojiProvider]);
+  var customFallback = (0, _fg.fg)('platform_editor_custom_emoji_unicode_fallback') && !(0, _isSingleEmoji.isSingleEmoji)(fallback || shortName) ? "\uFFFD" : undefined;
   if (allowTextFallback && !emojiProvider) {
     return /*#__PURE__*/_react.default.createElement("span", {
       "data-emoji-id": id,
       "data-emoji-short-name": shortName,
       "data-emoji-text": fallback || shortName
-    }, fallback || shortName);
+    }, customFallback || fallback || shortName);
   }
   if (!emojiProvider) {
     return null;
@@ -44,6 +47,7 @@ var EmojiNodeFunctional = function EmojiNodeFunctional(props) {
     showTooltip: showTooltip,
     fitToHeight: fitToHeight,
     optimistic: true,
+    customFallback: customFallback,
     optimisticImageURL: resourceConfig === null || resourceConfig === void 0 || (_resourceConfig$optim = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim === void 0 ? void 0 : _resourceConfig$optim.getUrl({
       id: id,
       fallback: fallback,

package/dist/cjs/utils/isSingleEmoji.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSingleEmoji = isSingleEmoji;
+var SINGLE_EMOJI_REGEX =
+// Regular expression to match a single emoji character
+/^((?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDED5-\uDED8\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uD83E[\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDDFF\uDE70-\uDE7C\uDE80-\uDE8A\uDE8E-\uDEC6\uDEC8\uDECD-\uDEDC\uDEDF-\uDEEA\uDEEF-\uDEF8])(?:(?:\uD83C[\uDFFB-\uDFFF]))?|(?:[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26A7\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDC2C-\uDC2F\uDC94-\uDC9F\uDCAF\uDCB0\uDCC0\uDCCF\uDCD0\uDCF6-\uDCFF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDAE-\uDDE5\uDE01-\uDE0F\uDE1A\uDE2F\uDE32-\uDE3A\uDE3C-\uDE3F\uDE49-\uDE5F\uDE66-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFA]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5-\uDEE5\uDEE9\uDEEB-\uDEF0\uDEF3-\uDEFF\uDFDA-\uDFFF]|\uD83E[\uDC0C-\uDC0F\uDC48-\uDC4F\uDC5A-\uDC5F\uDC88-\uDC8F\uDCAE\uDCAF\uDCBC-\uDCBF\uDCC2-\uDCCF\uDCD9-\uDCFF\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDDFF\uDE58-\uDE5F\uDE6E-\uDEFF]|\uD83F[\uDC00-\uDFFD])\uFE0F(?:(?:\uD83C[\uDFFB-\uDFFF]))?(?:\u200D(?:[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26A7\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDC2C-\uDC2F\uDC94-\uDC9F\uDCAF\uDCB0\uDCC0\uDCCF\uDCD0\uDCF6-\uDCFF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDAE-\uDDE5\uDE01-\uDE0F\uDE1A\uDE2F\uDE32-\uDE3A\uDE3C-\uDE3F\uDE49-\uDE5F\uDE66-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFA]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5-\uDEE5\uDEE9\uDEEB-\uDEF0\uDEF3-\uDEFF\uDFDA-\uDFFF]|\uD83E[\uDC0C-\uDC0F\uDC48-\uDC4F\uDC5A-\uDC5F\uDC88-\uDC8F\uDCAE\uDCAF\uDCBC-\uDCBF\uDCC2-\uDCCF\uDCD9-\uDCFF\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDDFF\uDE58-\uDE5F\uDE6E-\uDEFF]|\uD83F[\uDC00-\uDFFD])\uFE0F?(?:(?:\uD83C[\uDFFB-\uDFFF]))?)*|(?:[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26A7\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDC2C-\uDC2F\uDC94-\uDC9F\uDCAF\uDCB0\uDCC0\uDCCF\uDCD0\uDCF6-\uDCFF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDAE-\uDDE5\uDE01-\uDE0F\uDE1A\uDE2F\uDE32-\uDE3A\uDE3C-\uDE3F\uDE49-\uDE5F\uDE66-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFA]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5-\uDEE5\uDEE9\uDEEB-\uDEF0\uDEF3-\uDEFF\uDFDA-\uDFFF]|\uD83E[\uDC0C-\uDC0F\uDC48-\uDC4F\uDC5A-\uDC5F\uDC88-\uDC8F\uDCAE\uDCAF\uDCBC-\uDCBF\uDCC2-\uDCCF\uDCD9-\uDCFF\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDDFF\uDE58-\uDE5F\uDE6E-\uDEFF]|\uD83F[\uDC00-\uDFFD])\uFE0F?(?:(?:\uD83C[\uDFFB-\uDFFF]))?(?:\u200D(?:[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26A7\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDC2C-\uDC2F\uDC94-\uDC9F\uDCAF\uDCB0\uDCC0\uDCCF\uDCD0\uDCF6-\uDCFF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDAE-\uDDE5\uDE01-\uDE0F\uDE1A\uDE2F\uDE32-\uDE3A\uDE3C-\uDE3F\uDE49-\uDE5F\uDE66-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFA]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5-\uDEE5\uDEE9\uDEEB-\uDEF0\uDEF3-\uDEFF\uDFDA-\uDFFF]|\uD83E[\uDC0C-\uDC0F\uDC48-\uDC4F\uDC5A-\uDC5F\uDC88-\uDC8F\uDCAE\uDCAF\uDCBC-\uDCBF\uDCC2-\uDCCF\uDCD9-\uDCFF\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDDFF\uDE58-\uDE5F\uDE6E-\uDEFF]|\uD83F[\uDC00-\uDFFD])\uFE0F?(?:(?:\uD83C[\uDFFB-\uDFFF]))?)+|(?:\uD83C[\uDDE6-\uDDFF])(?:\uD83C[\uDDE6-\uDDFF]))$/;
+
+/**
+ * Check if we can nicely fallback to the nodes text
+ *
+ * @param fallbackText string of the nodes fallback text
+ *
+ * @example
+ * isSingleEmoji('😀') // true
+ */
+function isSingleEmoji(fallbackText) {
+  return SINGLE_EMOJI_REGEX.test(fallbackText !== null && fallbackText !== void 0 ? fallbackText : '');
+}

package/dist/cjs/utils/validator.js

@@ -518,6 +518,7 @@ var getValidNode = exports.getValidNode = function getValidNode(originalNode) {
           var mentionText = '';
           var mentionId;
           var mentionAccess;
+          var localId;
           if (attrs) {
             var _text = attrs.text,
               displayName = attrs.displayName,
@@ -526,6 +527,7 @@ var getValidNode = exports.getValidNode = function getValidNode(originalNode) {
             mentionText = _text || displayName;
             mentionId = _id2;
             mentionAccess = accessLevel;
+            localId = attrs.localId;
           }
           if (!mentionText) {
             mentionText = text || '@unknown';
@@ -533,11 +535,13 @@ var getValidNode = exports.getValidNode = function getValidNode(originalNode) {
           if (mentionText && mentionId) {
             var mentionNode = _objectSpread({
               type: type,
-              attrs: {
+              attrs: _objectSpread({
                 id: mentionId,
                 text: mentionText,
                 accessLevel: ''
-              }
+              }, localId ? {
+                localId: localId
+              } : {})
             }, (0, _fg.fg)('editor_inline_comments_on_inline_nodes') ? {
               marks: marks
             } : {});