@globalpayments/vega 2.17.0 → 2.18.0

package/dist/types/components/vega-input-phone-number/slimmers/renderers/phone-number-input-renderer.d.ts

@@ -0,0 +1,37 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInputPhoneNumber } from '../../vega-input-phone-number';
+export declare class PhoneNumberInputRenderer extends VegaSlimmer {
+  protected size: VegaInputPhoneNumber['size'];
+  protected placeholder: VegaInputPhoneNumber['placeholder'];
+  protected disabled: VegaInputPhoneNumber['disabled'];
+  protected value: VegaInputPhoneNumber['value'];
+  protected countryCode: VegaInputPhoneNumber['countryCode'];
+  protected valueController: VegaInputPhoneNumber['valueController'];
+  protected countrySelectController: VegaInputPhoneNumber['countrySelectController'];
+  protected phoneNumberInputValue: VegaInputPhoneNumber['phoneNumberInputValue'];
+  private inputRef;
+  /**
+   * The function `getInputRef` returns the HTML input element reference stored in the `inputRef`
+   * property.
+   * @returns {HTMLVegaInputElement} An HTMLVegaInputElement, specifically the inputRef.
+   */
+  getInputRef(): HTMLVegaInputElement;
+  /**
+   * The render function returns a JSX element with a vega-box containing a vega-input element with
+   * various props and event handlers.
+   *
+   * @returns {HTMLElement} An HTMLElement containing a vega-box element with a vega-input element inside. The
+   * vega-input element has various props such as size, disabled, placeholder, ref, value, and onKeyDown
+   * set with corresponding values or functions.
+   */
+  render(): HTMLElement;
+  /**
+   * The handleInputChange function updates the input value with a new value including the calling code
+   * prefix for a specific country.
+   *
+   * @param {CustomEvent} e - The parameter `e` in the `handleInputChange` function is a CustomEvent
+   * object. It seems to contain a `detail` property that holds the new input value as a string.
+   */
+  private handleInputChange;
+  private phoneNumberMaskFormatter;
+}

package/dist/types/components/vega-input-phone-number/slimmers/renderers/vega-input-phone-number-renderer.d.ts

@@ -0,0 +1,27 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInputPhoneNumber } from '../../vega-input-phone-number';
+export declare class VegaInputPhoneNumberRenderer extends VegaSlimmer {
+  protected required: VegaInputPhoneNumber['required'];
+  protected label: VegaInputPhoneNumber['label'];
+  protected disabled: VegaInputPhoneNumber['disabled'];
+  protected hint: VegaInputPhoneNumber['hint'];
+  protected countrySelectRenderer: VegaInputPhoneNumber['countrySelectRenderer'];
+  protected phoneNumberInputRenderer: VegaInputPhoneNumber['phoneNumberInputRenderer'];
+  private inputPhoneNumberContainerRef;
+  getInputPhoneNumberContainerRef(): HTMLElement;
+  render(): HTMLElement;
+  /**
+   * The `renderLabel` function returns a JSX element for a Vega field label with specific props.
+   *
+   * @returns {HTMLVegaFieldLabelElement} An HTMLVegaFieldLabelElement is being returned.
+   */
+  private renderLabel;
+  /**
+   * The function `renderHint` returns a label element with a hint text if the `hint` property is provided.
+   *
+   * @returns {HTMLElement|null} A `label` element with the class `vega-input-phone-number-hint` containing a `vega-font` element
+   * with the variant `font-footnote1-short` and color `text-secondary`, displaying the hint text stored
+   * in the `this.hint` property.
+   */
+  private renderHint;
+}

package/dist/types/components/vega-input-phone-number/types.d.ts

@@ -0,0 +1,13 @@
+import { CountryCode } from 'libphonenumber-js';
+
+export type VegaCountryCode = CountryCode;
+
+export type VegaCountryType = {
+	callingCode: string;
+	countryCode: VegaCountryCode;
+	name: string;
+};
+
+export type VegaCountryNameType = {
+	[countryCode in VegaCountryCode]: string;
+};

package/dist/types/components/vega-input-phone-number/vega-input-phone-number.d.ts

