@globalpayments/vega 2.25.0 → 2.27.0

package/dist/cjs/vega-input-credit-card.cjs.entry.js

@@ -3,38 +3,39 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const featureFlagController = require('./feature-flag-controller-0e5235e1.js');
+const featureFlagController = require('./feature-flag-controller-078da332.js');
 const regex = require('./regex-c1f70fd4.js');
-const requiredFieldRule = require('./required-field-rule-8655758f.js');
+const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-8d8f04f1.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
-const staticSubjectTitle = require('./static-subject-title-41c88385.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ee984eb2.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
 require('./index-5792390b.js');
 require('./number-459031f7.js');
 require('./string-21427167.js');
+require('./observer-f49483e8.js');
 require('./ui-08f33116.js');
-require('./misc-3d30df91.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-ac20ea74.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./vega-internal-event-id-c98e9a7d.js');
+require('./translation-77e9ccce.js');
+require('./page-resize-observer-slimmer-a8cf1874.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./icon-manager-5a2b67cf.js');
 
 const CARDS_INFO = [
   {
@@ -204,33 +205,33 @@ const VegaInputCreditCard = class {
      * Specifies whether a card number must be entered for
      *    this component to pass form validation.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Determines whether the credit card input field is disabled.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.disabled = false;
     /**
      * Defines the label or title for the credit card input field.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.label = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.hint = '';
     /**
      * Specifies the size of the credit card input field.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.size = 'default';
     /**
@@ -239,7 +240,7 @@ const VegaInputCreditCard = class {
      *
      * It indicates the expected format or pattern of the credit card input.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.placeholder = '';
     /**
@@ -250,27 +251,27 @@ const VegaInputCreditCard = class {
      *    with the first three fields displayed as "x" and
      *    the last field remaining visible during blur and upon initial loading.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.hideCardNumberOnBlur = true;
     /**
      * Determines whether the user's input in the credit card field should
      *    be automatically validated.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.autoValidation = true;
     /**
      * Specifies custom validation rules for the credit card input field.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.validationRules = [];
     /**
      * Indicates whether the current value in the field is considered valid
      *    based on the defined validation rules.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -281,7 +282,7 @@ const VegaInputCreditCard = class {
      *    which is displayed to the user when the
      *    input is initially rendered.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.value = '';
     this.renderInputContainer = () => {

package/dist/cjs/vega-input-phone-number.cjs.entry.js

@@ -6,32 +6,33 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
-const staticRemoteInvocationCallRegistry = require('./static-remote-invocation-call-registry-0ac4915d.js');
-const staticSubjectTitle = require('./static-subject-title-41c88385.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-c98e9a7d.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ee984eb2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+require('./observer-f49483e8.js');
+require('./ui-08f33116.js');
+require('./icon-manager-5a2b67cf.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./misc-3d30df91.js');
 require('./string-21427167.js');
-require('./ui-08f33116.js');
-require('./vega-internal-event-id-ac20ea74.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./translation-77e9ccce.js');
+require('./page-resize-observer-slimmer-a8cf1874.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0e5235e1.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -8475,7 +8476,7 @@ class CountrySelectRenderer extends globalSlimmerRegistry.VegaSlimmer {
           (e) => {
             this.handleCountrySelectChange(e.detail);
           });
-          staticRemoteInvocationCallRegistry.staticRemoteInvocationCallRegistry.register(staticSubjectTitle.DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, this.renderDropdownItem.bind(this));
+          remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaDropdownRenderItemInternalOverridden), this.renderDropdownItem.bind(this));
         }, value: this.countryCode })));
   }
   /*
@@ -8532,6 +8533,9 @@ class CountrySelectRenderer extends globalSlimmerRegistry.VegaSlimmer {
   internalIconManager.VegaInternalIconManager.register(CountryFlags);
 })();
 CountrySelectRenderer.allCountries = COUNTRIES;
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField()
+], CountrySelectRenderer.prototype, "host", void 0);
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], CountrySelectRenderer.prototype, "size", void 0);
@@ -8666,11 +8670,26 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * countryCode properties.
  */
 class CountrySelectController extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Component lifecycle - connectedCallback
+   */
+  connectedCallback() {
+    this.registerRemoteDropdownSearch();
+  }
+  /**
+   * The function `setCountryCode` sets the countryCode property of an object to the specified VegaCountryCode value.
+   *
+   * @param {VegaCountryCode} countryCode - The `countryCode` parameter is of type `VegaCountryCode`, which is likely a
+   * custom data type representing a country code.
+   */
+  setCountryCode(countryCode) {
+    this.countryCode = countryCode;
+  }
   /**
    * Registers a remote invocation call for a dropdown search.
    */
-  static registerRemoteDropdownSearch() {
-    staticRemoteInvocationCallRegistry.staticRemoteInvocationCallRegistry.register(staticSubjectTitle.DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, this.filterDropdownSourcesBySearchString.bind(this));
+  registerRemoteDropdownSearch() {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaDropdownSearchInternalOverridden), this.filterDropdownSourcesBySearchString.bind(this));
   }
   /**
    * Remote invocation call for a dropdown search.
@@ -8679,27 +8698,23 @@ class CountrySelectController extends globalSlimmerRegistry.VegaSlimmer {
    * @param {string} searchString - Searching string of dropdown.
    * @returns  {DropdownSourceItem[]}  The searched source.
    */
-  static filterDropdownSourcesBySearchString(source, searchString) {
+  filterDropdownSourcesBySearchString(source, searchString) {
     return source.filter((item) => `${COUNTRIES[item.key].toLowerCase()} +${item.label}`
       .toLowerCase()
       .includes(searchString.toLowerCase()));
   }
-  /**
-   * The function `setCountryCode` sets the countryCode property of an object to the specified VegaCountryCode value.
-   *
-   * @param {VegaCountryCode} countryCode - The `countryCode` parameter is of type `VegaCountryCode`, which is likely a
-   * custom data type representing a country code.
-   */
-  setCountryCode(countryCode) {
-    this.countryCode = countryCode;
-  }
 }
 CountrySelectController.defaultCountryCode = 'US';
 CountrySelectController.defaultAllowedCountryCodes = getCountries();
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], CountrySelectController.prototype, "countryCode", void 0);
-CountrySelectController.registerRemoteDropdownSearch();
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], CountrySelectController.prototype, "host", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
+], CountrySelectController.prototype, "connectedCallback", null);
 
 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;
