@globalpayments/vega 2.38.0 → 2.40.0

package/dist/esm/{min-number-rule-31d48b22.js → min-number-rule-a6082418.js}

@@ -1,12 +1,13 @@
 import { c as convertToNumber } from './number-4398f2e1.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**
  * 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
  */
-class MaxNumberRule {
+class MaxNumberRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -14,6 +15,7 @@ class MaxNumberRule {
    * @param {number} config.maxValue number of the maxValue
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**
@@ -71,10 +73,10 @@ class MaxNumberRule {
 /**
  * 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
  */
-class MinNumberRule {
+class MinNumberRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -82,6 +84,7 @@ class MinNumberRule {
    * @param {number} config.minValue number of the minValue
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**

package/dist/esm/{min-string-length-rule-c6a69eeb.js → min-string-length-rule-c31c89f4.js}

@@ -1,10 +1,12 @@
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
 /**
  * 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
  */
-class MaxStringLengthRule {
+class MaxStringLengthRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -12,6 +14,7 @@ class MaxStringLengthRule {
    * @param {number} config.maxStrLength number of the maxStrLength
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**
@@ -69,10 +72,10 @@ class MaxStringLengthRule {
 /**
  * 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
  */
-class MinStringLengthRule {
+class MinStringLengthRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -80,6 +83,7 @@ class MinStringLengthRule {
    * @param {number} config.minStrLength number of the minStrLength
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**

package/dist/esm/public-rules-413f6a17.js

@@ -0,0 +1,27 @@
+export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
+export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
+export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
+export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
+export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-75cc2db0.js';
+export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
+export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
+export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
+import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './date-c55b97f0.js';
+import './global-slimmer-registry-17c4efd4.js';
+import './content-state-2edba4ec.js';
+import './change-manager-6a7eb88c.js';
+import './dom-node-subject-factory-97deb349.js';
+import './ui-62e4be97.js';
+import './vega-internal-event-id-f269c42f.js';
+import './type-guard-158f6d7a.js';
+import './breakpoints-d9faf11c.js';
+import './ui-8424715a.js';
+import './regex-dfe11abf.js';
+import './typography-396de03f.js';
+import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import './dynamic-slimmer-90b8af32.js';
+import './_commonjsHelpers-9943807e.js';
+import './static-subject-title-8268945e.js';
+import './observer-3959f9dd.js';

package/dist/esm/{required-field-rule-368b31fa.js → required-field-rule-ab4bdc47.js}

@@ -1,10 +1,13 @@
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
 /**
  * A rule that checks if a string is empty or not
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-class RequiredFieldRule {
+class RequiredFieldRule extends InternalFormFieldValidationRule {
   constructor() {
+    super(...arguments);
     /**
      * A function that checks if the item is a string, number, or boolean.
      *
@@ -17,7 +20,7 @@ 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/esm/rich-text-editor-required-rule-75cc2db0.js

@@ -0,0 +1,62 @@
+import { a as VegaRTEContent } from './content-state-2edba4ec.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
+/**
+ * A rule that checks if the input range is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string[]>}
+ */
+class RichTextEditorRequiredRule extends InternalFormFieldValidationRule {
+  /**
+   * 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.
+   */
+  evaluate(input) {
+    var _a, _b;
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid value ${input} for rich text editor`);
+    }
+    const isValid = ((_a = input === null || input === void 0 ? void 0 : input.blocks) === null || _a === void 0 ? void 0 : _a.length) > 1 || // isValid: true when the length is greater than 1 to keep the same behavior as vega-textarea
+      (((_b = input === null || input === void 0 ? void 0 : input.blocks) === null || _b === void 0 ? void 0 : _b.length) === 1 && input.blocks.some((block) => block.isNotEmpty()));
+    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 VegaRTEContent.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} A boolean.
+   */
+  isAcceptedInputType(input) {
+    if (input === undefined || input === null)
+      return true;
+    return input instanceof VegaRTEContent;
+  }
+}
+
+export { RichTextEditorRequiredRule as R };

package/dist/esm/{string-input-formatter-slimmer-d4132497.js → string-input-formatter-slimmer-418b54f0.js}

@@ -2,8 +2,8 @@ import { i as isNonNullable } from './type-guard-158f6d7a.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
-import { a as VegaInternalComponentDidRender } from './vega-internal-event-id-d0690d0d.js';
-import { a as waitForComponentDidRender } from './index-6e05b241.js';
+import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-f269c42f.js';
+import { a as waitForComponentDidRender } from './index-d172bafa.js';
 
 /**
  * String format strategy abstract class

package/dist/esm/{sub-state-notify-slimmer-51151fc3.js → sub-state-notify-slimmer-b36fd081.js}

@@ -2,7 +2,7 @@ import { V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { h as VegaInternalSubStatePull, g as VegaInternalSubStatePush } from './vega-internal-event-id-d0690d0d.js';
+import { h as VegaInternalSubStatePull, g as VegaInternalSubStatePush } from './vega-internal-event-id-f269c42f.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
 
 /**

package/dist/esm/{sub-state-observer-slimmer-d77a1c46.js → sub-state-observer-slimmer-09452523.js}

@@ -3,7 +3,7 @@ import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as findParent } from './ui-62e4be97.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
-import { g as VegaInternalSubStatePush, h as VegaInternalSubStatePull } from './vega-internal-event-id-d0690d0d.js';
+import { g as VegaInternalSubStatePush, h as VegaInternalSubStatePull } from './vega-internal-event-id-f269c42f.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/time-required-rule-a01163b5.js

@@ -0,0 +1,138 @@
+import { a as isTimeStr } from './date-c55b97f0.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
+/**
+ * A rule that checks if time is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string[]>}
+ */
+class TimeRangeRequiredRule extends InternalFormFieldValidationRule {
+  /**
+   * It creates a new instance of the class with the given config.
+   *
+   * @param {{ timeFormat: TimeFormat }} config - config including the timeFormat for time value
+   * @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 {EvaluateResult} An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid time value ${input} for range mode`);
+    }
+    const isValid = Array.isArray(input) &&
+      input.length === 2 &&
+      input.every((item) => isTimeStr(item, this.config.timeFormat));
+    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 time is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string>}
+ */
+class TimeRequiredRule extends InternalFormFieldValidationRule {
+  /**
+   * It creates a new instance of the class with the given config.
+   *
+   * @param {{ timeFormat: TimeFormat }} config - config including the timeFormat for time value
+   * @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 {EvaluateResult} An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid time value ${input}`);
+    }
+    const isValid = isTimeStr(input, this.config.timeFormat);
+    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';
+  }
+}
+
+export { TimeRangeRequiredRule as T, TimeRequiredRule as a };

package/dist/esm/toggle-switch-required-rule-b3cf4302.js

@@ -0,0 +1,64 @@
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
+/**
+ * A rule that checks if the toggle switch is required to switch on
+ *
+ * @augments {InternalFormFieldValidationRule<boolean>}
+ */
+class ToggleSwitchRequiredRule extends InternalFormFieldValidationRule {
+  /**
+   * If the input is a boolean, return a boolean. If the
+   * input is anything else, return false
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @returns {EvaluateResult} - An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (typeof input === 'boolean') {
+      return {
+        isValid: input,
+        message: input ? '' : 'This field is required',
+      };
+    }
+    else {
+      return {
+        isValid: false,
+        message: '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} The return value is a boolean that indicates whether the input can be evaluated.
+   */
+  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 boolean.
+   *
+   * @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 === 'boolean';
+  }
+}
+
+export { ToggleSwitchRequiredRule as T };

package/dist/esm/{valid-credit-card-number-rule-2aef3ad5.js → valid-credit-card-number-rule-cc497bec.js}

@@ -1,12 +1,13 @@
 import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './regex-dfe11abf.js';
 import { m as mapStringToNumberArray, a as mapParityDigits, s as sum } from './number-4398f2e1.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**
  * A rule that checks if it's a valid credit card number
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-class ValidCreditCardNumberRule {
+class ValidCreditCardNumberRule extends InternalFormFieldValidationRule {
   /**
    * It takes a string, maps it to an array of numbers, reverses the array, checks the length of the
    * array, maps the even digits to a new array, sums the new array, and returns true if the sum is

package/dist/esm/vega-button-group_2.entry.js

@@ -2,13 +2,13 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-51151fc3.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-b36fd081.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
 import { a as VegaClick, b as VegaDropdownClick, d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3220fa5b.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { m as VegaInternalButtonGroupClick } from './vega-internal-event-id-d0690d0d.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d77a1c46.js';
+import { m as VegaInternalButtonGroupClick } from './vega-internal-event-id-f269c42f.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-09452523.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as findParent } from './ui-62e4be97.js';
 import './dynamic-slimmer-90b8af32.js';

package/dist/esm/vega-calendar_3.entry.js

@@ -5,22 +5,22 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
 import { a as VegaClick, f as VegaChange, b as VegaDropdownClick, d as domNodeSubjectFactory, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick } from './dom-node-subject-factory-97deb349.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-900a5bb4.js';
-import { p as pad } from './date-732bc749.js';
+import { p as pad } from './date-c55b97f0.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3220fa5b.js';
-import { n as VegaInternalCalendarMonthEventsChange } from './vega-internal-event-id-d0690d0d.js';
+import { n as VegaInternalCalendarMonthEventsChange } from './vega-internal-event-id-f269c42f.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { f as flatNestedArray } from './array-b668466e.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
 import { d as debounce } from './timer-9321173b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-51151fc3.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-b36fd081.js';
 import { T as TranslationSlimmer } from './translation-slimmer-7974f30b.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { q as isBackgroundColorTokenType } from './type-guard-158f6d7a.js';
 import { s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d77a1c46.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-09452523.js';
 import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
 import './observer-3959f9dd.js';
 import './ui-62e4be97.js';