@globalpayments/vega 2.38.0 → 2.40.0

package/dist/cjs/date-required-rule-4e1f84fd.js

@@ -0,0 +1,92 @@
+'use strict';
+
+const date = require('./date-0a6bb035.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+
+/**
+ * A rule that checks if date is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string | string[]>}
+ */
+class DateRequiredRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
+  /**
+   * It creates a new instance of the class with the given config.
+   *
+   * @param {{ mode: 'single' | 'range' }} config - config including the mode for date value
+   * @param {'single' | 'range'} config.mode - The mode for date value
+   */
+  constructor(config) {
+    super();
+    this.config = config;
+  }
+  /**
+   * If the input is not valid for the current mode, throw an error.
+   * 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.
+   */
+  evaluate(input) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid date value ${input} for mode ${this.config.mode}`);
+    }
+    let isValid;
+    switch (this.config.mode) {
+      case 'single':
+        isValid = date.isDateStr(input);
+        break;
+      case 'range':
+        isValid = Array.isArray(input) && input.length === 2 && input.every(date.isDateStr);
+        break;
+    }
+    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, if the mode is 'single', return true if
+   * the input is a string. Otherwise, if the mode is 'range', return true if the input is an array. Otherwise, return false.
+   *
+   * @param {unknown} input - The input value that the user has entered.
+   * @returns {boolean} A boolean value.
+   */
+  isAcceptedInputType(input) {
+    if (input === undefined || input === null)
+      return true;
+    if (!this.config.mode) {
+      throw new Error(`Unexpected type of mode: ${this.config.mode}`);
+    }
+    switch (this.config.mode) {
+      case 'single':
+        return typeof input === 'string';
+      case 'range':
+        return Array.isArray(input);
+      default:
+        return false;
+    }
+  }
+}
+
+exports.DateRequiredRule = DateRequiredRule;

package/dist/cjs/{element-appender-slimmer-c6e0f4ca.js → element-appender-slimmer-4f0dc8c6.js}

@@ -955,6 +955,7 @@ class ElementAppender {
     if (!this.showConfig)
       return;
     this.removeVisibleAppendElement(this.showConfig.appendableElement);
+    this.resetContainerPosition();
     internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
     this.showConfig.appendableElement.remove();
     this.disconnectResizeObserver();
@@ -1245,10 +1246,7 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   }
   disconnectedCallback() {
     this.unRegisterElementAppenderListener();
-    if (this.elementAppender) {
-      this.elementAppender.destroy();
-      this.elementAppender = null;
-    }
+    this.destroyElementAppender();
   }
   componentDidLoad() {
     this.initElementAppender();
@@ -1265,13 +1263,19 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.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/cjs/file-uploader-required-rule-313ec9e3.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
+
+/**
+ * A rule that checks the value is empty or not which value type is object array
+ */
+class FileUploaderRequiredRule extends requiredFieldRule.RequiredFieldRule {
+  constructor() {
+    super(...arguments);
+    /**
+     * re-define the object array check item type method
+     *
+     * @param {unknown} item the array item
+     * @returns {boolean} true or false
+     */
+    this.checkArrayItemType = (item) => !!(item && typeof item === 'object');
+  }
+}
+
+exports.FileUploaderRequiredRule = FileUploaderRequiredRule;

package/dist/cjs/{form-field-controller-slimmer-48c0ad0b.js → form-field-controller-slimmer-d92e8212.js}

@@ -12,6 +12,7 @@ const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const translation = require('./translation-6848c389.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
@@ -536,7 +537,11 @@ 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.
@@ -824,6 +829,28 @@ 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_abstract.InternalFormFieldValidationRule &&
+          customRule instanceof defaultRule.constructor &&
+          customRule.overrideDefault);
+      });
+      if (customRuleIndex > -1) {
+        return additionalRules.splice(customRuleIndex, 1)[0];
+      }
+    }
+    return defaultRule;
+  }
 }
 __decorate$3([
   globalSlimmerRegistry.InjectVegaSlimmer()

package/dist/cjs/{image-annotation-action-7d82f7e1.js → image-annotation-action-75b9c0d3.js}

@@ -5,8 +5,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const contentState = require('./content-state-f97d3278.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-4f6df9cf.js');
+const contentState = require('./content-state-c5b47ca1.js');
 
 var __decorate$1 = (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;
@@ -103,7 +102,7 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
       tooltip: { text: 'Text Color' },
     });
     this.popoverShow = false;
-    nodeAnnotation_abstract.VegaDarkModeStyleController.registerCustomDarkModeColor(TextColorToolbarButtonSlimmer.formatDarkModeColor());
+    contentState.VegaDarkModeStyleController.registerCustomDarkModeColor(TextColorToolbarButtonSlimmer.formatDarkModeColor());
   }
   static formatDarkModeColor() {
     return contentState.RTE_TEXT_COLORS.reduce((prev, current) => {
@@ -184,9 +183,9 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     const selectedNodes = this.selectionController.getSelectedNodes();
     return selectedNodes.some((node) => {
       var _a;
-      return ((_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK) ||
-        node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
+      return ((_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+        node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK) ||
+        node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
     });
   }
 }

package/dist/cjs/index.cjs.js

@@ -14,15 +14,23 @@ const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-00dbdf29.js');
 const featureFlagController = require('./feature-flag-controller-7b22e598.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-4f6df9cf.js');
+const contentState = require('./content-state-c5b47ca1.js');
 const vegaDialogController = require('./vega-dialog-controller-fe610705.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
 const iconManager = require('./icon-manager-edc2400b.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a9ae5d9.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
 const index = require('./index-0546e2ea.js');
 const translation = require('./translation-6848c389.js');
-const contentState = require('./content-state-f97d3278.js');
 const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
+const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
+const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
+const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-cacc5fe0.js');
+const timeRequiredRule = require('./time-required-rule-ccf178e7.js');
+const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
+const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
 require('./state-background-color-formatter-e585a027.js');
 require('./regex-c1f70fd4.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
@@ -33,12 +41,14 @@ require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./static-subject-title-c589a1bd.js');
 require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
 require('./dom-node-subject-factory-ce1777a9.js');
 require('./vega-internal-event-id-bda63e14.js');
+require('./static-subject-title-c589a1bd.js');
+require('./observer-f49483e8.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./pixel-98f2a10c.js');
+require('./date-0a6bb035.js');
 
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
@@ -95,24 +105,34 @@ exports.VegaNotify = vegaSkeletonLoaderController.VegaNotify;
 exports.VegaSkeletonLoader = vegaSkeletonLoaderController.VegaSkeletonLoader;
 exports.VegaZIndexManager = vegaSkeletonLoaderController.VegaZIndexManager;
 exports.FeatureFlag = featureFlagController.FeatureFlag;
-exports.ModifyContentAction = nodeAnnotation_abstract.ModifyContentAction;
-exports.RTENode = nodeAnnotation_abstract.RTENode;
-exports.VegaThemeManager = nodeAnnotation_abstract.VegaThemeManager;
-exports.VegaDialog = vegaDialogController.VegaDialog;
-exports.VegaJQueryDelegatedEventStrategy = internalVegaEventManager.BaseStrategy;
-exports.VegaIconManager = iconManager.VegaIconManager;
-exports.ValidCreditCardNumberRule = validCreditCardNumberRule.ValidCreditCardNumberRule;
-exports.waitForVega = index.waitForVega;
-exports.VegaTranslation = translation.VegaTranslation;
-exports.VegaTranslationResourceEN = translation.staticTranslations;
+exports.ModifyContentAction = contentState.ModifyContentAction;
 exports.RTEBlock = contentState.RTEBlock;
 exports.RTEImageBlock = contentState.RTEImageBlock;
 exports.RTEImageNode = contentState.RTEImageNode;
 exports.RTEListBlock = contentState.RTEListBlock;
 exports.RTEListItemBlock = contentState.RTEListItemBlock;
+exports.RTENode = contentState.RTENode;
 exports.RTETextBlock = contentState.RTETextBlock;
 exports.RTETextNode = contentState.RTETextNode;
 exports.VegaRTEContent = contentState.VegaRTEContent;
+exports.VegaThemeManager = contentState.VegaThemeManager;
+exports.VegaDialog = vegaDialogController.VegaDialog;
+exports.VegaJQueryDelegatedEventStrategy = internalVegaEventManager.BaseStrategy;
+exports.VegaIconManager = iconManager.VegaIconManager;
+exports.ValidCreditCardNumberRule = validCreditCardNumberRule.ValidCreditCardNumberRule;
+exports.waitForVega = index.waitForVega;
+exports.VegaTranslation = translation.VegaTranslation;
+exports.VegaTranslationResourceEN = translation.staticTranslations;
 exports.GridColumns = responsiveFormatFacade.GridColumns;
 exports.GridRows = responsiveFormatFacade.GridRows;
+exports.CheckBoxRequiredRule = checkBoxRequiredRule.CheckBoxRequiredRule;
+exports.DateRequiredRule = dateRequiredRule.DateRequiredRule;
+exports.InputPhoneNumberRequiredRule = inputPhoneNumberRequiredRule.InputPhoneNumberRequiredRule;
+exports.InputRangeRequiredRule = inputRangeRequiredRule.InputRangeRequiredRule;
+exports.RequiredFieldRule = requiredFieldRule.RequiredFieldRule;
+exports.RichTextEditorRequiredRule = richTextEditorRequiredRule.RichTextEditorRequiredRule;
+exports.TimeRangeRequiredRule = timeRequiredRule.TimeRangeRequiredRule;
+exports.TimeRequiredRule = timeRequiredRule.TimeRequiredRule;
+exports.ToggleSwitchRequiredRule = toggleSwitchRequiredRule.ToggleSwitchRequiredRule;
+exports.FileUploaderRequiredRule = fileUploaderRequiredRule.FileUploaderRequiredRule;
 exports.Rings = Rings;

package/dist/cjs/input-phone-number-required-rule-2668fdf1.js

@@ -0,0 +1,65 @@
+'use strict';
+
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+
+/**
+ * A rule that checks if input phone number is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string>}
+ */
+class InputPhoneNumberRequiredRule extends internalFormFieldValidationRule_abstract.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 {EvaluateResult} An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid value ${input} for input phone number`);
+    }
+    const isValid = this.phoneNumberValueGetter() !== '';
+    return {
+      isValid,
+      message: isValid ? '' : 'This field is required',
+    };
+  }
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  canEvaluate(input, status) {
+    return status
+      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
+      : this.isAcceptedInputType(input);
+  }
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status) {
+    return !status.disabled && status.visible && (status.touched || status.modified);
+  }
+  /**
+   * If the input is undefined or null, return true, otherwise return true if the input is a string.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean}A boolean.
+   */
+  isAcceptedInputType(input) {
+    if (input === undefined || input === null)
+      return true;
+    return typeof input === 'string';
+  }
+}
+
+exports.InputPhoneNumberRequiredRule = InputPhoneNumberRequiredRule;

package/dist/cjs/input-range-required-rule-5b9c2a95.js

@@ -0,0 +1,63 @@
+'use strict';
+
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+
+/**
+ * A rule that checks if the input range is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string[]>}
+ */
+class InputRangeRequiredRule extends internalFormFieldValidationRule_abstract.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) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid value ${input} for input range`);
+    }
+    const isValid = Array.isArray(input) &&
+      input.length === 2 &&
+      input.every((item) => !!item || item == '0');
+    return {
+      isValid,
+      message: isValid ? '' : 'This field is required',
+    };
+  }
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  canEvaluate(input, status) {
+    return status
+      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
+      : this.isAcceptedInputType(input);
+  }
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status) {
+    return !status.disabled && status.visible && (status.touched || status.modified);
+  }
+  /**
+   * If the input is undefined or null, return true, otherwise return true if the input is a string.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean}A boolean.
+   */
+  isAcceptedInputType(input) {
+    if (input === undefined || input === null)
+      return true;
+    return Array.isArray(input);
+  }
+}
+
+exports.InputRangeRequiredRule = InputRangeRequiredRule;

package/dist/cjs/internal-form-field-validation-rule.abstract-07cdff46.js

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