@@ -8736,19 +8751,23 @@ class VegaInputPhoneNumberValueController extends globalSlimmerRegistry.VegaSlim
     this.updateValue(this.value);
   }
   /**
-   * The `watchValue` function emits a change event with the provided value and notifies the
-   * ChangeManager about the form element value change.
+   * The `watchValue` function updates a value and emits change events based on certain conditions.
    *
-   * @param {string} value - The `value` parameter is a string that represents the value being watched or
-   * monitored.
+   * @param {string} newValue - The `newValue` parameter represents the new value that is being watched
+   * for changes.
+   * @param {string} oldValue - The `oldValue` parameter in the `watchValue` function represents the
+   * previous value before the update. It is used to compare with the new value (`newValue`) to determine
+   * if there has been a change in the value.
    */
-  watchValue(value) {
-    this.updateValue(value);
-    this.changeEventEmitter.emit(value);
-    changeManager.ChangeManager.notify(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, {
-      host: this.host,
-      detail: value,
-    });
+  watchValue(newValue, oldValue) {
+    this.updateValue(newValue);
+    if (oldValue && oldValue !== this.value) {
+      this.changeEventEmitter.emit(this.value);
+      changeManager.ChangeManager.notify(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, {
+        host: this.host,
+        detail: this.value,
+      });
+    }
   }
   /**
    * The function `getCallingCodePrefix` returns the calling code prefix for a given country code.
@@ -8859,7 +8878,7 @@ 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,
@@ -8868,7 +8887,7 @@ class ValidPhoneNumberRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -8879,7 +8898,7 @@ 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());
@@ -8927,7 +8946,7 @@ 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
@@ -8942,7 +8961,10 @@ 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`);
@@ -8968,7 +8990,7 @@ 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)) {
@@ -9073,32 +9095,32 @@ const VegaInputPhoneNumber = class {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.label = '';
     /**
      * Specifies the size of the phone number input field.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.size = 'default';
     /**
      * Determines whether the phone number input field is required.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Determines whether the phone number input field is disabled.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.disabled = false;
     /**
      * Specifies the default country calling code using the two-letter uppercase country code.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.countryCode = CountrySelectController.defaultCountryCode;
@@ -9107,27 +9129,28 @@ const VegaInputPhoneNumber = class {
      *
      * Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.allowedCountryCodes = CountrySelectController.defaultAllowedCountryCodes;
     /**
      * Specifies the value of the phone number input in [E.164]{@link https://en.wikipedia.org/wiki/E.164} format.
      *
-     * @version 2.18.0
+     * @VegaWarning Note: The input phone number field will always have a value. If no phone number is entered, the default format is `+{default_country_code}`. For example, if the default country code is US, the default value will be `+1`.
+     * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = `+${getCountryCallingCode(this.countryCode)}`;
     /**
      * Specifies custom validation rules for the phone number input field.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.validationRules = [];
     /**
      * Indicates whether the current value in the field is considered valid
      *    based on the defined validation rules.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -9135,20 +9158,20 @@ const VegaInputPhoneNumber = class {
      * Determines whether the phone number input field should undergo automatic validation
      *    during the user's input.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.autoValidation = true;
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.hint = '';
   }
   watchCountryCode(newCountryCode, oldCountryCode) {
   }
-  watchValue(value) {
+  watchValue(newValue, oldValue) {
   }
   watchValidationRules() {
   }