@globalpayments/vega 2.37.0 → 2.37.1

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/delete-selected-nodes-controller.js

@@ -0,0 +1,190 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { VegaSlimmer, MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
+import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { VegaInternalRichTextEditDeleteSelectedNodes } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { RTETextNode } from '../../dto/nodes/text-node';
+import { RemoveChildAction } from '../../dto/actions/remove-child-action';
+import { ReplaceSelectedTextAction } from '../../dto/actions/replace-selected-text-action';
+import { RTEImageNode } from '../../dto/nodes/image-node';
+import { RTETextBlock } from '../../dto/blocks/text-block';
+import { InsertBlocksBeforeAction } from '../../dto/actions/insert-blocks-before-block';
+import { generateUUID } from '../../../../utils/misc';
+import { AppendChildNodesAction } from '../../dto/actions/append-child-nodes-action';
+import { UpdateTextAction } from '../../dto/actions/update-text-action';
+/**
+ * The `DeleteSelectedNodesController` class provides methods to delete selected nodes.
+ */
+export class DeleteSelectedNodesController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Deletes the selected nodes.
+     *
+     * @param {NotifyObserverPayload<boolean>} payload The notify payload
+     * @param {boolean} payload.detail The delete process need merge start node and end node or not, default value is true.
+     */
+    this.deleteActionProcess = (payload) => {
+      const range = this.selectionController.getCurrentRange();
+      const { startContainer, endContainer, startOffset, endOffset } = range;
+      if (startContainer !== endContainer || startOffset !== endOffset) {
+        const cursorNode = this.removeSelectionRange();
+        const mergeStartAndEndFlag = payload && payload.detail ? payload.detail : false;
+        if (mergeStartAndEndFlag) {
+          this.mergeRangeStartAndEnd(startContainer, endContainer);
+        }
+        this.selectionController.enqueueSelectionRangeFutureState(cursorNode, range.startOffset);
+      }
+    };
+  }
+  /**
+   * Adds the observer to the host element.
+   */
+  addDeleteObserver() {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.host, VegaInternalRichTextEditDeleteSelectedNodes, this.deleteActionProcess);
+  }
+  /**
+   * Removes the observer from the host element.
+   */
+  removeDeleteObserver() {
+    DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, VegaInternalRichTextEditDeleteSelectedNodes);
+  }
+  /**
+   * Removes selected nodes within a range in a rich text editor content.
+   * The method is only used for different nodes are selected
+   *
+   * @returns {RTENode} The range start node, usually the start node is the first item of selectedNodes, if the selectedNodes is all removed, the start node will be a new text node.
+   */
+  removeSelectionRange() {
+    const range = this.selectionController.getCurrentRange();
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    const { endOffset, startOffset } = range;
+    const startNode = selectedNodes[0];
+    const endNode = selectedNodes[selectedNodes.length - 1];
+    if (selectedNodes.length > 1) {
+      // Remove all selected nodes except start node and end node(the end image node will be removed), the start node need to get the index of the block
+      const shouldRemovedItems = selectedNodes.filter((item) => {
+        if (item.type !== 'IMAGE') {
+          return item !== startNode && item !== endNode;
+        }
+        else {
+          return item !== startNode && (item !== endNode || (item === endNode && endOffset !== 0));
+        }
+      });
+      shouldRemovedItems.forEach((item) => {
+        item.parentBlock.apply(new RemoveChildAction(item));
+      });
+    }
+    this.removeRangeStartAndEndSelectedText();
+    /**
+     * if the range start node is image and the item is selected, so we need remove the image item, the image block will be removed if the item is the only item.
+     * but before remove the image block, we need insert a paragraph to make sure the start block and start node could be get correct before insert text or break paragraph action
+     */
+    if (startNode instanceof RTEImageNode &&
+      startOffset !== 1 &&
+      (endNode !== startNode || endOffset !== 0)) {
+      // the image block will be deleted when the image is the only item
+      if (startNode.parentBlock.nodes.length === 1) {
+        const paragraph = this.createEmptyParagraph();
+        startNode.parentBlock.parent.apply(new InsertBlocksBeforeAction(startNode.parentBlock, paragraph));
+        startNode.parentBlock.apply(new RemoveChildAction(startNode));
+        return paragraph.nodes[0];
+      }
+      else if (startNode === startNode.parentBlock.nodes[0]) {
+        // the start node should be the next image item if the image is first item
+        startNode.parentBlock.apply(new RemoveChildAction(startNode));
+        return startNode.parentBlock.nodes[0];
+      }
+    }
+    return startNode;
+  }
+  /**
+   * Removes the selected text at the start and end of a range in a Rich Text Editor.
+   */
+  removeRangeStartAndEndSelectedText() {
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    const currentRange = this.selectionController.getCurrentRange();
+    if (selectedNodes[0] instanceof RTETextNode) {
+      selectedNodes[0].apply(new ReplaceSelectedTextAction('', currentRange));
+    }
+    if (selectedNodes.length > 1 && selectedNodes[selectedNodes.length - 1] instanceof RTETextNode) {
+      selectedNodes[selectedNodes.length - 1].apply(new ReplaceSelectedTextAction('', currentRange));
+    }
+  }
+  /**
+   * Creates a new paragraph with an empty text node and returns it.
+   *
+   * @returns {RTETextBlock} An empty paragraph with a unique identifier and a text node appended to it.
+   */
+  createEmptyParagraph() {
+    const paragraph = new RTETextBlock(generateUUID(), 'paragraph');
+    const textNode = new RTETextNode(`${paragraph.id}1`, '', paragraph);
+    paragraph.apply(new AppendChildNodesAction([textNode]));
+    return paragraph;
+  }
+  /**
+   * Merges text nodes in a rich text editor.
+   *
+   * @param {Node} startContainer - Start text node element
+   * @param {Node} endContainer - End text node element
+   */
+  mergeRangeStartAndEnd(startContainer, endContainer) {
+    if (startContainer !== endContainer) {
+      if (startContainer.nodeType === Node.TEXT_NODE && endContainer.nodeType === Node.TEXT_NODE) {
+        const selectedNodes = this.selectionController.getSelectedNodes();
+        const startRTENode = selectedNodes[0];
+        const endRTENode = selectedNodes[selectedNodes.length - 1];
+        if (startRTENode && startRTENode.parentBlock && endRTENode && endRTENode.parentBlock) {
+          const endBlock = endRTENode.parentBlock;
+          if (this.shouldMergeTextNode(startRTENode, endRTENode)) {
+            startRTENode.apply(new UpdateTextAction(startRTENode.text + endRTENode.text));
+            if (startRTENode.parentBlock === endRTENode.parentBlock) {
+              startRTENode.parentBlock.apply(new RemoveChildAction(endRTENode));
+            }
+            else {
+              endRTENode.parentBlock.apply(new RemoveChildAction(endRTENode.parentBlock.nodes[0]));
+            }
+          }
+          if (startRTENode.parentBlock !== endRTENode.parentBlock) {
+            startRTENode.parentBlock.apply(new AppendChildNodesAction(endBlock.nodes));
+            endBlock.nodes = [];
+          }
+          if (endBlock.nodes.length < 1) {
+            endBlock.parent.apply(new RemoveChildAction(endBlock));
+          }
+        }
+      }
+    }
+  }
+  /**
+   * Compares the annotations of two RTETextNodes to determine if they can be merged.
+   *
+   * @param {RTETextNode} nodeA - node A
+   * @param {RTETextNode} nodeB - node B
+   * @returns {boolean} true or false
+   */
+  shouldMergeTextNode(nodeA, nodeB) {
+    const { annotations: annotationsA } = nodeA.toJSON();
+    const { annotations: annotationsB } = nodeB.toJSON();
+    return JSON.stringify(annotationsA) === JSON.stringify(annotationsB);
+  }
+}
+__decorate([
+  MapToComponentField()
+], DeleteSelectedNodesController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], DeleteSelectedNodesController.prototype, "selectionController", void 0);
+__decorate([
+  MapToComponentField()
+], DeleteSelectedNodesController.prototype, "value", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], DeleteSelectedNodesController.prototype, "addDeleteObserver", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], DeleteSelectedNodesController.prototype, "removeDeleteObserver", null);

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/base-handler.js

