@globalpayments/vega 2.38.0 → 2.40.0

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

@@ -156,7 +156,6 @@ export class VegaRichTextEditor {
      * @vegaVersion 2.34.0
      */
     this.toolbarItems = [
-      ['clearStyle'],
       ['textStyles'],
       ['bold', 'italic', 'underline', 'strikethrough', 'code'],
       ['textColor'],
@@ -164,6 +163,7 @@ export class VegaRichTextEditor {
       ['moreIndent', 'lessIndent'],
       ['link'],
       ['image'],
+      ['clearStyle'],
     ];
     /**
      * Specifies the validation status of the rich text editor component.
@@ -391,7 +391,7 @@ export class VegaRichTextEditor {
           }],
         "text": "Specifies the built-in toolbar items available in the rich-text editor."
       },
-      "defaultValue": "[\n\t\t['clearStyle'],\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]"
+      "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]"
     },
     "isValid": {
       "type": "boolean",

package/dist/collection/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.js

@@ -14,17 +14,25 @@ export class VegaTooltipElementAppenderController extends ElementAppenderSlimmer
    * This constructor of the tooltip element appender controller.
    */
   constructor() {
-    super(() => ({
-      target: this.host,
-      appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
-      positionRelativeTo: this.positionRelativeTo,
-      matchTargetWidth: false,
-      size: this.size,
-      minWidth: this.minWidth,
-      maxWidth: this.maxWidth,
-      placement: this.placement,
-      alignment: this.alignment,
-    }), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    super(() => this.getShowConfig(), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    /**
+     * Generate the element appender show config object.
+     *
+     * @returns {ElementAppenderShowConfig} - Show config object.
+     */
+    this.getShowConfig = () => {
+      return {
+        target: this.host,
+        appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
+        positionRelativeTo: this.positionRelativeTo,
+        matchTargetWidth: false,
+        size: this.size,
+        minWidth: this.minWidth,
+        maxWidth: this.maxWidth,
+        placement: this.placement,
+        alignment: this.alignment,
+      };
+    };
   }
   /**
    * The `watchTrigger` function hides an element if the trigger is set to 'none'.
@@ -42,6 +50,26 @@ export class VegaTooltipElementAppenderController extends ElementAppenderSlimmer
       this.show();
     }
   }
+  /**
+   * Hide the tooltip if the content change to empty.
+   *
+   * @param {string} newText - The property text or content new value.
+   * @param {string} oldText - The property text or content old value.
+   */
+  watchTextChange(newText, oldText) {
+    if (!newText && oldText && this.isTooltipShow) {
+      this.hide();
+    }
+  }
+  /**
+   * Override the parent class `ElementAppenderSlimmer` show method to control the tooltip show according to the tooltip content.
+   */
+  show() {
+    const text = this.deprecatedPropertySlimmer.getValue();
+    if (text) {
+      super.show();
+    }
+  }
 }
 __decorate([
   MapToComponentField()
@@ -70,6 +98,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTooltipElementAppenderController.prototype, "disableInteractive", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "deprecatedPropertySlimmer", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTooltipElementAppenderController.prototype, "isTooltipShow", void 0);
@@ -82,3 +113,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchToShowTooltip')
 ], VegaTooltipElementAppenderController.prototype, "watchToShowTooltip", null);
+__decorate([
+  MapToComponentMethod('watchTextChange')
+], VegaTooltipElementAppenderController.prototype, "watchTextChange", null);

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

@@ -64,6 +64,12 @@ export class VegaTooltip {
   watchTrigger() {
     methodPlaceholder();
   }
+  /**
+   * Monitor the property text updates.
+   */
+  watchTextChange() {
+    methodPlaceholder();
+  }
   watchToShowTooltip() {
     methodPlaceholder();
   }
@@ -333,6 +339,12 @@ export class VegaTooltip {
   static get watchers() { return [{
       "propName": "trigger",
       "methodName": "watchTrigger"
+    }, {
+      "propName": "content",
+      "methodName": "watchTextChange"
+    }, {
+      "propName": "text",
+      "methodName": "watchTextChange"
     }, {
       "propName": "size",
       "methodName": "watchToShowTooltip"

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

@@ -40,6 +40,7 @@ export default function () {
   injectVegaSkeletonLoaderIntoGlobal();
   injectVegaTranslationIntoGlobal();
   injectVegaRichTextEditorClassIntoGlobal();
+  injectVegaPublicValidationRules();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -172,3 +173,13 @@ function injectVegaTranslationIntoGlobal() {
 function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTEContent = VegaRTEContent;
 }
+/**
+ * Inject VegaPublicValidationRules to global as a public api
+ */
+function injectVegaPublicValidationRules() {
+  void import('../../helpers/validator/public-rules').then((module) => {
+    Object.entries(module).forEach(([name, value]) => {
+      globalThis[name] = value;
+    });
+  });
+}

package/dist/collection/helpers/slimmers/element-appender-slimmer.js

@@ -137,10 +137,7 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
   }
   disconnectedCallback() {
     this.unRegisterElementAppenderListener();
-    if (this.elementAppender) {
-      this.elementAppender.destroy();
-      this.elementAppender = null;
-    }
+    this.destroyElementAppender();
   }
   componentDidLoad() {
     this.initElementAppender();
@@ -157,13 +154,19 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
     this[this.isDropdownShowName] = false;
   }
   destroy() {
-    this.elementAppender = null;
+    this.destroyElementAppender();
     this[this.isDropdownShowName] = false;
   }
   updateShowConfigFactory(showConfigFactory) {
     this.showConfigFactory = showConfigFactory;
     this.initElementAppender();
   }
+  destroyElementAppender() {
+    if (this.elementAppender) {
+      this.elementAppender.destroy();
+      this.elementAppender = null;
+    }
+  }
   initElementAppender() {
     this.setShowConfig();
     this.setElementAppender();

package/dist/collection/helpers/slimmers/test/element-appender-slimmer.test.js

@@ -107,9 +107,11 @@ describe('ElementAppender slimmer test suite', () => {
       expect(mockedComponent.isDropdownShow).toBeFalsy();
       expect(mockedComponent.getElementAppender()['undefinedAttribute']).toEqual(undefined);
       expect(mockedComponent.appendableElement).toHaveClass('vega-force-hidden');
+      spyOn(element, 'remove').and.callThrough();
       mockedComponent.destroy();
       expect(mockedComponent.getElementAppender()).toBeNull();
       expect(mockedComponent.isDropdownShow).toBeFalsy();
+      expect(element.remove).toBeCalledTimes(1);
     });
     test('should listen event proper while trigger is click', () => {
       const mockedComponent = new MockedComponent();

package/dist/collection/helpers/ui/element-appender.js

@@ -118,6 +118,7 @@ export class ElementAppender {
     if (!this.showConfig)
       return;
     this.removeVisibleAppendElement(this.showConfig.appendableElement);
+    this.resetContainerPosition();
     InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
     this.showConfig.appendableElement.remove();
     this.disconnectResizeObserver();

package/dist/collection/helpers/ui/test/element-appender.test.js

@@ -151,6 +151,7 @@ test('return result as expect when call destroy', () => {
   expect(document.body).toEqualHtml(`
 	<div class="test-parent-host"><div class="test-host"></div></div>
 	`);
+  expect(document.body.style.position).toEqual('static');
 });
 test('content should append to body while not in modal', () => {
   const target = document.createElement('vega-input-select');

package/dist/collection/helpers/validator/form-field-controller.js

@@ -13,6 +13,7 @@ import { InjectVegaSlimmer, createDynamicSlimmer, methodPlaceholder } from 'vega
 import { FieldErrorUIControllerSlimmer } from '../slimmers/field-error-ui-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
 import { FormFieldMessageTranslatorSlimmer } from '../slimmers/form-field-message-translator';
+import { InternalFormFieldValidationRule } from './rules/internal-form-field-validation-rule.abstract';
 /**
  * The FormFieldController class is a class that validates the value of an input elements
  *
@@ -152,7 +153,11 @@ export class FormFieldController {
    * @returns {FormFieldValidationRule<number | string | boolean>[]} An array of FormFieldValidationRule<T>
    */
   getRules() {
-    return [...this.defaultRules, ...this.additionalRules];
+    const additionalRules = [...this.additionalRules];
+    const overriddenDefaultRules = this.defaultRules.map((rule) => {
+      return this.overrideDefaultRuleByAdditionalRule(rule, additionalRules);
+    });
+    return [...overriddenDefaultRules, ...additionalRules];
   }
   /**
    * Set the default rules for the form field.
@@ -441,6 +446,28 @@ export class FormFieldController {
         return isEnterKey;
     }
   }
+  /**
+   * It overrides the default rule by checking if the additional rules contain a custom rule that overrides.
+   * If it does, it returns that additional rule, and the rule will be removed from the additional rules array.
+   * otherwise, it returns the default rule.
+   *
+   * @param {InternalFormFieldValidationRule} defaultRule - The rule to be overridden.
+   * @param {FormFieldValidationRule[]} additionalRules - The additional rules to be applied.
+   * @returns {FormFieldValidationRule} The overridden rule.
+   */
+  overrideDefaultRuleByAdditionalRule(defaultRule, additionalRules) {
+    if (defaultRule && additionalRules) {
+      const customRuleIndex = additionalRules.findIndex((customRule) => {
+        return (customRule instanceof InternalFormFieldValidationRule &&
+          customRule instanceof defaultRule.constructor &&
+          customRule.overrideDefault);
+      });
+      if (customRuleIndex > -1) {
+        return additionalRules.splice(customRuleIndex, 1)[0];
+      }
+    }
+    return defaultRule;
+  }
 }
 __decorate([
   InjectVegaSlimmer()

package/dist/collection/helpers/validator/public-rules.js

@@ -0,0 +1,10 @@
+export { CheckBoxRequiredRule } from './rules/check-box-required-rule';
+export { DateRequiredRule } from './rules/date-required-rule';
+export { InputPhoneNumberRequiredRule } from './rules/input-phone-number-required-rule';
+export { InputRangeRequiredRule } from './rules/input-range-required-rule';
+export { RequiredFieldRule } from './rules/required-field-rule';
+export { RichTextEditorRequiredRule } from './rules/rich-text-editor-required-rule';
+export { TimeRangeRequiredRule } from './rules/time-range-required-rule';
+export { TimeRequiredRule } from './rules/time-required-rule';
+export { ToggleSwitchRequiredRule } from './rules/toggle-switch-required-rule';
+export { FileUploaderRequiredRule } from './rules/file-uploader-required-rule';

package/dist/collection/helpers/validator/rules/check-box-required-rule.js

@@ -1,15 +1,16 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if a string is empty or not
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-export class CheckBoxRequiredRule {
+export class CheckBoxRequiredRule extends InternalFormFieldValidationRule {
   /**
    * If the input is a boolean, return a boolean. If the input is a string, return a boolean. If the
    * input is anything else, return false
    *
    * @param {string | boolean} input - The input to be evaluated.
-   * @returns {EvaluateResultTranslation} - An object with two properties: isValid and message.
+   * @returns {EvaluateResult} - An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (typeof input === 'boolean') {

package/dist/collection/helpers/validator/rules/date-range-rule.js

@@ -1,8 +1,9 @@
 import { isDateStr, compareIsSameOrBefore } from '../../../utils/date';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if start date is before than end date
  */
-export class DateRangeRule {
+export class DateRangeRule extends InternalFormFieldValidationRule {
   /**
    * If the input is accepted and the status is not disabled and visible, then return true
    *

package/dist/collection/helpers/validator/rules/date-required-rule.js

@@ -1,10 +1,11 @@
 import { isDateStr } from '../../../utils/date';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if date is empty or not
  *
- * @implements {FormFieldValidationRule<string | string[]>}
+ * @augments {InternalFormFieldValidationRule<string | string[]>}
  */
-export class DateRequiredRule {
+export class DateRequiredRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -12,6 +13,7 @@ export class DateRequiredRule {
    * @param {'single' | 'range'} config.mode - The mode for date value
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**
@@ -19,7 +21,7 @@ export class DateRequiredRule {
    * Otherwise, return an object with a boolean indicating whether the input is valid and a message to display to the user
    *
    * @param {string | string[]} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

package/dist/collection/helpers/validator/rules/email-field-rule.js

@@ -1,10 +1,11 @@
 import { EMAIL_VALIDATION_REGEX } from '../../../constants/validator';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * This class is a rule that checks if the input is a valid email address
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-export class EmailFieldRule {
+export class EmailFieldRule extends InternalFormFieldValidationRule {
   /**
    * It checks if the input is a valid email address.
    *

package/dist/collection/helpers/validator/rules/{object-array-required-rule.js → file-uploader-required-rule.js}

@@ -2,7 +2,7 @@ import { RequiredFieldRule } from './required-field-rule';
 /**
  * A rule that checks the value is empty or not which value type is object array
  */
-export class ObjectArrayRequiredRule extends RequiredFieldRule {
+export class FileUploaderRequiredRule extends RequiredFieldRule {
   constructor() {
     super(...arguments);
     /**

package/dist/collection/helpers/validator/rules/input-phone-number-required-rule.js

@@ -1,17 +1,19 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if input phone number is empty or not
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-export class InputPhoneNumberRequiredRule {
+export class InputPhoneNumberRequiredRule extends InternalFormFieldValidationRule {
   constructor(phoneNumberValueGetter) {
+    super();
     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.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

package/dist/collection/helpers/validator/rules/input-range-min-and-max-rule.js

@@ -1,7 +1,8 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if number is in min and max range
  */
-export class InputRangeMinAndMaxRule {
+export class InputRangeMinAndMaxRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -10,6 +11,7 @@ export class InputRangeMinAndMaxRule {
    * @param {string} config.maxValue - The max number
    */
   constructor(config) {
+    super();
     /**
      * Generate an invalid result
      *

package/dist/collection/helpers/validator/rules/input-range-required-rule.js

@@ -1,14 +1,15 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
- * A rule that checks if input range is empty or not
+ * A rule that checks if the input range is empty or not
  *
- * @implements {FormFieldValidationRule<string[]>}
+ * @augments {InternalFormFieldValidationRule<string[]>}
  */
-export class InputRangeRequiredRule {
+export class InputRangeRequiredRule extends InternalFormFieldValidationRule {
   /**
    * 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.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

package/dist/collection/helpers/validator/rules/internal-form-field-validation-rule.abstract.js

@@ -0,0 +1,11 @@
+/**
+ * Abstract class for internal form field validation rules
+ */
+export class InternalFormFieldValidationRule {
+  constructor() {
+    /**
+     * Whether to override the default validation rule.
+     */
+    this.overrideDefault = false;
+  }
+}

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

@@ -1,11 +1,12 @@
 import { convertToNumber } from '../../../utils/number';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if the input is less than or equal to a maximum value
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  * @property {{ maxValue: number }} config config including the maxValue limit for validation
  */
-export class MaxNumberRule {
+export class MaxNumberRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -13,6 +14,7 @@ export class MaxNumberRule {
    * @param {number} config.maxValue number of the maxValue
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**

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

@@ -1,10 +1,11 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if the length of input is less than or equal to a maximum value
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  * @property {{ maxStrLength: number }} config config including the maxStrLength limit for validation
  */
-export class MaxStringLengthRule {
+export class MaxStringLengthRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -12,6 +13,7 @@ export class MaxStringLengthRule {
    * @param {number} config.maxStrLength number of the maxStrLength
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**

package/dist/collection/helpers/validator/rules/min-and-max-date-rule.js

@@ -1,8 +1,9 @@
 import { isDateStr, compareIsAfter, compareIsBefore } from '../../../utils/date';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if date is in minDate and maxDate range
  */
-export class MinAndMaxDateRule {
+export class MinAndMaxDateRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -11,6 +12,7 @@ export class MinAndMaxDateRule {
    * @param {string} config.maxDate - The maxDate
    */
   constructor(config) {
+    super();
     /**
      *  Evaluate if single date is within the min and max date range
      *

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

@@ -1,11 +1,12 @@
 import { convertToNumber } from '../../../utils/number';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if the input is larger than or equal to a minimum value
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  * @property {{ minValue: number }} config config including the minValue limit for validation
  */
-export class MinNumberRule {
+export class MinNumberRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -13,6 +14,7 @@ export class MinNumberRule {
    * @param {number} config.minValue number of the minValue
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**

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

@@ -1,10 +1,11 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if the length of input is more than or equal to a minimum value
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  * @property {{ minStrLength: number }} config config including the minStrLength limit for validation
  */
-export class MinStringLengthRule {
+export class MinStringLengthRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -12,6 +13,7 @@ export class MinStringLengthRule {
    * @param {number} config.minStrLength number of the minStrLength
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**

package/dist/collection/helpers/validator/rules/required-field-rule.js

@@ -1,10 +1,12 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if a string is empty or not
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-export class RequiredFieldRule {
+export class RequiredFieldRule extends InternalFormFieldValidationRule {
   constructor() {
+    super(...arguments);
     /**
      * A function that checks if the item is a string, number, or boolean.
      *
@@ -17,7 +19,7 @@ export class RequiredFieldRule {
    * If the input is a number or a boolean, return true. If the input is a string, return true if the string is not empty
    *
    * @param {FormFieldValueType | Array<FormFieldValueType>} input - The input to be evaluated.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

package/dist/collection/helpers/validator/rules/rich-text-editor-required-rule.js

@@ -1,15 +1,16 @@
 import { VegaRTEContent } from '../../../components/vega-rich-text-editor/dto/content-state';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if the input range is empty or not
  *
- * @implements {FormFieldValidationRule<string[]>}
+ * @augments {InternalFormFieldValidationRule<string[]>}
  */
-export class RichTextEditorRequiredRule {
+export class RichTextEditorRequiredRule extends InternalFormFieldValidationRule {
   /**
    * 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.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
    */
   evaluate(input) {
     var _a, _b;

package/dist/collection/helpers/validator/rules/time-range-required-rule.js

@@ -1,10 +1,11 @@
 import { isTimeStr } from '../../../utils/date';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if time is empty or not
  *
- * @implements {FormFieldValidationRule<string[]>}
+ * @augments {InternalFormFieldValidationRule<string[]>}
  */
-export class TimeRangeRequiredRule {
+export class TimeRangeRequiredRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -12,13 +13,14 @@ export class TimeRangeRequiredRule {
    * @param {TimeFormat} config.timeFormat - The timeFormat for time value
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**
    * It checks if the input is a valid time string.
    *
    * @param {string} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

package/dist/collection/helpers/validator/rules/time-range-rule.js

@@ -1,8 +1,9 @@
 import { convert12HourTo24HourFormat, isTimeStr } from '../../../utils/date';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if start time is before than end time
  */
-export class TimeRangeRule {
+export class TimeRangeRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -10,6 +11,7 @@ export class TimeRangeRule {
    * @param {TimeFormat} config.timeFormat - The timeFormat for time value
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**