@globalpayments/vega 2.26.0 → 2.27.0

package/dist/collection/helpers/translation/tests/internal-translation-controller.test.js

@@ -0,0 +1,182 @@
+import en from '../locales/en';
+import ChangeManager from '../../change-manager/change-manager';
+import { UPDATE_TRANSLATION } from '../../change-manager/subject/static-subject/static-subject-title';
+import { LogUtility } from '../../../utils/log';
+import { VegaInternalTranslation } from '../internal-translation-controller';
+describe('VegaTranslationController', () => {
+  beforeEach(() => {
+    VegaInternalTranslation.init({ resources: { en }, language: 'en' });
+  });
+  it('should initialize with the default language as "en"', () => {
+    expect(VegaInternalTranslation.t('This field is required')).toBe('This field is required');
+  });
+  it('should initialize with default resources when no resources are provided', () => {
+    VegaInternalTranslation.init({ resources: undefined, language: 'en' });
+    expect(VegaInternalTranslation.t('This field is required')).toBe('This field is required');
+  });
+  it('should fallback to default language if resources are empty during initialization', () => {
+    spyOn(LogUtility, 'warn');
+    VegaInternalTranslation.init({ resources: {}, language: 'en' });
+    expect(VegaInternalTranslation.t('Viewing {0}-{1} of {2}', 1, 10, 100)).toBe('Viewing 1-10 of 100');
+    expect(LogUtility.warn).toHaveBeenCalledWith('Resources are empty. Falling back to default language "en".');
+  });
+  it('should set the current language correctly', () => {
+    const resources = {
+      en: en,
+      fr: {
+        // eslint-disable-next-line @typescript-eslint/naming-convention,spellcheck/spell-checker
+        'This field is required': 'Ce champ est obligatoire',
+      },
+    };
+    VegaInternalTranslation.init({ resources, language: 'fr' });
+    // eslint-disable-next-line spellcheck/spell-checker
+    expect(VegaInternalTranslation.t('This field is required')).toBe('Ce champ est obligatoire');
+  });
+  it('should fall back to default language if invalid language is provided', () => {
+    const resources = {
+      en: en,
+    };
+    VegaInternalTranslation.init({ resources, language: 'invalid_language' });
+    expect(VegaInternalTranslation.t('This field is required')).toBe('This field is required');
+  });
+  it('should change the current language if valid', () => {
+    spyOn(ChangeManager, 'notify');
+    const fr = {
+      // eslint-disable-next-line spellcheck/spell-checker,@typescript-eslint/naming-convention
+      'This field is required': 'Ce champ est obligatoire',
+      // eslint-disable-next-line spellcheck/spell-checker,@typescript-eslint/naming-convention
+      'The minimum input value is {0}': "La valeur d'entrée minimale est {0}",
+    };
+    VegaInternalTranslation.init({ resources: { en, fr }, language: 'en' });
+    VegaInternalTranslation.changeLanguage('fr');
+    // eslint-disable-next-line spellcheck/spell-checker
+    expect(VegaInternalTranslation.t('This field is required')).toBe('Ce champ est obligatoire');
+    expect(ChangeManager.notify).toHaveBeenCalledWith(UPDATE_TRANSLATION, {});
+  });
+  it('should log a warning if the language does not exist', () => {
+    spyOn(LogUtility, 'warn');
+    VegaInternalTranslation.changeLanguage('es');
+    expect(LogUtility.warn).toHaveBeenCalledWith('Language "es" not found in resources.');
+  });
+  it('should return the key if the translation is not found', () => {
+    expect(VegaInternalTranslation.t('Non existent key')).toBe('Non existent key');
+  });
+  it('should interpolate arguments into the translation string', () => {
+    expect(VegaInternalTranslation.t('The minimum input value is {0}', 5)).toBe('The minimum input value is 5');
+  });
+  it('should handle multiple arguments in the translation string', () => {
+    const enWithMultipleArgs = {
+      // eslint-disable-next-line @typescript-eslint/naming-convention
+      'Viewing {0}-{1} of {2}': 'Viewing {0}-{1} of {2}',
+    };
+    VegaInternalTranslation.init({ resources: { en: enWithMultipleArgs }, language: 'en' });
+    expect(VegaInternalTranslation.t('Viewing {0}-{1} of {2}', 1, 10, 100)).toBe('Viewing 1-10 of 100');
+  });
+  it('should return translated text as expect', () => {
+    const resources = {
+      /* eslint-disable @typescript-eslint/naming-convention,spellcheck/spell-checker */
+      en: Object.assign(Object.assign({}, en), { 'Custom text': 'Custom text' }),
+      fr: {
+        // eslint-disable-next-line @typescript-eslint/naming-convention,spellcheck/spell-checker
+        'This field is required': 'Ce champ est obligatoire',
+        'Custom text': 'Texte personnalisé',
+      },
+      /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
+    };
+    VegaInternalTranslation.init({ resources, language: 'fr' });
+    /* eslint-disable @typescript-eslint/naming-convention,spellcheck/spell-checker */
+    expect(VegaInternalTranslation.t('This field is required')).toBe('Ce champ est obligatoire');
+    expect(VegaInternalTranslation.t('Custom text')).toBe('Texte personnalisé');
+    /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
+  });
+  it('should return en resource as expected', () => {
+    /* eslint-disable @typescript-eslint/naming-convention,spellcheck/spell-checker */
+    expect(en).toEqual({
+      'This field is required': 'This field is required',
+      'The minimum input value is {0}': 'The minimum input value is {0}',
+      'The maximum input value is {0}': 'The maximum input value is {0}',
+      'The end value should be greater than the start value': 'The end value should be greater than the start value',
+      'The end date should be later than start date': 'The end date should be later than start date',
+      'Credit card number is invalid': 'Credit card number is invalid',
+      'Please enter the correct email format.': 'Please enter the correct email format.',
+      'The maximum input length is {0}': 'The maximum input length is {0}',
+      'The start date should be later than {0}': 'The start date should be later than {0}',
+      'The start date should be earlier than {0}': 'The start date should be earlier than {0}',
+      'The end date should be earlier than {0}': 'The end date should be earlier than {0}',
+      'The date should be later than {0}': 'The date should be later than {0}',
+      'The date should be earlier than {0}': 'The date should be earlier than {0}',
+      'The minimum input length is {0}': 'The minimum input length is {0}',
+      'The end time should be later than start time': 'The end time should be later than start time',
+      'Phone number is not valid': 'Phone number is not valid',
+      'Phone number is valid but it belongs to country {0}, not country {1}': 'Phone number is valid but it belongs to country {0}, not country {1}',
+      'Viewing': 'Viewing',
+      'Show': 'Show',
+      'Go To': 'Go To',
+      'Viewing {0}-{1} of {2}': 'Viewing {0}-{1} of {2}',
+      'Upload': 'Upload',
+      'Clear': 'Clear',
+      'Today': 'Today',
+      'Day': 'Day',
+      'Week': 'Week',
+      'Month': 'Month',
+      'Sun': 'Sun',
+      'Mon': 'Mon',
+      'Tue': 'Tue',
+      'Wed': 'Wed',
+      'Thu': 'Thu',
+      'Fri': 'Fri',
+      'Sat': 'Sat',
+      'Sun-short': 'S',
+      'Mon-short': 'M',
+      'Tue-short': 'T',
+      'Wed-short': 'W',
+      'Thu-short': 'T',
+      'Fri-short': 'F',
+      'Sat-short': 'S',
+      'January': 'January',
+      'February': 'February',
+      'March': 'March',
+      'April': 'April',
+      'May': 'May',
+      'June': 'June',
+      'July': 'July',
+      'August': 'August',
+      'September': 'September',
+      'October': 'October',
+      'November': 'November',
+      'December': 'December',
+      'All Day': 'All Day',
+      'Select or drop your file here': 'Select or drop your file here',
+      'Please sign here': 'Please sign here',
+      'Clear Signature': 'Clear Signature',
+      'Start Date': 'Start Date',
+      'End Date': 'End Date',
+      'Please select': 'Please select',
+      'No options': 'No options',
+      'No results found': 'No results found',
+      'Minimum': 'Minimum',
+      'Maximum': 'Maximum',
+      'Select Time': 'Select Time',
+      'Start Time': 'Start Time',
+      'End Time': 'End Time',
+      'There is no data to display': 'There is no data to display',
+    });
+    /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
+  });
+  it('should return default resource(en) translated text if the key not exist in custom resource', () => {
+    const resources = {
+      /* eslint-disable @typescript-eslint/naming-convention,spellcheck/spell-checker */
+      en: en,
+      fr: {
+        // eslint-disable-next-line @typescript-eslint/naming-convention,spellcheck/spell-checker
+        'This field is required': 'Ce champ est obligatoire',
+        'Custom text': 'Texte personnalisé',
+      },
+      /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
+    };
+    VegaInternalTranslation.init({ resources, language: 'fr' });
+    // eslint-disable-next-line spellcheck/spell-checker
+    expect(VegaInternalTranslation.t('Custom text')).toBe('Texte personnalisé');
+    expect(VegaInternalTranslation.t('Sun-short')).toBe('S');
+  });
+});

