@globalpayments/vega 2.26.0 → 2.28.0

package/dist/cjs/vega-image-uploader.cjs.entry.js

@@ -4,40 +4,42 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const requiredFieldRule = require('./required-field-rule-8655758f.js');
+const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const vegaDialogController = require('./vega-dialog-controller-cb07e697.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8b314ba2.js');
+const vegaDialogController = require('./vega-dialog-controller-6a8525b3.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-223f8ee3.js');
 const ui = require('./ui-08f33116.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
-require('./type-guard-4d05d4b2.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const translationSlimmer = require('./translation-slimmer-83577cfd.js');
+require('./type-guard-a07b353b.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
-require('./misc-3d30df91.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./observer-f49483e8.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./string-21427167.js');
 require('./vega-internal-event-id-c98e9a7d.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
+require('./translation-0dd74433.js');
+require('./page-resize-observer-slimmer-a8cf1874.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('./feature-flag-controller-e031c341.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 
 var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -550,7 +552,7 @@ class VegaImageUploaderDefaultContentRenderer extends globalSlimmerRegistry.Vega
   render() {
     return (index.h("div", { class: "action-wrapper", role: "button", tabIndex: 0, onClick: this.handleUploaderClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
       index.h("vega-icon", { icon: "plus-sign", size: "size-24" }),
-      index.h("div", { class: "vega-image-uploader-text" }, this.actionTitle),
+      index.h("div", { class: "vega-image-uploader-text" }, this.translationSlimmer.t(this.actionTitle)),
       this.renderSubtitle()));
   }
   renderSubtitle() {
@@ -566,6 +568,9 @@ __decorate$3([
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaImageUploaderDefaultContentRenderer.prototype, "actionSubTitle", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaImageUploaderDefaultContentRenderer.prototype, "translationSlimmer", void 0);
 
 var __decorate$2 = (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;
@@ -720,6 +725,7 @@ const VegaImageUploader = class {
     this.vegaCancel = index.createEvent(this, "vegaCancel", 7);
     this.cancel = index.createEvent(this, "cancel", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaImageUploaderRenderer = new VegaImageUploaderRenderer();
     this.vegaImageUploaderUploadingContentRenderer = new VegaImageUploaderUploadingContentRenderer();
     this.vegaImageUploaderPreviewContentRenderer = new VegaImageUploaderPreviewContentRenderer();
@@ -754,50 +760,50 @@ const VegaImageUploader = class {
      *    the image uploader component, thereby providing a preview of
      *    the uploaded image or a default placeholder.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = null;
     /**
      * Specifies the allowed file types for upload.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     this.accept = IMAGE_FILE_TYPES.map((type) => `.${type}`).join(',');
     /**
      * Determines whether to show the preview button.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     this.showPreviewButton = true;
     /**
      * Determines whether to show the remove button.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     this.showRemoveButton = true;
     /**
      * Determines whether to show the replace button.
      *
-     * @version 1.39.2
+     * @vegaVersion 1.39.2
      */
     this.showReplaceButton = true;
     /**
      * Specifies whether the Image Uploader field is disabled.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     this.disabled = false;
     /**
      * Specifies whether uploading an image is mandatory.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     this.required = false;
     /**
      * Specifies the validation status.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -805,13 +811,13 @@ const VegaImageUploader = class {
      * Determines whether automatic validation should be
      *    implemented for image uploads.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     this.autoValidation = true;
     /**
      * Specifies custom validation rules for image uploads.
      *
-     * @version 1.14.0
+     * @vegaVersion 1.14.0
      */
     this.validationRules = [];
     /**
@@ -819,7 +825,7 @@ const VegaImageUploader = class {
      *    It provides descriptive text that helps identify
      *    the purpose of the image uploader.
      *
-     * @version 2.5.0
+     * @vegaVersion 2.5.0
      */
     this.label = '';
     /**
@@ -827,19 +833,19 @@ const VegaImageUploader = class {
      *    This property provides descriptive text that identifies
      *    the intended action or function of the image uploader.
      *
-     * @version 2.9.0
+     * @vegaVersion 2.9.0
      */
     this.actionTitle = 'Upload';
     /**
      * Defines the width of the image uploader field.
      *
-     * @version 2.9.0
+     * @vegaVersion 2.9.0
      */
     this.width = 120;
     /**
      * Defines the height of the image uploader field.
      *
-     * @version 2.9.0
+     * @vegaVersion 2.9.0
      */
     this.height = 120;
   }
@@ -853,7 +859,7 @@ const VegaImageUploader = class {
    * Invoke this method to retrieve the image preview URL for
    *    the current selection in the `vega-image-uploader` component.
    *
-   * @version 1.45.0
+   * @vegaVersion 1.45.0
    */
   async getContentURL(file) {
     return placeholder.methodPlaceholder(file);
@@ -870,6 +876,9 @@ const VegaImageUploader = class {
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaImageUploader.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaImageUploader.prototype, "translationSlimmer", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaImageUploader.prototype, "vegaImageUploaderRenderer", void 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-e031c341.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-8b314ba2.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-223f8ee3.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.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-c98e9a7d.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./translation-0dd74433.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-d2698876.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 remoteInvocationRegistry = require('./remote-invocation-registry-162044d5.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-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8b314ba2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-223f8ee3.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-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.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('./page-resize-observer-slimmer-1e404fc7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./translation-0dd74433.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-e031c341.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -8877,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,
@@ -8886,7 +8887,7 @@ class ValidPhoneNumberRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -8897,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());
@@ -8945,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
@@ -8960,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`);
@@ -8986,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)) {
@@ -9091,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;
@@ -9125,28 +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.
      *
      * @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`.
-     * @version 2.18.0
+     * @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;
@@ -9154,14 +9158,14 @@ 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 = '';
   }