@globalpayments/vega 2.38.0 → 2.40.0

package/dist/cjs/vega-input-phone-number.cjs.entry.js

@@ -13,8 +13,10 @@ const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
 require('./observer-f49483e8.js');
 require('./ui-5fd9b267.js');
@@ -8741,7 +8743,13 @@ class VegaInputPhoneNumberValueController extends globalSlimmerRegistry.VegaSlim
       var _a;
       const formatter = new AsYouType(this.countryCode);
       formatter.input(value);
-      const newCountry = (_a = formatter.country) !== null && _a !== void 0 ? _a : this.countryCode;
+      //VD-5616
+      //libphonenumber-js has an issue of defaulting to US when formatter.input(value) is called when number starts with +1, but there are other country codes starting with +1
+      //Keep currently selected in such a situation
+      let newCountry = (_a = formatter.country) !== null && _a !== void 0 ? _a : this.countryCode;
+      if (newCountry === 'US' && this.getCountriesWithSameCode('US').includes(this.countryCode)) {
+        newCountry = this.countryCode;
+      }
       this.countrySelectController.setCountryCode(newCountry);
       return formatIncompletePhoneNumber(this.removeCallingCodePrefix(value, newCountry), newCountry);
     };
@@ -8871,6 +8879,16 @@ class VegaInputPhoneNumberValueController extends globalSlimmerRegistry.VegaSlim
   shouldSetEmptyValue(inputValue) {
     return !inputValue && this.emptyValueEnabled;
   }