package/dist/collection/helpers/translation/tests/translation.test.js

@@ -0,0 +1,32 @@
+import { VegaTranslation } from '../translation';
+import { VegaInternalTranslation } from '../internal-translation-controller';
+import { VegaTranslationResourceEN } from '../../public-api';
+describe('VegaTranslation', () => {
+  it('should translate to expected message', () => {
+    const resources = {
+      en: VegaTranslationResourceEN,
+      fr: {
+        // eslint-disable-next-line @typescript-eslint/naming-convention,spellcheck/spell-checker
+        'This field is required': 'Ce champ est obligatoire',
+      },
+    };
+    VegaTranslation.init({ resources, language: 'fr' });
+    // eslint-disable-next-line spellcheck/spell-checker
+    expect(VegaInternalTranslation.t('This field is required')).toBe('Ce champ est obligatoire');
+    VegaTranslation.changeLanguage('en');
+    expect(VegaInternalTranslation.t('This field is required')).toBe('This field is required');
+  });
+  it('should return current language when get currentLanguage', () => {
+    const resources = {
+      en: VegaTranslationResourceEN,
+      fr: {
+        // eslint-disable-next-line @typescript-eslint/naming-convention,spellcheck/spell-checker
+        'This field is required': 'Ce champ est obligatoire',
+      },
+    };
+    VegaTranslation.init({ resources, language: 'fr' });
+    expect(VegaTranslation.currentLanguage).toBe('fr');
+    VegaTranslation.changeLanguage('en');
+    expect(VegaTranslation.currentLanguage).toBe('en');
+  });
+});

