@globalpayments/vega 2.39.0 → 2.41.0

package/dist/cjs/{app-globals-dd3e7925.js → app-globals-7fecd3ff.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-const featureFlagController = require('./feature-flag-controller-7b22e598.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-00dbdf29.js');
-const contentState = require('./content-state-c5b47ca1.js');
+const featureFlagController = require('./feature-flag-controller-3c6666df.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
+const contentState = require('./content-state-582d8961.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const vegaDialogController = require('./vega-dialog-controller-fe610705.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const iconManager = require('./icon-manager-edc2400b.js');
-const index$1 = require('./index-0546e2ea.js');
+require('./wait-for-vega-handler-46280dcf.js');
 require('./ui-5fd9b267.js');
 const translation = require('./translation-6848c389.js');
 const typography = require('./typography-4560e7f1.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a9ae5d9.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
+const index$1 = require('./index-453b89b9.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const index = require('./index-09acd3c9.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -133,10 +133,10 @@ class VegaTranslateObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Registers an observer to watch for translation updates, which triggers a forced update on the component.
    */
   connectedCallback() {
-    const observer$1 = new observer.Observer(this.isAcceptable.bind(this), () => {
+    const observer = new domNodeSubjectFactory.Observer(this.isAcceptable.bind(this), () => {
       index.forceUpdate(this.component);
     });
-    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer$1);
+    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer);
   }
   /**
    * Determines whether the observer should accept changes.
@@ -176,6 +176,7 @@ function appGlobalScript () {
   injectVegaSkeletonLoaderIntoGlobal();
   injectVegaTranslationIntoGlobal();
   injectVegaRichTextEditorClassIntoGlobal();
+  injectVegaPublicValidationRules();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -221,7 +222,7 @@ function injectVegaLogLevelIntoGlobal() {
  * Inject VegaDialog to global as a public api
  */
 function injectVegaDialogIntoGlobal() {
-  globalThis.VegaDialog = vegaDialogController.VegaDialog;
+  globalThis.VegaDialog = vegaSkeletonLoaderController.VegaDialog;
 }
 /**
  * register global vega slimmers
@@ -308,6 +309,16 @@ function injectVegaTranslationIntoGlobal() {
 function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTEContent = contentState.VegaRTEContent;
 }
+/**
+ * Inject VegaPublicValidationRules to global as a public api
+ */
+function injectVegaPublicValidationRules() {
+  void Promise.resolve().then(function () { return require('./public-rules-ec626913.js'); }).then((module) => {
+    Object.entries(module).forEach(([name, value]) => {
+      globalThis[name] = value;
+    });
+  });
+}
 
 const globalScripts = appGlobalScript;
 

package/dist/cjs/check-box-required-rule-1ee54b9a.js

@@ -0,0 +1,70 @@
+'use strict';
+
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+
+/**
+ * A rule that checks if a string is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string>}
+ */
+class CheckBoxRequiredRule extends internalFormFieldValidationRule_abstract.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 {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 if (typeof input === 'string') {
+      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 a string, number, boolean, or null, return true, otherwise return false.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} a boolean value.
+   */
+  isAcceptedInputType(input) {
+    return typeof input === 'string' || typeof input === 'boolean' || input === null;
+  }
+}
+
+exports.CheckBoxRequiredRule = CheckBoxRequiredRule;

package/dist/cjs/{child-nodes-event-prevent-slimmer-af2addec.js → child-nodes-event-prevent-slimmer-4beb1fde.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const featureFlagController = require('./feature-flag-controller-7b22e598.js');
+const featureFlagController = require('./feature-flag-controller-3c6666df.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/cjs/{child-nodes-notify-observer-slimmer-4e60a929.js → child-nodes-notify-observer-slimmer-be92f366.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-5fd9b267.js');
 
@@ -64,7 +64,7 @@ class ChildNodesNotifyObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer
    */
   connectedCallback() {
     if (this.subject) {
-      this.notifyObserver = new observer.Observer(this.isAcceptableObserverPayload.bind(this), this.handleObserver);
+      this.notifyObserver = new domNodeSubjectFactory.Observer(this.isAcceptableObserverPayload.bind(this), this.handleObserver);
       changeManager.ChangeManager.register(this.subject, this.notifyObserver);
     }
   }

package/dist/cjs/{content-state-c5b47ca1.js → content-state-582d8961.js}

@@ -1,14 +1,13 @@
 'use strict';
 
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const observer = require('./observer-f49483e8.js');
 
 var tinycolor = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.
@@ -2815,7 +2814,7 @@ class DarkModeStyleController {
   constructor() {
     this.dynamicCustomDarkModeColor = {};
     this.darkModeColorAllTokens = {};
-    this.observer = new observer.Observer(this.isAcceptObserver.bind(this), (isDark) => {
+    this.observer = new domNodeSubjectFactory.Observer(this.isAcceptObserver.bind(this), (isDark) => {
       if (isDark) {
         this.generateDarkModeStyle();
       }

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/{design-token-36eb5def.js → design-token-4d94a23c.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
 const typography = require('./typography-4560e7f1.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-e585a027.js');
 const ui = require('./ui-32e69595.js');

package/dist/cjs/{dom-node-subject-factory-ce1777a9.js → dom-node-subject-factory-3ec114b8.js}

@@ -2,6 +2,35 @@
 
 const ui = require('./ui-5fd9b267.js');
 
+/**
+ *  An Observer is a class that has a listener method that accepts a value of type T
+ *  and calls the listener method with a value of type T
+ */
+class Observer {
+  /**
+   * It accepts a function that accepts a value and returns a boolean, and a function that accepts a value of the type that
+   * the first function accepts
+   *
+   * @typedef T generic type parameter
+   * @param {(input: unknown) => input is T} accept - A function that indicate if the input is acceptable by the observer
+   * @param {(input: T) => void} listener - A function handle the input for the observer if the input is accepted
+   */
+  constructor(accept, listener) {
+    this.accept = accept;
+    this.listener = listener;
+  }
+  /**
+   * If the input is of the type that this handler is interested in, then call the listener function
+   *
+   * @param {unknown} input - unknown
+   */
+  notify(input) {
+    if (this.accept(input)) {
+      this.listener(input);
+    }
+  }
+}
+
 /** The VegaEventID class represents an event ID with both a Vega name and a native name. */
 class VegaEventID {
   /**
@@ -200,6 +229,7 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
+exports.Observer = Observer;
 exports.VegaActionButtonClick = VegaActionButtonClick;
 exports.VegaActionClick = VegaActionClick;
 exports.VegaBlur = VegaBlur;

package/dist/cjs/{dom-node-subject-observer-factory-80b3ac6c.js → dom-node-subject-observer-factory-5f0eae19.js}

@@ -1,8 +1,7 @@
 'use strict';
 
 const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 
 /**
  * The function `domAcceptableHandle` always returns `true`.
@@ -24,7 +23,7 @@ class DomNodeSubjectObserverFactory {
    */
   static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
     if (node) {
-      const domNodesObserver = new observer.Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
+      const domNodesObserver = new domNodeSubjectFactory.Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
       DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
       changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
     }

package/dist/cjs/{element-appender-slimmer-c6e0f4ca.js → element-appender-slimmer-88edb0d1.js}

@@ -2,15 +2,15 @@
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-5fd9b267.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 
 var __decorate$9 = (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;
@@ -932,7 +932,7 @@ class ElementAppender {
       return;
     this.toggleShow(false);
     this.resetContainerPosition();
-    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
   }
   /**
    * Update position while window scroll.
@@ -955,7 +955,8 @@ class ElementAppender {
     if (!this.showConfig)
       return;
     this.removeVisibleAppendElement(this.showConfig.appendableElement);
-    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    this.resetContainerPosition();
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
     this.showConfig.appendableElement.remove();
     this.disconnectResizeObserver();
   }
@@ -1046,6 +1047,7 @@ class ElementAppender {
     if (!this.showConfig.isScreenPosition) {
       this.initVisibleAppendElement();
     }
+    this.showConfig.appendableElement.classList.add('vega-element-appender-appendable');
     this.showConfig.appendableElement.style.boxSizing = 'border-box';
     this.positionCalculationController.setCalculationStrategy();
   }
@@ -1080,7 +1082,7 @@ class ElementAppender {
    * @returns {void}
    */
   setZIndex() {
-    internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
   }
   /**
    * If the showConfigCallback is a function, call it and return the result, otherwise return the
@@ -1193,7 +1195,7 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       if (this.shouldListenerWork('custom') &&
         this.isShowing() &&
         this.showConfig &&
-        !ui.isParent(currentTarget, this.showConfig.appendableElement) &&
+        !ui.findParent(currentTarget, '.vega-element-appender-appendable') &&
         !ui.isParent(currentTarget, this.showConfig.target) &&
         ui.findParent(currentTarget, 'vega-modal') === ui.findParent(this.showConfig.target, 'vega-modal')) {
         this.hide();
@@ -1245,10 +1247,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 +1264,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();
@@ -1307,7 +1312,7 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Sets up an observer to handle scroll events in a shadow root element.
    */
   listenShadowRootElementScrolling() {
-    this.shadowRootElementScrollingObserver = new observer.Observer(this.canAcceptShadowRootScrollEvent.bind(this), this.globalScrollHandler.bind(this));
+    this.shadowRootElementScrollingObserver = new domNodeSubjectFactory.Observer(this.canAcceptShadowRootScrollEvent.bind(this), this.globalScrollHandler.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.SHADOW_ROOT_ELEMENT_SCROLLING, this.shadowRootElementScrollingObserver);
   }
   /**

package/dist/cjs/{event-emit-slimmer-208a19e4.js → event-emit-slimmer-9c223f73.js}

@@ -3,9 +3,9 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
 
 var __decorate$3 = (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/cjs/{feature-flag-controller-7b22e598.js → feature-flag-controller-3c6666df.js}

@@ -196,6 +196,12 @@ const FeatureFlagsMap = {
     createdAtVersion: '2.32.0',
     disabledByDefault: false,
   },
+  'VEGA_COMPONENT.CORNERS_USE_OLD_BEHAVIOR': {
+    description: `Feature flag that the component corners style weights are sorted according to the [0, 9999, 2, 4, 8, ..., 48]`,
+    createdTimestamp: 1744772429681,
+    createdAtVersion: '2.41.0',
+    disabledByDefault: true,
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);
 

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-9f4d1fc3.js}

@@ -3,16 +3,16 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const ui = require('./ui-5fd9b267.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
 const array = require('./array-5adef7b2.js');
@@ -358,7 +358,7 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Init translation observer of translation language changes
    */
   initTranslationObserver() {
-    const observer$1 = new observer.Observer(this.isAcceptableTranslationObserver.bind(this), () => {
+    const observer = new domNodeSubjectFactory.Observer(this.isAcceptableTranslationObserver.bind(this), () => {
       if (!this.errorMessage)
         return;
       const inputContainer = this.getInputElementContainer();
@@ -370,7 +370,7 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
         }
       }
     });
-    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer$1);
+    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer);
   }
   /**
    * Determines whether the observer should accept changes.
@@ -536,7 +536,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.
@@ -707,7 +711,7 @@ class FormFieldController {
    * When that event is fired, the `updateIsModified` function is called with the argument `true`
    */
   setupModifiedListener() {
-    this.hostValueChangeObserver = new observer.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
+    this.hostValueChangeObserver = new domNodeSubjectFactory.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, this.hostValueChangeObserver);
   }
   /**
@@ -760,7 +764,7 @@ class FormFieldController {
    * reset operation is triggered
    */
   initFormResetObserver() {
-    this.formResetTriggeredObserver = new observer.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
+    this.formResetTriggeredObserver = new domNodeSubjectFactory.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**
@@ -824,6 +828,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()
@@ -871,7 +897,7 @@ class FieldErrorControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * register the observer when the slimmer method called
    */
   handleComponentWillLoadByFieldErrorSlimmer() {
-    this.fieldErrorMessageChangeObserver = new observer.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
+    this.fieldErrorMessageChangeObserver = new domNodeSubjectFactory.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
     changeManager.ChangeManager.register(staticSubjectTitle.FIELD_ERROR_MESSAGE_CHANGE, this.fieldErrorMessageChangeObserver);
   }
   /**

package/dist/cjs/{image-annotation-action-75b9c0d3.js → image-annotation-action-3247409b.js}

@@ -2,10 +2,10 @@
 
 const index = require('./index-09acd3c9.js');
 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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const contentState = require('./content-state-c5b47ca1.js');
+const contentState = require('./content-state-582d8961.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;