@globalpayments/vega 2.61.0 → 2.63.0

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js

@@ -47,6 +47,8 @@ import { HistoryController } from './slimmers/controllers/history-controller';
 import { CodeBlockToolbarButtonSlimmer } from './slimmers/renderers/tools/code-block-toolbar-button-slimmer';
 import { InternalCodeBlockSelectionController } from './slimmers/controllers/internal-code-block-selection-controller';
 import { SourceEditToolbarButtonSlimmer } from './slimmers/renderers/tools/source-edit-toolbar-button-slimmer';
+import { RTEExtensionController } from './slimmers/controllers/extension-controller';
+import { VegaRTEPresetToolbarItems } from './constants/constant';
 /**
  * @vegaVersion 2.34.0
  */
@@ -103,6 +105,7 @@ export class VegaRichTextEditor {
     this.deleteSelectedNodesController = new DeleteSelectedNodesController();
     this.historyController = new HistoryController();
     this.internalCodeBlockSelectionController = new InternalCodeBlockSelectionController();
+    this.rteExtensionController = new RTEExtensionController();
     this.richTextContentEditable = true;
     this.selectionMap = new Map();
     this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
@@ -166,16 +169,7 @@ export class VegaRichTextEditor {
      *
      * @vegaVersion 2.34.0
      */
-    this.toolbarItems = [
-      ['textStyles'],
-      ['bold', 'italic', 'underline', 'strikethrough', 'code'],
-      ['textColor'],
-      ['horizontalAlignment', 'bulletsNumbers'],
-      ['moreIndent', 'lessIndent'],
-      ['link'],
-      ['image'],
-      ['clearStyle'],
-    ];
+    this.toolbarItems = VegaRTEPresetToolbarItems;
     /**
      * Determines whether to allow source edit mode in the rich text editor.
      *
@@ -209,6 +203,12 @@ export class VegaRichTextEditor {
      * @vegaVersion 2.34.0
      */
     this.validationRules = [];
+    /**
+     * Specifies the configuration for the rich text editor extensions.
+     *
+     * @vegaVersion 2.62.0
+     */
+    this.extensions = [];
   }
   watchRichTextContentEditable() {
     methodPlaceholder();
@@ -225,6 +225,9 @@ export class VegaRichTextEditor {
   watchValidationRules() {
     methodPlaceholder();
   }
+  watchExtensions() {
+    methodPlaceholder();
+  }
   componentWillLoad() {
     this.richTextContentController.syncRichTextContentEditable();
   }
@@ -415,7 +418,7 @@ export class VegaRichTextEditor {
           }],
         "text": "Specifies the built-in toolbar items available in the rich-text editor."
       },
-      "defaultValue": "[\n\t\t['textStyles'],\n\t\t['bold', 'italic', 'underline', 'strikethrough', 'code'],\n\t\t['textColor'],\n\t\t['horizontalAlignment', 'bulletsNumbers'],\n\t\t['moreIndent', 'lessIndent'],\n\t\t['link'],\n\t\t['image'],\n\t\t['clearStyle'],\n\t]"
+      "defaultValue": "VegaRTEPresetToolbarItems"
     },
     "allowSourceEdit": {
       "type": "boolean",
@@ -527,6 +530,30 @@ export class VegaRichTextEditor {
         "text": "Defines custom validation rules for the rich text editor."
       },
       "defaultValue": "[]"
+    },
+    "extensions": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaRTEExtension[]",
+        "resolved": "VegaRTEExtension[]",
+        "references": {
+          "VegaRTEExtension": {
+            "location": "import",
+            "path": "./extensions/extension.abstract"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.62.0"
+          }],
+        "text": "Specifies the configuration for the rich text editor extensions."
+      },
+      "defaultValue": "[]"
     }
   }; }
   static get states() { return {
@@ -650,6 +677,9 @@ export class VegaRichTextEditor {
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"
+    }, {
+      "propName": "extensions",
+      "methodName": "watchExtensions"
     }]; }
 }
 __decorate([
@@ -769,3 +799,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "internalCodeBlockSelectionController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextEditor.prototype, "rteExtensionController", void 0);

package/dist/collection/components/vega-textarea/vega-textarea.js

@@ -140,6 +140,12 @@ export class VegaTextarea {
      * @vegaVersion 2.19.0
      */
     this.resizable = true;
+    /**
+     * Specifies the number of visible lines in the textarea. The value must be an integer greater than or equal to 2.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.rows = 5;
     /**
      * Specifies custom validation rules for the text area.
      *
@@ -148,7 +154,7 @@ export class VegaTextarea {
     this.validationRules = [];
     this.renderTextareaContainer = () => {
       return (h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) },
-        h("textarea", { rows: 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }),
+        h("textarea", { rows: this.rows >= 2 ? this.rows - 1 : 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }),
         this.showCounter && this.renderCharacterCounter()));
     };
     this.renderHintMessage = () => {
@@ -487,6 +493,27 @@ export class VegaTextarea {
       "reflect": false,
       "defaultValue": "true"
     },
+    "rows": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.63.0"
+          }],
+        "text": "Specifies the number of visible lines in the textarea. The value must be an integer greater than or equal to 2."
+      },
+      "attribute": "rows",
+      "reflect": false,
+      "defaultValue": "5"
+    },
     "validationRules": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -125,6 +125,8 @@ export class VegaTimePicker {
     /**
      * Specifies the format in which the time is displayed
      *    in the time picker.
+     *  - `24-hour` displays time as "HH:mm".
+     *  - `12-hour` displays time as "hh:mm a".
      *
      * @vegaVersion 1.12.0
      */
@@ -132,6 +134,12 @@ export class VegaTimePicker {
     /**
      * Specifies the initial value or selected time
      *    for the time picker.
+     * - In `single` mode, the value is a string:
+     *  - `24-hour` format: "HH:mm".
+     *  - `12-hour` format: "hh:mm a".
+     * - In `range` mode, the value is an array of two strings:
+     *  - `24-hour` format: ["HH:mm", "HH:mm"].
+     *  - `12-hour` format: ["hh:mm a", "hh:mm a"]
      *
      * @vegaVersion 1.12.0
      */
@@ -369,7 +377,7 @@ export class VegaTimePicker {
             "name": "vegaVersion",
             "text": "1.12.0"
           }],
-        "text": "Specifies the format in which the time is displayed\n   in the time picker."
+        "text": "Specifies the format in which the time is displayed\n   in the time picker.\n - `24-hour` displays time as \"HH:mm\".\n - `12-hour` displays time as \"hh:mm a\"."
       },
       "attribute": "time-format",
       "reflect": true,
@@ -399,7 +407,7 @@ export class VegaTimePicker {
             "name": "vegaVersion",
             "text": "1.12.0"
           }],
-        "text": "Specifies the initial value or selected time\n   for the time picker."
+        "text": "Specifies the initial value or selected time\n   for the time picker.\n- In `single` mode, the value is a string:\n - `24-hour` format: \"HH:mm\".\n - `12-hour` format: \"hh:mm a\".\n- In `range` mode, the value is an array of two strings:\n - `24-hour` format: [\"HH:mm\", \"HH:mm\"].\n - `12-hour` format: [\"hh:mm a\", \"hh:mm a\"]"
       },
       "attribute": "value",
       "reflect": true,