@@ -1,11 +1,9 @@
+import changeManager from '../../../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalRichTextEditDeleteSelectedNodes } from '../../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 import { generateUUID } from '../../../../../../utils/misc';
 import { AppendChildNodesAction } from '../../../../dto/actions/append-child-nodes-action';
-import { InsertBlocksBeforeAction } from '../../../../dto/actions/insert-blocks-before-block';
-import { RemoveChildAction } from '../../../../dto/actions/remove-child-action';
-import { ReplaceSelectedTextAction } from '../../../../dto/actions/replace-selected-text-action';
-import { UpdateTextAction } from '../../../../dto/actions/update-text-action';
 import { RTETextBlock } from '../../../../dto/blocks/text-block';
-import { RTEImageNode } from '../../../../dto/nodes/image-node';
 import { RTETextNode } from '../../../../dto/nodes/text-node';
 const ROOT_CONTAINER_CLASS_NAME = 'rich-text-content';
 /** This code snippet is defining an abstract class named `BaseHandler` with an abstract method `execute`. */
@@ -15,30 +13,14 @@ export class BaseHandler {
    *
    * @param {VegaRTEContent} currentState - The current state of the VegaRTE content.
    * @param {SelectionController} selectionController - Manages the selection of items in the user interface.
+   * @param {HTMLElement} richTextEditor - The current rich text editor component
    * @param {InputEvent} [event] - It is used to pass an input event to the method for handling.
    */
-  execute(currentState, selectionController, event) {
+  execute(currentState, selectionController, richTextEditor, event) {
     this.initCurrentStateAndSelection(currentState, selectionController);
+    this.setCurrentRichTextEditor(richTextEditor);
     this.handleEvent(event);
   }
-  /**
-   * Replaces the selected nodes with the provided text.
-   *
-   * @param {string} text - The insert text
-   * @returns {RTENode} - The selected start node
-   */
-  replaceSelectedNodesWithText(text) {
-    const selectedNodes = this.selectionController.getSelectedNodes();
-    const range = this.selectionController.getCurrentRange();
-    const { startContainer, endContainer } = range;
-    const result = this.removeSelectionRange();
-    const startNode = selectedNodes[0];
-    if (startNode instanceof RTETextNode && text) {
-      startNode.apply(new UpdateTextAction(startNode.text + text));
-    }
-    this.mergeRangeStartAndEnd(startContainer, endContainer);
-    return result;
-  }
   /**
    * The function `isRootContainer` checks if an HTML element is a root container with a class of 'rich-text-content'.
    *
@@ -59,101 +41,18 @@ export class BaseHandler {
   isEmptyParagraph(node) {
     return node && node.childNodes && node.childNodes.length === 0;
   }
-  /**
-   * Removes the selected text at the start and end of a range in a Rich Text Editor.
-   */
-  removeRangeStartAndEndSelectedText() {
-    const selectedNodes = this.selectionController.getSelectedNodes();
-    const currentRange = this.selectionController.getCurrentRange();
-    if (selectedNodes[0] instanceof RTETextNode) {
-      selectedNodes[0].apply(new ReplaceSelectedTextAction('', currentRange));
-    }
-    if (selectedNodes.length > 1 && selectedNodes[selectedNodes.length - 1] instanceof RTETextNode) {
-      selectedNodes[selectedNodes.length - 1].apply(new ReplaceSelectedTextAction('', currentRange));
-    }
-  }
-  /**
-   * Merges text nodes in a rich text editor.
-   *
-   * @param {Node} startContainer - Start text node element
-   * @param {Node} endContainer - End text node element
-   */
-  mergeRangeStartAndEnd(startContainer, endContainer) {
-    if (startContainer !== endContainer) {
-      if (startContainer.nodeType === Node.TEXT_NODE && endContainer.nodeType === Node.TEXT_NODE) {
-        const selectedNodes = this.selectionController.getSelectedNodes();
-        const startRTENode = selectedNodes[0];
-        const endRTENode = selectedNodes[selectedNodes.length - 1];
-        if (startRTENode && startRTENode.parentBlock && endRTENode && endRTENode.parentBlock) {
-          const endBlock = endRTENode.parentBlock;
-          if (this.shouldMergeTextNode(startRTENode, endRTENode)) {
-            startRTENode.apply(new UpdateTextAction(startRTENode.text + endRTENode.text));
-            if (startRTENode.parentBlock === endRTENode.parentBlock) {
-              startRTENode.parentBlock.apply(new RemoveChildAction(endRTENode));
-            }
-            else {
-              endRTENode.parentBlock.apply(new RemoveChildAction(endRTENode.parentBlock.nodes[0]));
-            }
-          }
-          if (startRTENode.parentBlock !== endRTENode.parentBlock) {
-            startRTENode.parentBlock.apply(new AppendChildNodesAction(endBlock.nodes));
-            endBlock.nodes = [];
-          }
-          if (endBlock.nodes.length < 1) {
-            endBlock.parent.apply(new RemoveChildAction(endBlock));
-          }
-        }
-      }
-    }
-  }
   /**
    * Removes selected nodes within a range in a rich text editor content.
    * The method is only used for different nodes are selected
    *
+   * @param {boolean} [mergeNode] Merge start node and end node or not, default value is false.
    * @returns {RTENode} The range start node, usually the start node is the first item of selectedNodes, if the selectedNodes is all removed, the start node will be a new text node.
    */
-  removeSelectionRange() {
+  removeSelectionRange(mergeNode = false) {
+    changeManager.notify(domNodeSubjectFactory.getSubject(this.richTextEditorRef, VegaInternalRichTextEditDeleteSelectedNodes), { host: this.richTextEditorRef, detail: mergeNode });
     const range = this.selectionController.getCurrentRange();
     const selectedNodes = this.selectionController.getSelectedNodes();
-    const { endOffset, startOffset } = range;
-    const startNode = selectedNodes[0];
-    const endNode = selectedNodes[selectedNodes.length - 1];
-    if (selectedNodes.length > 1) {
-      // Remove all selected nodes except start node and end node(the end image node will be removed), the start node need to get the index of the block
-      const shouldRemovedItems = selectedNodes.filter((item) => {
-        if (item.type !== 'IMAGE') {
-          return item !== startNode && item !== endNode;
-        }
-        else {
-          return item !== startNode && (item !== endNode || (item === endNode && endOffset !== 0));
-        }
-      });
-      shouldRemovedItems.forEach((item) => {
-        item.parentBlock.apply(new RemoveChildAction(item));
-      });
-    }
-    this.removeRangeStartAndEndSelectedText();
-    /**
-     * if the range start node is image and the item is selected, so we need remove the image item, the image block will be removed if the item is the only item.
-     * but before remove the image block, we need insert a paragraph to make sure the start block and start node could be get correct before insert text or break paragraph action
-     */
-    if (startNode instanceof RTEImageNode &&
-      startOffset !== 1 &&
-      (endNode !== startNode || endOffset !== 0)) {
-      // the image block will be deleted when the image is the only item
-      if (startNode.parentBlock.nodes.length === 1) {
-        const paragraph = this.createEmptyParagraph();
-        startNode.parentBlock.parent.apply(new InsertBlocksBeforeAction(startNode.parentBlock, paragraph));
-        startNode.parentBlock.apply(new RemoveChildAction(startNode));
-        return paragraph.nodes[0];
-      }
-      else if (startNode === startNode.parentBlock.nodes[0]) {
-        // the start node should be the next image item if the image is first item
-        startNode.parentBlock.apply(new RemoveChildAction(startNode));
-        return startNode.parentBlock.nodes[0];
-      }
-    }
-    return startNode;
+    return range.startNode || selectedNodes[0];
   }
   /**
    * Creates a new paragraph with an empty text node and returns it.
@@ -166,18 +65,6 @@ export class BaseHandler {
     paragraph.apply(new AppendChildNodesAction([textNode]));
     return paragraph;
   }
-  /**
-   * Compares the annotations of two RTETextNodes to determine if they can be merged.
-   *
-   * @param {RTETextNode} nodeA - node A
-   * @param {RTETextNode} nodeB - node B
-   * @returns {boolean} true or false
-   */
-  shouldMergeTextNode(nodeA, nodeB) {
-    const { annotations: annotationsA } = nodeA.toJSON();
-    const { annotations: annotationsB } = nodeB.toJSON();
-    return JSON.stringify(annotationsA) === JSON.stringify(annotationsB);
-  }
   /**
    * The function initializes the current state and selection controller in TypeScript.
    *
@@ -188,4 +75,12 @@ export class BaseHandler {
     this.currentState = currentState;
     this.selectionController = selectionController;
   }
+  /**
+   * Queries the rich text editor element from the input event target.
+   *
+   * @param {HTMLElement} richTextEditor - The current rich text editor component
+   */
+  setCurrentRichTextEditor(richTextEditor) {
+    this.richTextEditorRef = richTextEditor;
+  }
 }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/delete-content-handler.js

@@ -49,21 +49,12 @@ export class DeleteContentHandler extends BaseHandler {
       }
     }
   }