package/dist/collection/helpers/translation/translation.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { VegaInternalTranslation } from './internal-translation-controller';
+import { InjectVegaTelemetrySlimmer } from 'vega-slimmer/core';
+import { createPublicAPIRuntimeMetricsSlimmer } from '../slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer';
+import { VegaTranslationRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/public-api/VegaTranslation/runtime-metrics-payload-definition';
+/**
+ * Vega Translation Public API
+ *
+ * @vegaVersion 2.27.0
+ */
+class TranslationController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer(TranslationController, ['init', 'changeLanguage'], VegaTranslationRuntimeMetricsPayloadDefinition);
+  }
+  /**
+   * Get current language
+   *
+   * @returns {string} current language
+   * @vegaVersion 2.27.0
+   */
+  get currentLanguage() {
+    return VegaInternalTranslation.currentLanguage;
+  }
+  /**
+   * Initializes the translation controller with provided resources and language.
+   *
+   * @param {VegaTranslationConfig} config - Configuration object containing resources and initial language.
+   * @vegaVersion 2.27.0
+   */
+  init(config) {
+    VegaInternalTranslation.init(config);
+  }
+  /**
+   * Changes the current language if it exists in the resources.
+   *
+   * @param {string} language - The language code to change to.
+   * @vegaVersion 2.27.0
+   */
+  changeLanguage(language) {
+    VegaInternalTranslation.changeLanguage(language);
+  }
+}
+__decorate([
+  InjectVegaTelemetrySlimmer()
+], TranslationController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+export const VegaTranslation = new TranslationController();

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

@@ -9,7 +9,7 @@ export class CheckBoxRequiredRule {
    * input is anything else, return false
    *
    * @param {string | boolean} input - The input to be evaluated.
-   * @returns {EvaluateResult} - An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} - An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (typeof input === 'boolean') {

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

@@ -28,7 +28,7 @@ export class DateRangeRule {
    * Check if the start date is before than end date
    *
    * @param {string | string[]} input - The value of the date picker.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

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

@@ -19,7 +19,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 {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

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

@@ -9,7 +9,7 @@ export class EmailFieldRule {
    * It checks if the input is a valid email address.
    *
    * @param {string} input - string
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {

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

@@ -11,7 +11,7 @@ export class InputPhoneNumberRequiredRule {
    * It checks if the input is a valid value.
    *
    * @param {unknown} input - The value of the input field.
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} 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

@@ -14,7 +14,7 @@ export class InputRangeMinAndMaxRule {
      * Generate an invalid result
      *
      * @param {string} message Error message
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.invalidResult = (message) => ({
       isValid: false,
@@ -23,7 +23,7 @@ export class InputRangeMinAndMaxRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -49,7 +49,7 @@ export class InputRangeMinAndMaxRule {
    * max range
    *
    * @param {string[]} input - The value of the input range.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {
@@ -58,11 +58,11 @@ export class InputRangeMinAndMaxRule {
     const startValue = Number(input[0]), endValue = Number(input[1]);
     if (this.minValue !== null &&
       ((input[0] !== '' && startValue < this.minValue) || (input[1] !== '' && endValue < this.minValue))) {
-      return this.invalidResult(`The minimum input value is ${this.minValue}`);
+      return this.invalidResult({ key: 'The minimum input value is {0}', args: [this.minValue] });
     }
     if (this.maxValue !== null &&
       ((input[0] !== '' && startValue > this.maxValue) || (input[1] !== '' && endValue > this.maxValue))) {
-      return this.invalidResult(`The maximum input value is ${this.maxValue}`);
+      return this.invalidResult({ key: 'The maximum input value is {0}', args: [this.maxValue] });
     }
     if (input[0] !== '' && input[1] !== '' && startValue > endValue) {
       return this.invalidResult(`The end value should be greater than the start value`);

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

@@ -8,7 +8,7 @@ export class InputRangeRequiredRule {
    * It checks if the input is a valid value.
    *
    * @param {string[]} input - The value of the input field.
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

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

@@ -19,7 +19,7 @@ export class MaxNumberRule {
    * If the input is a number, return true if it's less than or equal to the maximum value, false otherwise
    *
    * @param {unknown} input - The input value to be evaluated.
-   * @returns {EvaluateResult} The result of the evaluation.
+   * @returns {EvaluateResultTranslation} The result of the evaluation.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {
@@ -30,7 +30,9 @@ export class MaxNumberRule {
     const maxValue = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.maxValue) || Number.MAX_VALUE;
     return {
       isValid: convertToNumber(input) <= maxValue,
-      message: convertToNumber(input) <= maxValue ? '' : `The maximum input value is ${maxValue}`,
+      message: convertToNumber(input) <= maxValue
+        ? ''
+        : { key: 'The maximum input value is {0}', args: [maxValue] },
     };
   }
   /**

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

@@ -18,7 +18,7 @@ export class MaxStringLengthRule {
    * It checks if the input is a string and if it's shorter than the maximum string length
    *
    * @param {string} input - string
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {
@@ -29,7 +29,9 @@ export class MaxStringLengthRule {
     const maxStrLength = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.maxStrLength) || Number.MAX_VALUE;
     return {
       isValid: input.length <= maxStrLength,
-      message: input.length <= maxStrLength ? '' : `The maximum input length is ${maxStrLength}`,
+      message: input.length <= maxStrLength
+        ? ''
+        : { key: 'The maximum input length is {0}', args: [maxStrLength] },
     };
   }
   /**

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

@@ -15,15 +15,21 @@ export class MinAndMaxDateRule {
      *  Evaluate if single date is within the min and max date range
      *
      * @param {string} input A single date string
-     * @returns  {EvaluateResult}An object with two properties: isValid and message.
+     * @returns  {EvaluateResultTranslation}An object with two properties: isValid and message.
      */
     this.evaluateSingleDate = (input) => {
       const singleDate = new Date(input);
       if (this.minDate && compareIsBefore(singleDate, this.minDate)) {
-        return this.invalidResult(`The date should be later than ${this.config.minDate}`);
+        return this.invalidResult({
+          key: 'The date should be later than {0}',
+          args: [this.config.minDate],
+        });
       }
       if (this.maxDate && compareIsAfter(singleDate, this.maxDate)) {
-        return this.invalidResult(`The date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       return this.validResult();
     };
@@ -31,19 +37,28 @@ export class MinAndMaxDateRule {
      * Evaluate if start date or end date are within the min and max date range
      *
      * @param {string[]} input includes start date or end date
-     * @returns  {EvaluateResult}An object with two properties: isValid and message.
+     * @returns  {EvaluateResultTranslation}An object with two properties: isValid and message.
      */
     this.evaluateRangeDates = (input) => {
       const startDate = new Date(input[0]);
       const endDate = new Date(input[1]);
       if (this.minDate && compareIsBefore(startDate, this.minDate)) {
-        return this.invalidResult(`The start date should be later than ${this.config.minDate}`);
+        return this.invalidResult({
+          key: 'The start date should be later than {0}',
+          args: [this.config.minDate],
+        });
       }
       if (this.maxDate && compareIsAfter(startDate, this.maxDate)) {
-        return this.invalidResult(`The start date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The start date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       if (endDate && this.maxDate && compareIsAfter(endDate, this.maxDate)) {
-        return this.invalidResult(`The end date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The end date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       return this.validResult();
     };
@@ -51,7 +66,7 @@ export class MinAndMaxDateRule {
      * Generate an invalid result
      *
      * @param {string} message Error message
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.invalidResult = (message) => ({
       isValid: false,
@@ -60,7 +75,7 @@ export class MinAndMaxDateRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -88,7 +103,7 @@ export class MinAndMaxDateRule {
    * max date range
    *
    * @param {string | string[]} input - The value of the date picker.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

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

@@ -19,7 +19,7 @@ export class MinNumberRule {
    * If the input is a number, return true if it's more than or equal to the minimum value, false otherwise
    *
    * @param {unknown} input - The input value to be evaluated.
-   * @returns {EvaluateResult} The result of the evaluation.
+   * @returns {EvaluateResultTranslation} The result of the evaluation.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {
@@ -30,7 +30,9 @@ export class MinNumberRule {
     const minValue = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.minValue) || 0;
     return {
       isValid: convertToNumber(input) >= minValue,
-      message: convertToNumber(input) >= minValue ? '' : `The minimum input value is ${minValue}`,
+      message: convertToNumber(input) >= minValue
+        ? ''
+        : { key: 'The minimum input value is {0}', args: [minValue] },
     };
   }
   /**

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

@@ -18,7 +18,7 @@ export class MinStringLengthRule {
    * It checks if the input is a string and if it's longer than the minimum string length
    *
    * @param {string} input - string
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {
@@ -29,7 +29,12 @@ export class MinStringLengthRule {
     const minStrLength = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.minStrLength) || 0;
     return {
       isValid: input.length >= minStrLength,
-      message: input.length >= minStrLength ? '' : `The minimum input length is ${minStrLength}`,
+      message: input.length >= minStrLength
+        ? ''
+        : {
+          key: 'The minimum input length is {0}',
+          args: [minStrLength],
+        },
     };
   }
   /**

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

@@ -17,7 +17,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 {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

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

@@ -18,7 +18,7 @@ export class TimeRangeRequiredRule {
    * It checks if the input is a valid time string.
    *
    * @param {string} input - The value of the input field.
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

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

@@ -37,7 +37,7 @@ export class TimeRangeRule {
    * Check if the start time is before than end time
    *
    * @param {string | string[]} input - The value of the time picker.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

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

@@ -18,7 +18,7 @@ export class TimeRequiredRule {
    * It checks if the input is a valid time string.
    *
    * @param {string} input - The value of the input field.
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

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

@@ -11,7 +11,7 @@ export class ValidPhoneNumberRule {
      * Generate an invalid result
      *
      * @param {string} message Error message
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation['message']} invalid validation result
      */
     this.invalidResult = (message) => ({
       isValid: false,
@@ -20,7 +20,7 @@ export class ValidPhoneNumberRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -31,7 +31,7 @@ export class ValidPhoneNumberRule {
    * It checks if the phone number is valid.
    *
    * @param {string} input - The input value to be evaluated.
-   * @returns {EvaluateResult} an object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} an object with two properties: isValid and message.
    */
   evaluate(input) {
     return this.isValidPhoneNumberForCountry(input, this.countryCodeGetter());
@@ -79,7 +79,7 @@ export class ValidPhoneNumberRule {
    * function is of type `VegaCountryCode`. It is used to specify the country for which the phone number
    * should be validated. The function attempts to parse the input phone number with the specified
    * country code and performs validation checks to determine if the
-   * @returns {EvaluateResult} The `isValidPhoneNumberForCountry` function returns an `EvaluateResult` object. This object
+   * @returns {EvaluateResultTranslation} The `isValidPhoneNumberForCountry` function returns an `EvaluateResult` object. This object
    * contains information about whether the phone number provided is valid for the specified country
    * code. The function may return a valid result if the phone number is valid for the country code, an
    * invalid result if the phone number is not valid or does not belong to the specified country, or an
@@ -94,7 +94,10 @@ export class ValidPhoneNumberRule {
         extract: false,
       });
       if (phoneNumber.country && phoneNumber.country !== countryCode) {
-        return this.invalidResult(`Phone number is valid but it belongs to country ${phoneNumber.country}, not country ${countryCode}`);
+        return this.invalidResult({
+          key: 'Phone number is valid but it belongs to country {0}, not country {1}',
+          args: [phoneNumber.country, countryCode],
+        });
       }
       if (!phoneNumber.isValid()) {
         return this.invalidResult(`Phone number is not valid`);