@@ -0,0 +1,110 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaInputPhoneNumberRenderer } from './slimmers/renderers/vega-input-phone-number-renderer';
+import { CountrySelectRenderer } from './slimmers/renderers/country-select-renderer';
+import { PhoneNumberInputRenderer } from './slimmers/renderers/phone-number-input-renderer';
+import { VegaInputPhoneNumberValueController } from './slimmers/controllers/vega-input-phone-number-value-controller';
+import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/formFieldControllerSlimmer';
+import { CountrySelectController } from './slimmers/controllers/country-select-controller';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
+import { VegaCountryCode, VegaCountryType } from './types';
+export declare class VegaInputPhoneNumber {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputRangeElement>;
+  protected valueController: VegaInputPhoneNumberValueController;
+  protected inputPhoneNumberRenderer: VegaInputPhoneNumberRenderer;
+  protected countrySelectRenderer: CountrySelectRenderer;
+  protected phoneNumberInputRenderer: PhoneNumberInputRenderer;
+  protected countrySelectController: CountrySelectController;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected countryChangeEventEmitter: EventEmitSlimmerBase;
+  protected inputPhoneNumberEventPrevent: ChildNodesEventPreventSlimmer;
+  protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  host: HTMLVegaInputPhoneNumberElement;
+  countryCodeSearchString: string;
+  phoneNumberInputValue: string;
+  /**
+   * Specifies the label or title for the phone number input field.
+   *
+   * It provides descriptive text that helps identify the
+   *    purpose or content expected in the input field.
+   */
+  label: string;
+  /**
+   * Specifies the size of the phone number input field.
+   */
+  size: 'default' | 'small';
+  /**
+   * Determines whether the phone number input field is required.
+   */
+  required: boolean;
+  /**
+   * Determines whether the phone number input field is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Specifies the default country calling code using the two-letter uppercase country code.
+   */
+  countryCode: VegaCountryCode;
+  watchCountryCode(newCountryCode: VegaCountryCode, oldCountryCode: VegaCountryCode): void;
+  /**
+   * Specifies the countries available for selection.
+   *
+   * 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.
+   */
+  allowedCountryCodes: VegaCountryCode[];
+  /**
+   * Specifies the value of the phone number input in [E.164]{@link https://en.wikipedia.org/wiki/E.164} format.
+   */
+  value: string;
+  watchValue(value: string): void;
+  /**
+   * Specifies custom validation rules for the phone number input field.
+   */
+  validationRules: FormFieldValidationRule<unknown>[];
+  watchValidationRules(): void;
+  /**
+   * Indicates whether the current value in the field is considered valid
+   *    based on the defined validation rules.
+   */
+  isValid: boolean;
+  /**
+   * Determines whether the phone number input field should undergo automatic validation
+   *    during the user's input.
+   */
+  autoValidation: boolean;
+  /**
+   * Specifies a placeholder string that displays as a temporary hint
+   *    or example inside the input field.
+   */
+  placeholder: string;
+  /**
+   * Provides a supplementary prompt message that assists users in
+   *    understanding the expected value for the input field.
+   */
+  hint: string;
+  /**
+   * An event emitter notifying a value change.
+   */
+  vegaChange: EventEmitter<string>;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @eventSemantics namespace:native
+   */
+  change: EventEmitter<string>;
+  /**
+   * An event emitter notifying a country change.
+   */
+  vegaCountryChange: EventEmitter<VegaCountryType>;
+  /**
+   * An event emitter notifying a country change.
+   *
+   * @eventSemantics namespace:native
+   */
+  countryChange: EventEmitter<VegaCountryType>;
+  render(): VegaInputPhoneNumber;
+}

package/dist/types/components.d.ts

@@ -31,6 +31,7 @@ import { VegaFontAs } from "./components/vega-font/types";
 import { FormControlOption, FormValidateResult } from "./components/vega-form/types";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
 import { MaskConfigType } from "./components/vega-input/types";