+  /**
+   * Get list of country codes that have similar code prefix
+   *
+   * @param {VegaCountryCode} targetCountryCode - Target country code
+   * @returns {string[]} - array of countries with similar codes
+   */
+  getCountriesWithSameCode(targetCountryCode) {
+    const targetCode = getCountryCallingCode(targetCountryCode);
+    return getCountries().filter((country) => getCountryCallingCode(country) === targetCode);
+  }
 }
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
@@ -8906,11 +8924,13 @@ __decorate$1([
 /**
  * A rule that checks if it's a valid phone number
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-class ValidPhoneNumberRule {
-  constructor(countryCodeGetter) {
+class ValidPhoneNumberRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
+  constructor(countryCodeGetter, emptyValueEnabled = false) {
+    super();
     this.countryCodeGetter = countryCodeGetter;
+    this.emptyValueEnabled = emptyValueEnabled;
     /**
      * Generate an invalid result
      *
@@ -8970,9 +8990,13 @@ class ValidPhoneNumberRule {
    * specific country calling code.
    * @returns {boolean} a boolean value based on whether the input is a string and not equal to the country calling
    * code with a plus sign appended to it.
+   * The input is empty mean the component property `emptyValueEnabled` is true, we should not validate the input.
    */
   isAcceptedInputType(input) {
-    return typeof input === 'string' && input !== `+${getCountryCallingCode(this.countryCodeGetter())}`;
+    const shouldSkipEmptyValueCheck = this.emptyValueEnabled && input === '';
+    return (typeof input === 'string' &&
+      input !== `+${getCountryCallingCode(this.countryCodeGetter())}` &&
+      !shouldSkipEmptyValueCheck);
   }
   /**
    * The function `isValidPhoneNumberForCountry` validates a phone number for a specific country code.
@@ -9014,65 +9038,6 @@ class ValidPhoneNumberRule {
   }
 }
 
-/**
- * A rule that checks if input phone number is empty or not
- *
- * @implements {FormFieldValidationRule<string>}
- */
-class InputPhoneNumberRequiredRule {
-  constructor(phoneNumberValueGetter) {
-    this.phoneNumberValueGetter = phoneNumberValueGetter;
-  }
-  /**
-   * It checks if the input is a valid value.
-   *
-   * @param {unknown} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (!this.isAcceptedInputType(input)) {
-      throw new Error(`Invalid value ${input} for input phone number`);
-    }
-    const isValid = this.phoneNumberValueGetter() !== '';
-    return {
-      isValid,
-      message: isValid ? '' : 'This field is required',
-    };
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a string.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean}A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return typeof input === 'string';
-  }
-}
-
 const vegaInputPhoneNumberCss = ":host{display:inline-block;width:100%}:host .vega-input-phone-number-hint{display:inline-block;padding-top:12px;padding-left:8px;padding-right:8px}:host .vega-input-phone-number-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-input-phone-number-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-input-phone-number-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0}:host vega-field-label{margin-bottom:8px}:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}.vega-input-phone-number-dropdown-item{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}.vega-input-phone-number-dropdown-icon{text-align:center;font-size:0px}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -9107,16 +9072,19 @@ const VegaInputPhoneNumber = class {
         {
           propertyName: 'required',
           ruleFactory: (isRequired) => isRequired
-            ? new InputPhoneNumberRequiredRule(() => this.phoneNumberInputRenderer.getInputRef().value)
+            ? new inputPhoneNumberRequiredRule.InputPhoneNumberRequiredRule(() => this.phoneNumberInputRenderer.getInputRef().value)
             : null,
         },
         {
-          propertyName: '',
-          ruleFactory: () => new ValidPhoneNumberRule(() => this.countryCode),
+          propertyName: 'countryCode',
+          ruleFactory: (_countryCode, emptyValueEnabled) => new ValidPhoneNumberRule(() => this.countryCode, emptyValueEnabled),
+          dependence: 'emptyValueEnabled',
         },
+        // TODO: These code should be optimized in VD-5889
+        // The below rule is a hook to make sure the above validation rule could be sync up when the property `emptyValueEnabled` modified.
         {
-          propertyName: 'countryCode',
-          ruleFactory: () => new ValidPhoneNumberRule(() => this.countryCode),
+          propertyName: 'emptyValueEnabled',
+          ruleFactory: () => null,
         },
       ],
       validationRulesName: 'validationRules',

package/dist/cjs/vega-input-range.cjs.entry.js

@@ -8,13 +8,15 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
 const array = require('./array-5adef7b2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const ui = require('./ui-5fd9b267.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const translationSlimmer = require('./translation-slimmer-510906bc.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -320,68 +322,10 @@ __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRangeInputRenderer.prototype, "translationSlimmer", void 0);
 
-/**
- * A rule that checks if input range is empty or not
- *
- * @implements {FormFieldValidationRule<string[]>}
- */
-class InputRangeRequiredRule {
-  /**
-   * It checks if the input is a valid value.
-   *
-   * @param {string[]} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (!this.isAcceptedInputType(input)) {
-      throw new Error(`Invalid value ${input} for input range`);
-    }
-    const isValid = Array.isArray(input) &&
-      input.length === 2 &&
-      input.every((item) => !!item || item == '0');
-    return {
-      isValid,
-      message: isValid ? '' : 'This field is required',
-    };
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a string.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean}A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return Array.isArray(input);
-  }
-}
-
 /**
  * A rule that checks if number is in min and max range
  */
-class InputRangeMinAndMaxRule {
+class InputRangeMinAndMaxRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -390,6 +334,7 @@ class InputRangeMinAndMaxRule {
    * @param {string} config.maxValue - The max number
    */
   constructor(config) {
+    super();
     /**
      * Generate an invalid result
      *
@@ -551,7 +496,7 @@ const VegaInputRange = class {
       propertyRules: [
         {
           propertyName: 'required',
-          ruleFactory: (isRequired) => (isRequired ? new InputRangeRequiredRule() : null),
+          ruleFactory: (isRequired) => (isRequired ? new inputRangeRequiredRule.InputRangeRequiredRule() : null),
         },
         {
           propertyName: 'min',

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-73a88c4e.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -20,7 +20,7 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
@@ -28,6 +28,7 @@ const typeGuard = require('./type-guard-4ba85fdc.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
 const translationSlimmer = require('./translation-slimmer-510906bc.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./number-4816603d.js');

package/dist/cjs/vega-input.cjs.entry.js

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const minNumberRule = require('./min-number-rule-115c5a3b.js');
-const minStringLengthRule = require('./min-string-length-rule-75f24a48.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+const minNumberRule = require('./min-number-rule-5bcccc8f.js');
+const minStringLengthRule = require('./min-string-length-rule-af215976.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
@@ -52,9 +53,9 @@ const EMAIL_VALIDATION_REGEX =
 /**
  * This class is a rule that checks if the input is a valid email address
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-class EmailFieldRule {
+class EmailFieldRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
   /**
    * It checks if the input is a valid email address.
    *

package/dist/cjs/vega-popover_2.cjs.entry.js

@@ -9,7 +9,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-c6e0f4ca.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-4f0dc8c6.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 require('./keyboard-manager-2df53b2f.js');
@@ -116,6 +116,7 @@ class VegaPopoverAppenderController extends elementAppenderSlimmer.ElementAppend
       size: this.size,
       placement: this.placement,
       alignment: this.alignment,
+      isScreenPosition: this.isScreenPosition,
     };
   }
   /**
@@ -146,6 +147,9 @@ __decorate$2([
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaPopoverAppenderController.prototype, "size", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaPopoverAppenderController.prototype, "isScreenPosition", void 0);
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaPopoverAppenderController.prototype, "isPopoverShow", void 0);
@@ -216,6 +220,16 @@ const VegaPopover = class {
      * @vegaVersion 2.8.0
      */
     this.showArrow = true;
+    /**
+     * Determines whether the popover's position is calculated relative to the screen.
+     *
+     * @VegaWarning When enabled (set to true), it overrides the positionRelativeTo property, making it ineffective.
+     *
+     * @VegaWarning Currently, when set to true, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
+     *
+     * @vegaVersion 2.39.0
+     */
+    this.isScreenPosition = false;
     /* istanbul ignore next */
     this.showPopover = () => {
       this.appenderController.show();

package/dist/cjs/vega-radio_2.cjs.entry.js

@@ -14,9 +14,9 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-4e60a929.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-feba3a83.js');
@@ -25,6 +25,7 @@ const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-80b3ac6c.js');
 require('./internal-vega-event-manager-981dfd1c.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./translation-6848c389.js');

package/dist/cjs/vega-rich-text-content.cjs.entry.js

@@ -6,9 +6,8 @@ const index = require('./index-09acd3c9.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const component = require('./component-73a88c4e.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-4f6df9cf.js');
-const imageAnnotationAction = require('./image-annotation-action-7d82f7e1.js');
-const contentState = require('./content-state-f97d3278.js');
+const contentState = require('./content-state-c5b47ca1.js');
+const imageAnnotationAction = require('./image-annotation-action-75b9c0d3.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
@@ -17,11 +16,11 @@ const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-02634647.js');
 const ui = require('./ui-5fd9b267.js');
 const index$1 = require('./index-0546e2ea.js');
+require('./change-manager-a297e4d2.js');
+require('./vega-internal-event-id-bda63e14.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./static-subject-title-c589a1bd.js');
-require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
-require('./vega-internal-event-id-bda63e14.js');
 require('./internal-icon-manager-5ccb9443.js');
 require('./icon-manager-edc2400b.js');
 require('./breakpoints-ebde4837.js');
@@ -33,7 +32,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 class RTEBlockRenderer {
   registerRef(ref, block) {
     if (ref) {
-      nodeAnnotation_abstract.stateEntityRenderingRegistry.register(ref, block);
+      contentState.stateEntityRenderingRegistry.register(ref, block);
     }
   }
   /**
@@ -44,7 +43,7 @@ class RTEBlockRenderer {
    */
   getStyles(block) {
     return Array.from(block.annotationMap.values())
-      .filter((annotation) => annotation instanceof nodeAnnotation_abstract.BlockAnnotation)
+      .filter((annotation) => annotation instanceof contentState.BlockAnnotation)
       .map((annotation) => annotation.render())
       .filter(typeGuard.isNonNullable)
       .reduce((current, obj) => (Object.assign(Object.assign({}, current), obj)), {});
@@ -66,7 +65,7 @@ class RTEBlockRenderer {
 class RTENodeRenderer {
   registerRef(ref, node) {
     if (ref) {
-      nodeAnnotation_abstract.stateEntityRenderingRegistry.register(ref, node);
+      contentState.stateEntityRenderingRegistry.register(ref, node);
     }
   }
   /**
@@ -77,7 +76,7 @@ class RTENodeRenderer {
    */
   getStyles(node) {
     return Array.from(node.annotationMap.values())
-      .filter((annotation) => annotation instanceof nodeAnnotation_abstract.NodeAnnotation)
+      .filter((annotation) => annotation instanceof contentState.NodeAnnotation)
       .map((annotation) => annotation.render())
       .filter(Boolean)
       .reduce((current, obj) => (Object.assign(Object.assign({}, current), obj)), {});
@@ -90,7 +89,7 @@ class RTENodeRenderer {
    */
   getClasses(node) {
     return Array.from(node.annotationMap.values())
-      .filter((annotation) => annotation instanceof nodeAnnotation_abstract.NodeAnnotation)
+      .filter((annotation) => annotation instanceof contentState.NodeAnnotation)
       .map((annotation) => { var _a; return (_a = annotation.renderClass) === null || _a === void 0 ? void 0 : _a.call(annotation); })
       .filter(Boolean)
       .reduce((pre, cur) => [pre, cur].join(' '), '');
@@ -99,7 +98,7 @@ class RTENodeRenderer {
 
 class RTETextNodeRenderer extends RTENodeRenderer {
   render(node) {
-    const codeAnnotation = node.annotationMap.get(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE);
+    const codeAnnotation = node.annotationMap.get(contentState.NodeAnnotationTypeEnum.CODE);
     if (codeAnnotation === null || codeAnnotation === void 0 ? void 0 : codeAnnotation.code) {
       return (index.h("code", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || contentState.ZERO_WIDTH_SPACE));
     }
@@ -122,7 +121,7 @@ const RTETextNodeRenderer$1 = new RTETextNodeRenderer();
  */
 class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
   renderNodes(block, renderContext) {
-    const linkGroupAnnotation = block.getAnnotationByType(nodeAnnotation_abstract.InternalAnnotationTypeEnum.LINK_GROUP);
+    const linkGroupAnnotation = block.getAnnotationByType(contentState.InternalAnnotationTypeEnum.LINK_GROUP);
     return linkGroupAnnotation
       ? this.renderLinkNodes(block.nodes, renderContext)
       : block.nodes.map((node) => RTETextNodeRenderer$1.render(node));
@@ -131,7 +130,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
     const blockNodes = this.groupNodesByLink(nodes);
     return blockNodes.flatMap((item) => {
       if (this.isLinkGroup(item)) {
-        const linkAnnotation = item[0].getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK);
+        const linkAnnotation = item[0].getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK);
         return editable
           ? this.renderLinkEditorWrapper(item, linkAnnotation)
           : this.renderLink(item, linkAnnotation);
@@ -141,12 +140,12 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
   }
   groupNodesByLink(nodes) {
     return nodes.reduce((acc, node) => {
-      const nodeLinkAnnotation = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK);
+      const nodeLinkAnnotation = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK);
       const lastGroup = acc[acc.length - 1];
       if (typeGuard.isNonNullable(nodeLinkAnnotation)) {
         if (lastGroup &&
           this.isLinkGroup(lastGroup) &&
-          lastGroup[0].getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK).toEqual(nodeLinkAnnotation)) {
+          lastGroup[0].getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK).toEqual(nodeLinkAnnotation)) {
           lastGroup.push(node);
         }
         else {
@@ -183,7 +182,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
           return;
         }
         case 'unlink': {
-          linkNodes.forEach((node) => node.deleteAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK));
+          linkNodes.forEach((node) => node.deleteAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK));
           return;
         }
       }
@@ -259,7 +258,7 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
             bubbles: true,
           });
           setTimeout(() => {
-            nodeAnnotation_abstract.stateEntityRenderingRegistry.getDOMByEntity(node).dispatchEvent(event);
+            contentState.stateEntityRenderingRegistry.getDOMByEntity(node).dispatchEvent(event);
           }, 50);
           break;
         }
@@ -267,7 +266,7 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
     };
   }
   render(node, renderContext) {
-    const imageAnnotation = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
+    const imageAnnotation = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
     const { size, alt } = imageAnnotation || new contentState.ImageAnnotation('md', '');
     return renderContext.editable ? (index.h("vega-rich-text-image-editor", { style: super.getStyles(node), size: size, alt: alt, ref: (ref) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, (e) => this.handleChange(e, node));
@@ -328,7 +327,7 @@ class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
       RTEImageBlockRenderer$1,
       RTEListBlockRenderer$1,
     ];
-    nodeAnnotation_abstract.VegaDarkModeStyleController.registerCustomDarkModeColor(imageAnnotationAction.TextColorToolbarButtonSlimmer.formatDarkModeColor());
+    contentState.VegaDarkModeStyleController.registerCustomDarkModeColor(imageAnnotationAction.TextColorToolbarButtonSlimmer.formatDarkModeColor());
   }
   componentWillLoad() {
     this.setRTEContent();