package/dist/collection/global/scripts/before-vega-load.js

@@ -17,6 +17,9 @@ import { VegaSkeletonLoader } from '../../helpers/skeleton-loader/vega-skeleton-
 import { VegaTranslation } from '../../helpers/translation';
 import { VegaTranslateObserverSlimmer } from '../../helpers/slimmers/global/vega-translate-observer-slimmer';
 import { VegaRTEContent } from '../../components/vega-rich-text-editor/dto/content-state';
+import { VegaRTETokenExtension } from '../../components/vega-rich-text-editor/extensions/tokens/token-extension';
+import { VegaRTELanguageExtension } from '../../components/vega-rich-text-editor/extensions/languages/language-extension';
+import { VegaRTEPresetToolbarItems } from '../../components/vega-rich-text-editor/constants/constant';
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -173,9 +176,15 @@ function injectVegaTranslationIntoGlobal() {
 }
 /**
  * Inject VegaRTEContent to global as a public api
+ * Inject VegaRTETokenExtension to global as a public api
+ * Inject VegaRTELanguageExtension to global as a public api
+ * Inject VegaRTEPresetToolbarItems to global as a variable
  */
 function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTEContent = VegaRTEContent;
+  globalThis.VegaRTETokenExtension = VegaRTETokenExtension;
+  globalThis.VegaRTELanguageExtension = VegaRTELanguageExtension;
+  globalThis.VegaRTEPresetToolbarItems = VegaRTEPresetToolbarItems;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api