-  /**
-   * Creates a new paragraph element with a text node and appends it to the current state.
-   */
-  insertDefaultParagraph() {
-    const paragraph = this.createEmptyParagraph();
-    this.currentState.apply(new AppendChildNodesAction([paragraph]));
-    this.selectionController.enqueueSelectionRangeFutureState(paragraph.nodes[0], 1);
-  }
   /**
    * Deletes the content within multiple nodes selected by the user.
    */
   deleteContentWithMultipleNodes() {
-    const range = this.selectionController.getCurrentRange();
     const selectedNodes = this.selectionController.getSelectedNodes();
-    const cursorNode = this.replaceSelectedNodesWithText('');
+    const cursorNode = this.removeSelectionRange(true);
     const lastSelectedNode = selectedNodes[selectedNodes.length - 1];
     if (selectedNodes.length > 1 &&
       lastSelectedNode instanceof RTETextNode &&
@@ -71,7 +62,6 @@ export class DeleteContentHandler extends BaseHandler {
       lastSelectedNode.parentBlock.apply(new RemoveChildAction(lastSelectedNode));
     }
     this.convertFirstBlockToParagraph(cursorNode.parentBlock);
-    this.selectionController.enqueueSelectionRangeFutureState(cursorNode, range.startOffset);
   }
   /**
    * If the first block is not paragraph, convert the block to paragraph after delete all text
@@ -91,6 +81,14 @@ export class DeleteContentHandler extends BaseHandler {
       block.parent.apply(new RemoveChildAction(block));
     }
   }
+  /**
+   * Creates a new paragraph element with a text node and appends it to the current state.
+   */
+  insertDefaultParagraph() {
+    const paragraph = this.createEmptyParagraph();
+    this.currentState.apply(new AppendChildNodesAction([paragraph]));
+    this.selectionController.enqueueSelectionRangeFutureState(paragraph.nodes[0], 1);
+  }
   /**
    * Returns the end offset of a given node in a Rich Text Editor based on its type and text content.
    *

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-line-break-handler.js

@@ -1,8 +1,5 @@
 import { BaseHandler } from './base-handler';
-import { RTETextNode } from '../../../../dto/nodes/text-node';
-import { generateUUID } from '../../../../../../utils/misc';
 import { RTETextBlock } from '../../../../dto/blocks/text-block';
-import { AppendChildNodesAction } from '../../../../dto/actions/append-child-nodes-action';
 import { LineBreakSingleBlockAction } from '../../../../dto/actions/line-break-single-block-action';
 import { lineBreakMultipleBlocksAction } from '../../../../dto/actions/line-break-multiple-block-action';
 /** User press shift + enter will tigger this callback */
@@ -31,11 +28,13 @@ export class InsertLineBreakHandler extends BaseHandler {
    * </p>
    */
   breakNewBlock() {
-    const newBlock = new RTETextBlock(generateUUID(), 'paragraph');
-    const lineBreakNode = this.createLineBreakNode(newBlock);
-    newBlock.apply(new AppendChildNodesAction([this.createLineBreakNode(newBlock), lineBreakNode]));
-    this.currentState.apply(new AppendChildNodesAction([newBlock]));
-    this.switchCaretPositionToSpecifiedNode(lineBreakNode);
+    if (this.currentState &&
+      this.currentState.blocks[0] &&
+      this.currentState.blocks[0] instanceof RTETextBlock) {
+      const lineBreakAction = new LineBreakSingleBlockAction(this.currentState.blocks[0].nodes[0], 0);
+      this.currentState.blocks[0].apply(lineBreakAction);
+      this.switchCaretPositionToSpecifiedNode(lineBreakAction.lineBreakNode);
+    }
   }
   /**
    * If the selected node is a text node
@@ -72,7 +71,7 @@ export class InsertLineBreakHandler extends BaseHandler {
   /**
    * Moves the caret to the next node element in a rich text editor.
    *
-   * @param {RTETextNode} lineBreakNode - Represents a node element in a rich text editor.
+   * @param {RTENode} lineBreakNode - Represents a node element in a rich text editor.
    */
   switchCaretPositionToSpecifiedNode(lineBreakNode) {
     this.selectionController.enqueueSelectionRangeFutureState(this.getNextRTENode(lineBreakNode), 0);
@@ -88,13 +87,4 @@ export class InsertLineBreakHandler extends BaseHandler {
     const nextNode = lineBreakNode.parentBlock['nodes'][index + 1];
     return nextNode || lineBreakNode;
   }
-  /**
-   * Create a null text that will render a br element in a rich text editor.
-   *
-   * @param {RTEBlock} block - Represents a block element in a rich text editor.
-   * @returns {RTETextNode} the new line break node.
-   */
-  createLineBreakNode(block) {
-    return new RTETextNode(generateUUID(), '\n', block);
-  }
 }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-paste-handler.js

@@ -45,8 +45,8 @@ export class InsertPasteHandler extends BaseHandler {
    */
   insertBlocksToContent(blocks) {
     const cursorNode = this.removeSelectionRange();
-    const currentBlock = cursorNode === null || cursorNode === void 0 ? void 0 : cursorNode.parentBlock;
-    if (currentBlock) {
+    if (cursorNode && cursorNode.parentBlock) {
+      const currentBlock = cursorNode.parentBlock;
       const { startOffset } = this.selectionController.getCurrentRange();
       const breakAction = new SplitBlockWithNodeAction(cursorNode, startOffset);
       currentBlock.apply(breakAction);

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-text-handler.js

@@ -48,10 +48,11 @@ export class InsertTextHandler extends BaseHandler {
     }
     else {
       // The selected nodes is multiple nodes
-      const cursorNode = this.replaceSelectedNodesWithText(text);
-      this.selectionController.enqueueSelectionRangeFutureState(cursorNode, cursorNode instanceof RTETextNode
-        ? Math.min(startOffset + text.length, cursorNode.text.length)
-        : startOffset);
+      const cursorNode = this.removeSelectionRange(true);
+      if (cursorNode instanceof RTETextNode) {
+        cursorNode.apply(new ReplaceSelectedTextAction(text, currentRange));
+        this.selectionController.enqueueSelectionRangeFutureState(cursorNode, Math.min(startOffset + text.length, cursorNode.text.length));
+      }
     }
   }
   /**