@globalpayments/vega 2.39.0 → 2.40.0

package/dist/cjs/vega.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-09acd3c9.js');
-const appGlobals = require('./app-globals-dd3e7925.js');
+const appGlobals = require('./app-globals-cdd0972c.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 require('./index-8b247c17.js');
@@ -31,7 +31,8 @@ require('./vega-env-manager-23b8b23c.js');
 require('./icon-manager-edc2400b.js');
 require('./index-0546e2ea.js');
 require('./translation-6848c389.js');
-require('./valid-credit-card-number-rule-4a9ae5d9.js');
+require('./valid-credit-card-number-rule-4a1b00b8.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 /*
  Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/collection/components/vega-checkbox/vega-checkbox.css

@@ -42,13 +42,6 @@
   color: rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));
 }
 
-.vega-checkbox-container > .vega-checkbox-icon.vega-checkbox-small {
-  width: 16px;
-  height: 16px;
-  min-width: 16px;
-  border-radius: 2px;
-}
-
 .vega-checkbox-container > .vega-checkbox-icon:hover {
   border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
 }
@@ -182,84 +175,140 @@
   }
 }
 
-.vega-checkbox-container > .vega-checkbox-label-container.vega-checkbox-label-small {
-  margin-left: 8px;
+:host(.disabled) .vega-checkbox-container > .vega-checkbox-label-container {
+  color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
+}
+
+.vega-error {
+  display: block;
+  margin-top: 12px;
   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));
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .vega-checkbox-container > .vega-checkbox-label-container.vega-checkbox-label-small {
+  .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) {
-  .vega-checkbox-container > .vega-checkbox-label-container.vega-checkbox-label-small {
+  .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) {
-  .vega-checkbox-container > .vega-checkbox-label-container.vega-checkbox-label-small {
+  .vega-error {
     font-family: "Inter", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
+    letter-spacing: 0px;
   }
 }
 
-:host(.disabled) .vega-checkbox-container > .vega-checkbox-label-container {
-  color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
+.vega-checkbox-label-container.vega-hidden {
+  display: none;
 }
 
-.vega-error {
-  display: block;
-  margin-top: 12px;
+.vega-hidden {
+  display: none;
+}
+
+.size-default input[type=checkbox] {
+  width: 24px;
+  height: 24px;
+}
+.size-default .vega-checkbox-icon {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  border-radius: 4px;
+}
+.size-default .vega-checkbox-label-container {
+  margin-left: 12px;
+  font-family: "Inter", sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .size-default .vega-checkbox-label-container {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  .size-default .vega-checkbox-label-container {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  .size-default .vega-checkbox-label-container {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+
+.size-small input[type=checkbox] {
+  width: 16px;
+  height: 16px;
+}
+.size-small .vega-checkbox-icon {
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  border-radius: 2px;
+}
+.size-small .vega-checkbox-label-container {
+  margin-left: 8px;
   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));
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .vega-error {
+  .size-small .vega-checkbox-label-container {
     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) {
-  .vega-error {
+  .size-small .vega-checkbox-label-container {
     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) {
-  .vega-error {
+  .size-small .vega-checkbox-label-container {
     font-family: "Inter", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
-    letter-spacing: 0px;
   }
-}
-
-.vega-checkbox-label-container.vega-hidden {
-  display: none;
-}
-
-.vega-hidden {
-  display: none;
 }

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

@@ -11,7 +11,7 @@ import { CheckBoxRequiredRule } from '../../helpers/validator/rules/check-box-re
 import ChangeManager from '../../helpers/change-manager/change-manager';
 import { CHECKBOX_GROUP_DISABLED_CHANGE, CHECKBOX_VALUE_CHANGE, FORM_ELEMENT_VALUE_CHANGE, } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../helpers/change-manager/observer/observer';
-import { findParent } from '../../utils/ui';
+import { arrayToClassString, findParent } from '../../utils/ui';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -162,19 +162,14 @@ export class VegaCheckbox {
         'checked': this.checked,
         'disabled': this.isDisabled(),
       } },
-      h("label", { class: {
-          'vega-checkbox-container': true,
-          'error': this.showError,
-        }, ref: (e) => (this.inputContainerRef = e) },
+      h("label", { class: arrayToClassString([
+          'vega-checkbox-container',
+          this.showError && 'error',
+          this.size && `size-${this.size}`,
+        ]), ref: (e) => (this.inputContainerRef = e) },
         h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-label": this.identifier || 'No label defined', disabled: this.isDisabled(), role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }),
-        h("span", { class: {
-            'vega-checkbox-icon': true,
-            'vega-checkbox-small': this.size === 'small',
-          }, onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()),
-        h("div", { class: {
-            'vega-checkbox-label-container': true,
-            'vega-checkbox-label-small': this.size === 'small',
-          }, ref: (el) => (this.labelElement = el) },
+        h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()),
+        h("div", { class: "vega-checkbox-label-container", ref: (el) => (this.labelElement = el) },
           this.renderLabelDom(),
           this.renderRequireDom()))), this.host);
   }

package/dist/collection/components/vega-file-uploader/vega-file-uploader.js

@@ -16,7 +16,7 @@ import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/ev
 import { VegaChange, VegaPreview, VegaRemove, VegaRetry, VegaSelectFileChange, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaFileUploaderValueController } from './slimmers/controllers/vega-file-uploader-value-controller';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
-import { ObjectArrayRequiredRule } from '../../helpers/validator/rules/object-array-required-rule';
+import { FileUploaderRequiredRule } from '../../helpers/validator/rules/file-uploader-required-rule';
 import { VegaFileUploaderDropFileFilterController } from './slimmers/controllers/vega-file-uploader-drop-file-filter-controller';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaFileUploaderFileLimitController } from './slimmers/controllers/vega-file-uploader-file-limit-controller';
@@ -32,7 +32,7 @@ export class VegaFileUploader {
       propertyRules: [
         {
           propertyName: 'required',
-          ruleFactory: (isRequired) => (isRequired ? new ObjectArrayRequiredRule() : null),
+          ruleFactory: (isRequired) => isRequired ? new FileUploaderRequiredRule() : null,
         },
       ],
       validationRulesName: 'validationRules',

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-layout-controller.js

@@ -48,6 +48,12 @@ export class VegaModalLayoutController extends VegaSlimmer {
   watchSize() {
     this.setModalWidth('update');
   }
+  /**
+   * Listen watchContentMaxHeight method to be called
+   */
+  watchContentMaxHeight() {
+    this.setContentMaxHeight();
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-modal-default-e2e}
@@ -134,3 +140,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchSize')
 ], VegaModalLayoutController.prototype, "watchSize", null);
+__decorate([
+  MapToComponentMethod('watchContentMaxHeight')
+], VegaModalLayoutController.prototype, "watchContentMaxHeight", null);

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-scroll-controller.js

@@ -11,6 +11,10 @@ import { SHADOW_ROOT_ELEMENT_SCROLLING } from '../../../../helpers/change-manage
  * Modal scroll controller
  */
 export class VegaModalScrollController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.scrollEventListenerAdded = false;
+  }
   /**
    * Component lifecycle - [connectedCallback]
    */
@@ -19,6 +23,14 @@ export class VegaModalScrollController extends VegaSlimmer {
       this.listenContentScroll();
     }
   }
+  /**
+   * Listen watchContentMaxHeight method to be called
+   */
+  watchContentMaxHeight() {
+    if (!this.scrollEventListenerAdded && this.isContentScrollable()) {
+      this.listenContentScroll();
+    }
+  }
   /**
    * Is modal content scrollable.
    *
@@ -47,6 +59,7 @@ export class VegaModalScrollController extends VegaSlimmer {
       }
       this.notifyContentScrolling();
     });
+    this.scrollEventListenerAdded = true;
   }
   /*
    * The below method is e2e-test covered in
@@ -74,3 +87,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('componentDidLoad')
 ], VegaModalScrollController.prototype, "componentDidLoad", null);
+__decorate([
+  MapToComponentMethod('watchContentMaxHeight')
+], VegaModalScrollController.prototype, "watchContentMaxHeight", null);

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

@@ -143,6 +143,9 @@ export class VegaModal {
   watchOpen() {
     methodPlaceholder();
   }
+  watchContentMaxHeight() {
+    methodPlaceholder();
+  }
   disconnectedCallback() {
     this.open = false;
   }
@@ -596,6 +599,9 @@ export class VegaModal {
     }, {
       "propName": "open",
       "methodName": "watchOpen"
+    }, {
+      "propName": "contentMaxHeight",
+      "methodName": "watchContentMaxHeight"
     }]; }
   static get listeners() { return [{
       "name": "click",

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)) {