package/dist/collection/helpers/code-format/test/code-formatter.test.js

@@ -1,5 +1,5 @@
-import { VegaRTEContent } from '../../../components/vega-rich-text-editor/dto/content-state';
 import CodeFormatter from '../code-formatter';
+import { VegaRTEContent } from '../../public-api';
 describe('Code formatter', () => {
   it('should format simple HTML with option useTabs', () => {
     const input = `<p><span>Text</span></p>`;

package/dist/collection/helpers/public-api.js

@@ -14,4 +14,4 @@ export { ValidCreditCardNumberRule } from './validator/rules/valid-credit-card-n
 export { waitForVega } from './common';
 export { VegaSkeletonLoader } from './skeleton-loader/vega-skeleton-loader-controller';
 export { VegaTranslation, en as VegaTranslationResourceEN } from './translation';
-export { VegaRTEContent } from '../components/vega-rich-text-editor/dto/content-state';
+export * from '../components/vega-rich-text-editor/public-api';

package/dist/collection/helpers/rte-manager/dto-action-strategy-manager.js

@@ -4,6 +4,7 @@ import { BlockDeleteTextOrDecoratorNodeStrategy } from '../../components/vega-ri
 import { BlockInsertNewParagraphStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-insert-new-paragraph-strategy';
 import { InsertChildrenAfterStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/insert-children-after-strategy';
 import { InsertChildrenBeforeStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/insert-children-before-strategy';
+import { InsertNodeToNearestRootStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/insert-node-to-nearest-root-strategy';
 import { InsertTextToDecoratorNodeStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/insert-text-to-decorator-node-strategy';
 import { ListItemInsertNewParagraphStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/list-item-insert-new-paragraph-strategy';
 import { ListRemoveListItemStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/list-remove-list-item-strategy';
@@ -32,6 +33,7 @@ class RTEDTOActionStrategyManager {
       ? new ListItemInsertNewParagraphStrategy()
       : new BlockInsertNewParagraphStrategy());
     ActionHandleStrategyRegistry.register(ModifyContentActionType.INSERT_TEXT_TO_DECORATOR_NODE, dtoClassName, new InsertTextToDecoratorNodeStrategy());
+    ActionHandleStrategyRegistry.register(ModifyContentActionType.INSERT_NODE_TO_NEAREST_ROOT, dtoClassName, new InsertNodeToNearestRootStrategy());
   }
 }
 export default new RTEDTOActionStrategyManager();

package/dist/collection/helpers/validator/rules/max-number-rule.js

@@ -31,8 +31,8 @@ export class MaxNumberRule extends InternalFormFieldValidationRule {
     }
     const maxValue = !isNaN((_a = this.config) === null || _a === void 0 ? void 0 : _a.maxValue) ? this.config.maxValue : Number.MAX_VALUE;
     return {
-      isValid: convertToNumber(input) <= maxValue,
-      message: convertToNumber(input) <= maxValue
+      isValid: convertToNumber(String(input).replace(/,/g, '')) <= maxValue,
+      message: convertToNumber(String(input).replace(/,/g, '')) <= maxValue
         ? ''
         : { key: 'The maximum input value is {0}', args: [maxValue] },
     };
@@ -59,12 +59,15 @@ export class MaxNumberRule extends InternalFormFieldValidationRule {
     return !status.disabled && status.visible && (status.touched || status.modified);
   }
   /**
-   * If the input is not a number, then return false, otherwise return true.
+   * 	The function returns true when the input can be interpreted as a number either by:
+   *  - successful numeric conversion via `convertToNumber(input)` (i.e. not NaN), or
+   *  - matching a "thousand-separated" numeric string pattern.
    *
    * @param {unknown} input - The input value to be converted.
    * @returns {boolean} a boolean value.
    */
   isAcceptedInputType(input) {
-    return !isNaN(convertToNumber(input));
+    const thousandCommaRegex = /^\s*[-+]?(\d{1,3})(,\d{3})*(\.\d*)?\s*$/;
+    return !isNaN(convertToNumber(input)) || thousandCommaRegex.test(input);
   }
 }

package/dist/collection/helpers/validator/rules/min-number-rule.js

@@ -31,8 +31,8 @@ export class MinNumberRule extends InternalFormFieldValidationRule {
     }
     const minValue = !isNaN((_a = this.config) === null || _a === void 0 ? void 0 : _a.minValue) ? this.config.minValue : 0;
     return {
-      isValid: convertToNumber(input) >= minValue,
-      message: convertToNumber(input) >= minValue
+      isValid: convertToNumber(String(input).replace(/,/g, '')) >= minValue,
+      message: convertToNumber(String(input).replace(/,/g, '')) >= minValue
         ? ''
         : { key: 'The minimum input value is {0}', args: [minValue] },
     };
@@ -59,12 +59,15 @@ export class MinNumberRule extends InternalFormFieldValidationRule {
     return !status.disabled && status.visible && (status.touched || status.modified);
   }
   /**
-   * If the input is not a number, then return false, otherwise return true.
+   * 	The function returns true when the input can be interpreted as a number either by:
+   *  - successful numeric conversion via `convertToNumber(input)` (i.e. not NaN), or
+   *  - matching a "thousand-separated" numeric string pattern.
    *
    * @param {unknown} input - The input value to be converted.
    * @returns {boolean} a boolean value.
    */
   isAcceptedInputType(input) {
-    return !isNaN(convertToNumber(input));
+    const thousandCommaRegex = /^\s*[-+]?(\d{1,3})(,\d{3})*(\.\d*)?\s*$/;
+    return !isNaN(convertToNumber(input)) || thousandCommaRegex.test(input);
   }
 }

package/dist/esm/{app-globals-ce54f0ac.js → app-globals-aaff0b25.js}

@@ -1,15 +1,17 @@
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader } from './vega-skeleton-loader-controller-394a6026.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension } from './token-extension-6fc5e1f5.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { V as VegaIconManager } from './icon-manager-2ee1c619.js';
+import { V as VegaIconManager } from './internal-icon-manager-f0486245.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './ui-c20be16d.js';
 import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-833d9ef4.js';
-import { V as VegaRTEContent } from './content-state-fc47457c.js';
+import { V as VegaRTEContent } from './dto-renderer-manager-af66bbd9.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-68300b47.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-81443274.js';
-import { w as waitForVega } from './index-1d479c88.js';
+import { w as waitForVega } from './index-7fe93427.js';
+import { V as VegaRTELanguageExtension } from './language-extension-1ada2a9d.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-633b3474.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -320,15 +322,21 @@ function injectVegaTranslationIntoGlobal() {
 }
 /**
  * Inject VegaRTEContent to global as a public api
+ * Inject VegaRTETokenExtension to global as a public api
+ * Inject VegaRTELanguageExtension to global as a public api
+ * Inject VegaRTEPresetToolbarItems to global as a variable
  */
 function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTEContent = VegaRTEContent;
+  globalThis.VegaRTETokenExtension = VegaRTETokenExtension;
+  globalThis.VegaRTELanguageExtension = VegaRTELanguageExtension;
+  globalThis.VegaRTEPresetToolbarItems = VegaRTEPresetToolbarItems;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-095284f6.js').then((module) => {
+  void import('./public-rules-9f62069a.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/base-renderer-101f6d04.js

@@ -0,0 +1,7 @@
+/**
+ * Base renderer class for the rich text editor.
+ */
+class VegaRTEBaseRenderer {
+}
+
+export { VegaRTEBaseRenderer as V };

package/dist/esm/{child-nodes-event-prevent-slimmer-2a3115ae.js → child-nodes-event-prevent-slimmer-7fe3dc57.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-a654cf8a.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-cb06e987.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
 

package/dist/esm/{code-block-89a4dd13.js → code-block-68300b47.js}

@@ -1,5 +1,5 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-3c2e13f1.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-c7bc3035.js';
 import { b as VegaInternalRichTextEditorFlushChanges, c as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-5a143cd2.js';
 import { c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
@@ -148,6 +148,7 @@ var ModifyContentActionType;
   ModifyContentActionType["DELETE_LINK_GROUP"] = "DELETE_LINK_GROUP";
   ModifyContentActionType["UPDATE_CURSOR_POSITION"] = "UPDATE_CURSOR_POSITION";
   ModifyContentActionType["INSERT_TEXT_TO_DECORATOR_NODE"] = "INSERT_TEXT_TO_DECORATOR_NODE";
+  ModifyContentActionType["INSERT_NODE_TO_NEAREST_ROOT"] = "INSERT_NODE_TO_NEAREST_ROOT";
 })(ModifyContentActionType || (ModifyContentActionType = {}));
 /**
  * Abstract class for update node content, delete node, insert node
@@ -436,6 +437,17 @@ class ActionHandleStrategyRegistry {
       LogUtility.error(`Type ${actionType} action handle strategy is not registered in class ${RTEInstance.constructor.name}`);
     }
   }
+  /**
+   * Check if the action type can be handled by strategy for the specific RTE instance.
+   *
+   * @param {string} actionType - The special action type or the action class name.
+   * @param {RTENode | RTEBlock} RTEInstance - The rich text editor node.
+   * @returns {boolean} - Whether the action type can be handled by the strategy.
+   */
+  static canHandle(actionType, RTEInstance) {
+    const strategy = ActionHandleStrategyRegistry.get(actionType, RTEInstance.constructor.name);
+    return strategy ? true : false;
+  }
 }
 ActionHandleStrategyRegistry.registry = new Map();
 
@@ -1483,6 +1495,16 @@ const RTE_TEXT_COLORS = [
   },
 ];
 const ZERO_WIDTH_SPACE = '\u200b';
+const VegaRTEPresetToolbarItems = [
+  ['textStyles'],
+  ['bold', 'italic', 'underline', 'strikethrough', 'code'],
+  ['textColor'],
+  ['horizontalAlignment', 'bulletsNumbers'],
+  ['moreIndent', 'lessIndent'],
+  ['link'],
+  ['image'],
+  ['clearStyle'],
+];
 
 /**
  * Annotation to make text with text color
@@ -1853,7 +1875,8 @@ class NodeSplitTextStrategy extends ActionHandleStrategy {
           if (noTextRangeSelected) {
             return this.insertNewNode(startOffset, target);
           }
-          if (this.shouldSplitSelection(selectionRangeAnnotation.range)) {
+          if (this.shouldSplitSelection(selectionRangeAnnotation.range) &&
+            target.isContentEditable()) {
             const splittedTextNodes = this.splitTextNode(selectionRangeAnnotation.range, target);
             if (item.annotationMap.has('LINK')) {
               item.apply(new LinkGroupNodeSplitAction(splittedTextNodes));
@@ -1880,10 +1903,12 @@ class NodeSplitTextStrategy extends ActionHandleStrategy {
   insertNewNode(startOffset, target) {
     const newNode = target.cloneWithText('');
     this.setApplyTargetNode(newNode);
-    if (startOffset === 0) {
+    const index = target.parent.children.findIndex((node) => node === target);
+    if (startOffset === 0 || (!target.isContentEditable() && startOffset === index)) {
       return [newNode, target];
     }
-    if (startOffset === target.text.length) {
+    if (startOffset === target.text.length ||
+      (!target.isContentEditable() && startOffset === index + 1)) {
       return [target, newNode];
     }
     const beforeNode = target.cloneWithText(target.text.substring(0, startOffset));
@@ -2471,17 +2496,29 @@ class RTETextNode extends RTENode {
     const textNode = new RTETextNode(richText.id, richText.text, parentBlock);
     const { annotations } = richText;
     if (annotations) {
-      textNode.annotationMap = new Map(Object.keys(annotations)
-        .map((type) => {
-        if (type === 'link' && annotations.link && parentBlock) {
-          parentBlock.apply(new LinkGroupAnnotationAction(annotations.link.groupKey, [textNode], 'link'));
-        }
-        return this.createAnnotationEntity(type, annotations[type], options);
-      })
-        .filter(isNonNullable));
+      textNode.annotationMap = this.generateTextAnnotationMap(annotations, options, parentBlock, textNode);
     }
     return textNode;
   }
+  /**
+   * Generates a map of text annotations for the given set of annotations.
+   *
+   * @param {VegaRTETextAnnotations} annotations - The annotations to be converted into a map.
+   * @param {VegaRTETransformOptions} options - Optional transformation options.
+   * @param {RTETextBlock} parentBlock - The parent text block.
+   * @param {RTETextNode} textNode - The text node.
+   * @returns {NodeAnnotations} The map of text annotations.
+   */
+  static generateTextAnnotationMap(annotations, options, parentBlock, textNode) {
+    return new Map(Object.keys(annotations)
+      .map((type) => {
+      if (type === 'link' && annotations.link && parentBlock && textNode) {
+        parentBlock.apply(new LinkGroupAnnotationAction(annotations.link.groupKey, [textNode], 'link'));
+      }
+      return this.createAnnotationEntity(type, annotations[type], options);
+    })
+      .filter(isNonNullable));
+  }
   /**
    * Creates different types of text annotations based on the provided type and value.
    *
@@ -2608,9 +2645,10 @@ class RTETextNode extends RTENode {
       if (this.isContentEditable()) {
         ActionHandleStrategyRegistry.register(ModifyContentActionType.UPDATE_TEXT, dtoClassName, new NodeUpdateTextStrategy());
         ActionHandleStrategyRegistry.register(ModifyContentActionType.REPLACE_SELECTED_TEXT, dtoClassName, new NodeReplaceSelectedTextStrategy());
-        ActionHandleStrategyRegistry.register(TextSplittableAction.name, dtoClassName, new NodeSplitTextStrategy());
+        ActionHandleStrategyRegistry.register(ModifyContentActionType.LINK_GROUP_NODE_SPLIT, dtoClassName, new LinkGroupNodeSplitStrategy());
+        ActionHandleStrategyRegistry.register(LinkAnnotationAction.name, dtoClassName, new NodeUpdateAnnotationMapStrategy());
       }
-      ActionHandleStrategyRegistry.register(ModifyContentActionType.LINK_GROUP_NODE_SPLIT, dtoClassName, new LinkGroupNodeSplitStrategy());
+      ActionHandleStrategyRegistry.register(TextSplittableAction.name, dtoClassName, new NodeSplitTextStrategy());
       ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_LINK_GROUP, dtoClassName, new DeleteLinkGroupStrategy());
       ActionHandleStrategyRegistry.register(AnnotationAction.name, dtoClassName, new NodeUpdateAnnotationMapStrategy());
       RTETextNode.registerActionStrategyStatus[dtoClassName] = true;
@@ -2659,6 +2697,18 @@ class RTETextNode extends RTENode {
     if (!(annotation instanceof SelectionRangeAnnotation)) {
       this.syncUpSelectedNodes(node);
     }
+    /**
+     * 1. Try to get the specific strategy for the action and node type first (e.g., LinkAnnotationAction on RTETextNode).
+     * 2. If no specific strategy found, try to get the generic NodeUpdateAnnotationMapStrategy for AnnotationAction on RTETextNode.
+     *
+     * This is useful when we want to check if there is a specific strategy for an action-node combination first, we can use the specific strategy to check if the special toolbar button should be enabled or disabled.
+     * TODO: Update the other annotation actions to follow this pattern. https://gethired.atlassian.net/browse/VD-7367
+     */
+    const strategy = ActionHandleStrategyRegistry.get(action.constructor.name, node.constructor.name);
+    if (strategy) {
+      strategy.execute(action, node);
+      return;
+    }
     const updateAnnotationMapStrategy = ActionHandleStrategyRegistry.get(AnnotationAction.name, RTETextNode.name);
     if (updateAnnotationMapStrategy) {
       updateAnnotationMapStrategy.execute(action, node);
@@ -3820,8 +3870,8 @@ class CodeBlockRemoveSelfStrategy extends BlockDeleteNodeContentStrategy {
    * @returns {number} - The number value.
    */
   getRTENodeEndOffset(node) {
-    if (node && node.type !== 'CODE_BLOCK_NODE') {
-      return node['type'] !== 'IMAGE' ? node['text'].length : 1;
+    if (node) {
+      return node.getRangeEndOffset();
     }
     return 0;
   }
@@ -4169,4 +4219,4 @@ class RTECodeBlock extends RTEBlock {
 })();
 RTECodeBlock.CODE_BLOCK_PLACEHOLDER_CLASS_NAME = 'code-block-placeholder-element';
 
-export { UnderlineAnnotationAction as $, ActionHandleStrategy as A, BlockInsertLineBreakStrategy as B, CustomStyleAnnotation as C, BlockDeleteNodeContentStrategy as D, RemoveChildrenStrategy as E, RTE_TEXT_COLORS as F, RTE_DEFAULT_TEXT_COLOR as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, RTENode as J, CodeLanguage as K, LinkAnnotationAction as L, ModifyContentActionType as M, NodeAnnotation as N, InternalAnnotationTypeEnum as O, CommonAnnotationTypeEnum as P, UpdateCodeBlockAction as Q, RTETextBlock as R, SyncUpSelectionAction as S, SelectionChangeAction as T, UpdateTextAction as U, TextSplittableAction as V, TextColorAnnotation as W, RTECodeBlockNode as X, BoldAnnotationAction as Y, ZERO_WIDTH_SPACE as Z, ItalicAnnotationAction as _, RTETextNode as a, TextStyleAnnotationAction as a0, TextStyleAnnotation as a1, BoldAnnotation as a2, ClearFormattingAnnotationAction as a3, CodeAnnotationAction as a4, StrikethroughAnnotationAction as a5, IndentAnnotationAction as a6, AppendChildrenAction as b, ActionHandleStrategyRegistry as c, BlockInsertLineBreakWithBlocksStrategy as d, BlockSplitWithTextNodeStrategy as e, BlockReplaceNodesStrategy as f, BlockMergeNodesStrategy as g, RemoveChildrenAction as h, InsertChildrenBeforeAction as i, BlockAnnotation as j, BlockAnnotationTypeEnum as k, RTEBlock as l, CustomClassAnnotation as m, CustomAttributeAnnotation as n, RTECodeBlock as o, NodeAnnotationTypeEnum as p, RTEDecoratorNode as q, NodeTypeEnum as r, stateEntityRenderingRegistry as s, CommonAnnotation as t, AnnotationAction as u, ReplaceChildNodesAction as v, ModifyContentAction as w, SplitBlockWithNodeAction as x, BlockUpdateHorizontalAlignmentStrategy as y, RTEDTOClassManager$1 as z };
+export { ItalicAnnotationAction as $, ActionHandleStrategyRegistry as A, BlockInsertLineBreakStrategy as B, CustomStyleAnnotation as C, SplitBlockWithNodeAction as D, BlockUpdateHorizontalAlignmentStrategy as E, BlockDeleteNodeContentStrategy as F, RemoveChildrenStrategy as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, RTENode as J, CodeLanguage as K, LinkAnnotationAction as L, ModifyContentAction as M, NodeAnnotation as N, InternalAnnotationTypeEnum as O, CommonAnnotationTypeEnum as P, UpdateCodeBlockAction as Q, RTEDTOClassManager$1 as R, SyncUpSelectionAction as S, SelectionChangeAction as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, TextSplittableAction as W, TextColorAnnotation as X, RTECodeBlockNode as Y, ZERO_WIDTH_SPACE as Z, BoldAnnotationAction as _, RTETextNode as a, UnderlineAnnotationAction as a0, TextStyleAnnotationAction as a1, TextStyleAnnotation as a2, BoldAnnotation as a3, ClearFormattingAnnotationAction as a4, CodeAnnotationAction as a5, StrikethroughAnnotationAction as a6, IndentAnnotationAction as a7, ModifyContentActionType as b, ActionHandleStrategy as c, RTETextBlock as d, AppendChildrenAction as e, BlockInsertLineBreakWithBlocksStrategy as f, BlockSplitWithTextNodeStrategy as g, BlockReplaceNodesStrategy as h, BlockMergeNodesStrategy as i, RemoveChildrenAction as j, InsertChildrenBeforeAction as k, BlockAnnotation as l, BlockAnnotationTypeEnum as m, RTEBlock as n, CustomClassAnnotation as o, CustomAttributeAnnotation as p, RTECodeBlock as q, RTE_TEXT_COLORS as r, stateEntityRenderingRegistry as s, RTE_DEFAULT_TEXT_COLOR as t, NodeAnnotationTypeEnum as u, RTEDecoratorNode as v, NodeTypeEnum as w, CommonAnnotation as x, AnnotationAction as y, ReplaceChildNodesAction as z };