+import { VegaCountryCode, VegaCountryType } from "./components/vega-input-phone-number/types";
 import { InputRangeStackType, InputRangeValueType } from "./components/vega-input-range/types";
 import { SelectedLabelType, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from "./components/vega-input-select/types";
 import { ItemToggleStatusMap } from "./components/vega-item-toggle/types";
@@ -1362,6 +1363,10 @@ export namespace Components {
           * Sets the minimum length requirement for the input value.
          */
         "minLength": number;
+        /**
+          * Defines the specific name of the input field.
+         */
+        "name": string;
         /**
           * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.  It indicates the expected format or pattern of the input.
          */
@@ -1441,6 +1446,56 @@ export namespace Components {
          */
         "value": string;
     }
+    interface VegaInputPhoneNumber {
+        /**
+          * Specifies the countries available for selection.  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.
+         */
+        "allowedCountryCodes": VegaCountryCode[];
+        /**
+          * Determines whether the phone number input field should undergo automatic validation    during the user's input.
+         */
+        "autoValidation": boolean;
+        /**
+          * Specifies the default country calling code using the two-letter uppercase country code.
+         */
+        "countryCode": VegaCountryCode;
+        /**
+          * Determines whether the phone number input field is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
+         */
+        "hint": string;
+        /**
+          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
+         */
+        "isValid": boolean;
+        /**
+          * Specifies the label or title for the phone number input field.  It provides descriptive text that helps identify the    purpose or content expected in the input field.
+         */
+        "label": string;
+        /**
+          * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.
+         */
+        "placeholder": string;
+        /**
+          * Determines whether the phone number input field is required.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the phone number input field.
+         */
+        "size": 'default' | 'small';
+        /**
+          * Specifies custom validation rules for the phone number input field.
+         */
+        "validationRules": FormFieldValidationRule<unknown>[];
+        /**
+          * Specifies the value of the phone number input in [E.164]{@link https ://en.wikipedia.org/wiki/E.164} format.
+         */
+        "value": string;
+    }
     interface VegaInputRange {
         /**
           * Determines whether the input field should undergo automatic validation    during the user's input.
@@ -2704,6 +2759,10 @@ export interface VegaInputCreditCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaInputCreditCardElement;
 }
+export interface VegaInputPhoneNumberCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaInputPhoneNumberElement;
+}
 export interface VegaInputRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaInputRangeElement;
@@ -3047,6 +3106,12 @@ declare global {
         prototype: HTMLVegaInputCreditCardElement;
         new (): HTMLVegaInputCreditCardElement;
     };
+    interface HTMLVegaInputPhoneNumberElement extends Components.VegaInputPhoneNumber, HTMLStencilElement {
+    }
+    var HTMLVegaInputPhoneNumberElement: {
+        prototype: HTMLVegaInputPhoneNumberElement;
+        new (): HTMLVegaInputPhoneNumberElement;
+    };
     interface HTMLVegaInputRangeElement extends Components.VegaInputRange, HTMLStencilElement {
     }
     var HTMLVegaInputRangeElement: {
@@ -3365,6 +3430,7 @@ declare global {
         "vega-image-uploader": HTMLVegaImageUploaderElement;
         "vega-input": HTMLVegaInputElement;
         "vega-input-credit-card": HTMLVegaInputCreditCardElement;
+        "vega-input-phone-number": HTMLVegaInputPhoneNumberElement;
         "vega-input-range": HTMLVegaInputRangeElement;
         "vega-input-select": HTMLVegaInputSelectElement;
         "vega-item-toggle": HTMLVegaItemToggleElement;
@@ -3594,11 +3660,20 @@ declare namespace LocalJSX {
           * Determines whether the banner is displayed.
          */
         "isOpen"?: boolean;
+        /**
+          * An event emitter notifying the banner action button has been clicked.
+          * @eventSemantics namespace:native
+         */
+        "onActionButtonClick"?: (event: VegaBannerCustomEvent<VegaBannerActionButtonType>) => void;
         /**
           * An event emitter notifying the banner close event.
           * @eventSemantics namespace:native
          */
         "onClose"?: (event: VegaBannerCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the banner action button has been clicked.
+         */
+        "onVegaActionButtonClick"?: (event: VegaBannerCustomEvent<VegaBannerActionButtonType>) => void;
         /**
           * An event emitter notifying the banner close event.
          */
@@ -4938,6 +5013,10 @@ declare namespace LocalJSX {
           * Sets the minimum length requirement for the input value.
          */
         "minLength"?: number;
+        /**
+          * Defines the specific name of the input field.
+         */
+        "name"?: string;
         /**
           * An event emitter notifying the blur of the inner input element.
           * @eventSemantics namespace:native
@@ -5071,6 +5150,74 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface VegaInputPhoneNumber {
+        /**
+          * Specifies the countries available for selection.  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.
+         */
+        "allowedCountryCodes"?: VegaCountryCode[];
+        /**
+          * Determines whether the phone number input field should undergo automatic validation    during the user's input.
+         */
+        "autoValidation"?: boolean;
+        /**
+          * Specifies the default country calling code using the two-letter uppercase country code.
+         */
+        "countryCode"?: VegaCountryCode;
+        /**
+          * Determines whether the phone number input field is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
+         */
+        "hint"?: string;
+        /**
+          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
+         */
+        "isValid"?: boolean;
+        /**
+          * Specifies the label or title for the phone number input field.  It provides descriptive text that helps identify the    purpose or content expected in the input field.
+         */
+        "label"?: string;
+        /**
+          * An event emitter notifying a value change.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaInputPhoneNumberCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying a country change.
+          * @eventSemantics namespace:native
+         */
+        "onCountryChange"?: (event: VegaInputPhoneNumberCustomEvent<VegaCountryType>) => void;
+        /**
+          * An event emitter notifying a value change.
+         */
+        "onVegaChange"?: (event: VegaInputPhoneNumberCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying a country change.
+         */
+        "onVegaCountryChange"?: (event: VegaInputPhoneNumberCustomEvent<VegaCountryType>) => void;
+        /**
+          * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.
+         */
+        "placeholder"?: string;
+        /**
+          * Determines whether the phone number input field is required.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the phone number input field.
+         */
+        "size"?: 'default' | 'small';
+        /**
+          * Specifies custom validation rules for the phone number input field.
+         */
+        "validationRules"?: FormFieldValidationRule<unknown>[];
+        /**
+          * Specifies the value of the phone number input in [E.164]{@link https ://en.wikipedia.org/wiki/E.164} format.
+         */
+        "value"?: string;
+    }
     interface VegaInputRange {
         /**
           * Determines whether the input field should undergo automatic validation    during the user's input.
@@ -6444,6 +6591,7 @@ declare namespace LocalJSX {
         "vega-image-uploader": VegaImageUploader;
         "vega-input": VegaInput;
         "vega-input-credit-card": VegaInputCreditCard;
+        "vega-input-phone-number": VegaInputPhoneNumber;
         "vega-input-range": VegaInputRange;
         "vega-input-select": VegaInputSelect;
         "vega-item-toggle": VegaItemToggle;
@@ -6537,6 +6685,7 @@ declare module "@stencil/core" {
             "vega-image-uploader": LocalJSX.VegaImageUploader & JSXBase.HTMLAttributes<HTMLVegaImageUploaderElement>;
             "vega-input": LocalJSX.VegaInput & JSXBase.HTMLAttributes<HTMLVegaInputElement>;
             "vega-input-credit-card": LocalJSX.VegaInputCreditCard & JSXBase.HTMLAttributes<HTMLVegaInputCreditCardElement>;
+            "vega-input-phone-number": LocalJSX.VegaInputPhoneNumber & JSXBase.HTMLAttributes<HTMLVegaInputPhoneNumberElement>;
             "vega-input-range": LocalJSX.VegaInputRange & JSXBase.HTMLAttributes<HTMLVegaInputRangeElement>;
             "vega-input-select": LocalJSX.VegaInputSelect & JSXBase.HTMLAttributes<HTMLVegaInputSelectElement>;
             "vega-item-toggle": LocalJSX.VegaItemToggle & JSXBase.HTMLAttributes<HTMLVegaItemToggleElement>;

package/dist/types/constants/ui.d.ts

@@ -12,5 +12,5 @@ export declare const FlexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
 export declare const BoxDisplay: readonly ["block", "none"];
 export declare const BorderStyle: readonly ["solid", "dashed", "dotted", "double", "none"];
 export declare const TextAlign: readonly ["start", "end", "left", "right", "center", "justify"];
-export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick"];
+export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "countryChange", "actionButtonClick"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/helpers/event-manager/eventID/vegaEventId.d.ts

@@ -79,4 +79,6 @@ export declare const VegaDropdownSearch: VegaEventID;
 export declare const VegaActionClick: VegaEventID;
 export declare const VegaEventClick: VegaEventID;
 export declare const VegaDateDblClick: VegaEventID;
+export declare const VegaCountryChange: VegaEventID;
+export declare const VegaActionButtonClick: VegaEventID;
 export declare const HTMLNativeEventIds: VegaEventID[];

package/dist/types/helpers/feature-control/featureFlag.d.ts

@@ -46,4 +46,5 @@ export type FeatureFlagKey =
 	| 'VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE'
 	| 'VEGA_TELEMETRY.ENABLE_COLLECT_COMPONENTS_USAGE'
 	| 'VEGA_TELEMETRY.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN'
-	| 'VEGA_REACT.ENABLE_ON_CLOSE_HANDLE_UNDER_LOW_VERSION';
+	| 'VEGA_REACT.ENABLE_ON_CLOSE_HANDLE_UNDER_LOW_VERSION'
+	| 'VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK';

package/dist/types/helpers/formatter/string-formatter/custom-formatter-strategy.d.ts

@@ -0,0 +1,44 @@
+import { StringFormatStrategy } from './stringFormatStrategy';
+import { Nullable } from '../../../types/general';
+export declare type CustomStringFormatter = (rawValue: string) => string;
+/**
+ * Used to format a string using a custom formatter.
+ */
+export declare class CustomFormatterStrategy implements StringFormatStrategy {
+  private readonly formatter;
+  /**
+   * The constructor function takes a CustomStringFormatter parameter and assigns it to the formatter
+   * property of the class.
+   *
+   * @param {CustomStringFormatter} formatter - The `formatter` parameter is an instance of a custom
+   * string formatter class that you are passing to the constructor of the class. This custom string
+   * formatter class likely contains methods or properties related to formatting strings in a specific
+   * way according to your requirements.
+   */
+  constructor(formatter: CustomStringFormatter);
+  /**
+   * The format function in TypeScript takes a string input and returns the formatted output using a
+   * formatter method.
+   *
+   * @param {string} input - The `format` function takes a string input and passes it to the `formatter`
+   * function to format it.
+   * @returns {string} The `format` function is returning the result of calling the `formatter` function with the
+   * `input` string as its argument.
+   */
+  format(input: string): string;
+  /**
+   * The function calculates the caret position in a formatted input string.
+   *
+   * @param {string} input - The `input` parameter in the `calculateCaretPosition` function is a string
+   * that represents the text input where you want to calculate the caret position.
+   * @returns {Nullable<number>} The `calculateCaretPosition` function is returning the length of the formatted input
+   * string.
+   */
+  calculateCaretPosition(input: string): Nullable<number>;
+  /**
+   * Trigger the formatter at init
+   *
+   * @returns {boolean} true
+   */
+  shouldTriggerAtInit(): boolean;
+}

package/dist/types/helpers/formatter/test/string-formatter/custom-formatter-strategy.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/helpers/validator/rules/inputPhoneNumberRequiredRule.d.ts

@@ -0,0 +1,39 @@
+import { FormFieldStatusMeta, FormFieldValidationRule, EvaluateResult } from './formFieldValidationRule';
+/**
+ * A rule that checks if input phone number is empty or not
+ *
+ * @implements {FormFieldValidationRule<string>}
+ */
+export declare class InputPhoneNumberRequiredRule implements FormFieldValidationRule<string> {
+  private readonly phoneNumberValueGetter;
+  constructor(phoneNumberValueGetter: () => string);
+  /**
+   * 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: unknown): EvaluateResult;
+  /**
+   * 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: unknown, status?: FormFieldStatusMeta): boolean;
+  /**
+   * 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: FormFieldStatusMeta): boolean;
+  /**
+   * 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.
+   */
+  private isAcceptedInputType;
+}

package/dist/types/helpers/validator/rules/validPhoneNumberRule.d.ts

@@ -0,0 +1,73 @@
+import { VegaCountryCode } from '../../../components/vega-input-phone-number/types';
+import { EvaluateResult, FormFieldStatusMeta, FormFieldValidationRule } from './formFieldValidationRule';
+/**
+ * A rule that checks if it's a valid phone number
+ *
+ * @implements {FormFieldValidationRule<string>}
+ */
+export declare class ValidPhoneNumberRule implements FormFieldValidationRule<string> {
+  private readonly countryCodeGetter;
+  constructor(countryCodeGetter: () => VegaCountryCode);
+  /**
+   * 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.
+   */
+  evaluate(input: string): EvaluateResult;
+  /**
+   * 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: unknown, status?: FormFieldStatusMeta): boolean;
+  /**
+   * 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: FormFieldStatusMeta): boolean;
+  /**
+   * The function `isAcceptedInputType` checks if the input is a string and not equal to a specific
+   * country calling code.
+   *
+   * @param {unknown} input - The `input` parameter is of type `unknown`, which means it can be any type.
+   * In the `isAcceptedInputType` function, it checks if the `input` is a string and not equal to a
+   * specific country calling code.
+   * @returns {boolean} a boolean value based on whether the input is a string and not equal to the country calling
+   * code with a plus sign appended to it.
+   */
+  private isAcceptedInputType;
+  /**
+   * The function `isValidPhoneNumberForCountry` validates a phone number for a specific country code.
+   *
+   * @param {string} number - The `number` parameter is a string representing a phone number that you
+   * want to validate.
+   * @param {VegaCountryCode} countryCode - The `countryCode` parameter in the `isValidPhoneNumberForCountry`
+   * 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
+   * 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
+   * error message if an exception occurs during
+   */
+  private isValidPhoneNumberForCountry;
+  /**
+   * Generate an invalid result
+   *
+   * @param {string} message Error message
+   * @returns {EvaluateResult} invalid validation result
+   */
+  private invalidResult;
+  /**
+   * Generate a valid result
+   *
+   * @returns {EvaluateResult} invalid validation result
+   */
+  private validResult;
+}

package/dist/types/helpers/validator/test/rules/inputPhoneNumberRequiredRule.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/helpers/validator/test/rules/validPhoneNumberRule.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/types/components.type.d.ts

@@ -120,6 +120,7 @@ export { VegaFontAs } from '../components/vega-font/types';
 export { FormControlOption, FormValidateResult } from '../components/vega-form/types';
 export { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from '../components/vega-image-uploader/types';
 export { MaskConfigType } from '../components/vega-input/types';
+export { VegaCountryCode, VegaCountryType } from '../components/vega-input-phone-number/types';
 export { InputRangeStackType, InputRangeValueType } from '../components/vega-input-range/types';
 export {
 	SelectedLabelType,

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-3542f8fe.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-018d77cc.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-9e38810c.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-1265732f.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-3c8b2105.js";export{F as FrameworkEnum,v as VegaEnvManager,c as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,b as VegaThemeManager,w as waitForVega}from"./p-bba06111.js";export{F as FeatureFlag}from"./p-f2118771.js";export{V as VegaDialog}from"./p-34964cc9.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-642d58ff.js";export{V as VegaIconManager}from"./p-9d426517.js";export{V as ValidCreditCardNumberRule}from"./p-8054bb18.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";import"./p-3a0a4d15.js";import"./p-469bc36e.js";import"./p-320642bd.js";import"./p-abf5b8f7.js";import"./p-d3f1d3dd.js";import"./p-cb13b4e6.js";import"./p-112455b1.js";import"./p-61f18887.js";import"./p-eacf64be.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}
+export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-3542f8fe.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-018d77cc.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-9e38810c.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-1265732f.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-3c8b2105.js";export{F as FrameworkEnum,v as VegaEnvManager,c as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,b as VegaThemeManager,w as waitForVega}from"./p-dafa770b.js";export{F as FeatureFlag}from"./p-d25e1abd.js";export{V as VegaDialog}from"./p-34964cc9.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-cf950047.js";export{V as VegaIconManager}from"./p-9d426517.js";export{V as ValidCreditCardNumberRule}from"./p-8054bb18.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";import"./p-3a0a4d15.js";import"./p-469bc36e.js";import"./p-320642bd.js";import"./p-abf5b8f7.js";import"./p-d3f1d3dd.js";import"./p-cb13b4e6.js";import"./p-112455b1.js";import"./p-61f18887.js";import"./p-280a6d94.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}

package/dist/vega/{p-f0330fcc.js → p-0157775f.js}

@@ -1 +1 @@
-import{a as t,M as e,V as s}from"./p-018d77cc.js";import{I as i,j as n}from"./p-642d58ff.js";var h=function(t,e,s,i){var n,h=arguments.length,o=h<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(o=(h<3?n(o):h>3?n(e,s,o):n(e,s))||o);return h>3&&o&&Object.defineProperty(e,s,o),o};class o extends s{constructor(t,e,s){if(super(),this.eventIds=[],this.useCapture=!1,this.isEventListenerAdded=!1,this.preventChildEvent=t=>{const e=this.getHostElement();if(!this.shouldSkipEventPrevent())if("function"==typeof this.customPreventHandle)this.customPreventHandle(t);else{const s=t.composedPath();e===t.target&&e===s[0]||t.stopImmediatePropagation()}},this.eventIds=t,this.getHostElement=e,!0===s)this.useCapture=!0;else if(s){const{useCapture:t=!1,customPreventHandle:e}=s;this.useCapture=t,this.customPreventHandle=e}}setup(){this.addOrRemoveEventListener("add")}checkEventListenerStatus(){this.isEventListenerAdded||this.setup()}destroy(){this.addOrRemoveEventListener("remove")}addOrRemoveEventListener(t){const e=this.getHostElement();this.eventIds&&this.eventIds.length&&e&&(this.eventIds.filter((t=>this.shouldPrevent(t))).forEach((s=>{e["add"===t?"addEventListener":"removeEventListener"](this.getCurrentEventName(s),this.preventChildEvent,this.useCapture)})),this.isEventListenerAdded="add"===t)}getCurrentEventName(t){return t.getCurrentName(i.getSemantics(this.host))}shouldPrevent(t){const{namespace:e,jqueryDelegatedEvent:s}=i.getSemantics(this.host);return!("native"===e&&s&&n.isSupportDelegated(this.host,t))}shouldSkipEventPrevent(){const t=this.getHostElement();return t&&"true"===t.dataset.vegaNoEventPrevent}}h([t()],o.prototype,"host",void 0),h([e("connectedCallback")],o.prototype,"setup",null),h([e("componentDidLoad")],o.prototype,"checkEventListenerStatus",null),h([e("disconnectedCallback")],o.prototype,"destroy",null);export{o as C}
+import{a as t,M as e,V as s}from"./p-018d77cc.js";import{I as i,j as n}from"./p-cf950047.js";var h=function(t,e,s,i){var n,h=arguments.length,o=h<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(o=(h<3?n(o):h>3?n(e,s,o):n(e,s))||o);return h>3&&o&&Object.defineProperty(e,s,o),o};class o extends s{constructor(t,e,s){if(super(),this.eventIds=[],this.useCapture=!1,this.isEventListenerAdded=!1,this.preventChildEvent=t=>{const e=this.getHostElement();if(!this.shouldSkipEventPrevent())if("function"==typeof this.customPreventHandle)this.customPreventHandle(t);else{const s=t.composedPath();e===t.target&&e===s[0]||t.stopImmediatePropagation()}},this.eventIds=t,this.getHostElement=e,!0===s)this.useCapture=!0;else if(s){const{useCapture:t=!1,customPreventHandle:e}=s;this.useCapture=t,this.customPreventHandle=e}}setup(){this.addOrRemoveEventListener("add")}checkEventListenerStatus(){this.isEventListenerAdded||this.setup()}destroy(){this.addOrRemoveEventListener("remove")}addOrRemoveEventListener(t){const e=this.getHostElement();this.eventIds&&this.eventIds.length&&e&&(this.eventIds.filter((t=>this.shouldPrevent(t))).forEach((s=>{e["add"===t?"addEventListener":"removeEventListener"](this.getCurrentEventName(s),this.preventChildEvent,this.useCapture)})),this.isEventListenerAdded="add"===t)}getCurrentEventName(t){return t.getCurrentName(i.getSemantics(this.host))}shouldPrevent(t){const{namespace:e,jqueryDelegatedEvent:s}=i.getSemantics(this.host);return!("native"===e&&s&&n.isSupportDelegated(this.host,t))}shouldSkipEventPrevent(){const t=this.getHostElement();return t&&"true"===t.dataset.vegaNoEventPrevent}}h([t()],o.prototype,"host",void 0),h([e("connectedCallback")],o.prototype,"setup",null),h([e("componentDidLoad")],o.prototype,"checkEventListenerStatus",null),h([e("disconnectedCallback")],o.prototype,"destroy",null);export{o as C}