@zonos/elements 1.3.184 → 1.3.186

package/dist/types/components.d.ts

@@ -5,8 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ContactOption, PaymentIntent, Stripe } from "@stripe/stripe-js";
+import { ContactOption, PaymentIntent, Stripe, StripeAddressElementChangeEvent } from "@stripe/stripe-js";
 import { EnteredInfo, TranslatedAddressObject } from "./types/checkout/TranslatedText";
+import { EventPayloadMap, IframeSuggestionsResponsePayload } from "./components/utils/iframe/IframeHelpers";
 import { SubmitEventData } from "./components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-update-dialog";
 import { CheckboxColorPrefix, Color, ColorPrefix } from "./types/styles/Color";
 import { BannerIntent } from "./components/common/zonos-banner/zonos-banner";
@@ -18,16 +19,19 @@ import { StripeStoreContactOption } from "./components/store/checkout/stripe";
 import { TabItem, TabItems } from "./components/store/checkout/cart";
 import { LoadZonosParamsConfig } from "./scripts/_zonosBase";
 import { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
+import { CustomAddressErrors } from "./types/checkout/form/CustomAddressErrors";
 import { ICountryJson } from "./types/ICountryJson";
 import { RestrictedItem } from "./types/hello/RestrictedItem";
 import { AppearanceConfig as AppearanceConfig1 } from "./components.d";
 import { RestStateType } from "./components/utils/restStateType";
 import { ShippingRichRadioItem } from "./components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio";
 import { SpinnerColor } from "./components/common/zonos-spinner/zonos-spinner";
+import { GenericZonosSettings } from "./types/utils/ZonosSettings";
 import { ToggleItem } from "./types/common-ui/Toggle";
 import { GridSpacing } from "./types/styles/GridSpacing";
-export { ContactOption, PaymentIntent, Stripe } from "@stripe/stripe-js";
+export { ContactOption, PaymentIntent, Stripe, StripeAddressElementChangeEvent } from "@stripe/stripe-js";
 export { EnteredInfo, TranslatedAddressObject } from "./types/checkout/TranslatedText";
+export { EventPayloadMap, IframeSuggestionsResponsePayload } from "./components/utils/iframe/IframeHelpers";
 export { SubmitEventData } from "./components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-update-dialog";
 export { CheckboxColorPrefix, Color, ColorPrefix } from "./types/styles/Color";
 export { BannerIntent } from "./components/common/zonos-banner/zonos-banner";
@@ -39,12 +43,14 @@ export { StripeStoreContactOption } from "./components/store/checkout/stripe";
 export { TabItem, TabItems } from "./components/store/checkout/cart";
 export { LoadZonosParamsConfig } from "./scripts/_zonosBase";
 export { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
+export { CustomAddressErrors } from "./types/checkout/form/CustomAddressErrors";
 export { ICountryJson } from "./types/ICountryJson";
 export { RestrictedItem } from "./types/hello/RestrictedItem";
 export { AppearanceConfig as AppearanceConfig1 } from "./components.d";
 export { RestStateType } from "./components/utils/restStateType";
 export { ShippingRichRadioItem } from "./components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio";
 export { SpinnerColor } from "./components/common/zonos-spinner/zonos-spinner";
+export { GenericZonosSettings } from "./types/utils/ZonosSettings";
 export { ToggleItem } from "./types/common-ui/Toggle";
 export { GridSpacing } from "./types/styles/GridSpacing";
 export namespace Components {
@@ -86,6 +92,16 @@ export namespace Components {
          */
         "translatedAddress": TranslatedAddressObject;
     }
+    interface ZonosAddressSuggestions {
+        /**
+          * Suggestions to display
+         */
+        "suggestions": IframeSuggestionsResponsePayload['suggestions'];
+        /**
+          * Type of the address suggestions
+         */
+        "type": 'billing' | 'shipping';
+    }
     interface ZonosAddressUpdateDialog {
         /**
           * Billing address that user has entered (optional if billing is the same as shipping)
@@ -366,6 +382,10 @@ export namespace Components {
           * Force dialog to be open
          */
         "forceDialogOpen": boolean;
+        /**
+          * Hidden mode to hide the checkout modal in preview mode
+         */
+        "hiddenMode": boolean;
         /**
           * Setup all of the event listeners for the component on first load
          */
@@ -599,6 +619,20 @@ export namespace Components {
     }
     interface ZonosCurrencyToggle {
     }
+    interface ZonosCustomAddress {
+        /**
+          * Default address for stripe
+         */
+        "defaultAddress": ContactOption[];
+        /**
+          * The title text for the address element
+         */
+        "titleText": string;
+        /**
+          * The type of address element to render
+         */
+        "type": 'billing' | 'shipping';
+    }
     interface ZonosCustomMessage {
         /**
           * The custom message icon
@@ -622,6 +656,10 @@ export namespace Components {
           * Whether or not the dialog is open
          */
         "isMobile": boolean;
+        /**
+          * Whether to override custom address form to be always visible
+         */
+        "shouldUseCustomAddressFormOverride": boolean;
         /**
           * Submit button main color
          */
@@ -992,6 +1030,14 @@ export namespace Components {
      * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element
      */
     interface ZonosStripeInput {
+        /**
+          * Autocomplete attribute for the input
+         */
+        "autoComplete"?: string;
+        /**
+          * Error message of the input
+         */
+        "error"?: string;
         /**
           * Input label
          */
@@ -1012,6 +1058,10 @@ export namespace Components {
           * Error state of the input
          */
         "isError": boolean;
+        /**
+          * Name of the input
+         */
+        "name"?: string;
         /**
           * Primary color to override primary color from appearance primary color in setting.
          */
@@ -1020,11 +1070,119 @@ export namespace Components {
           * Secondary color to override secondary color from appearance secondary color in setting
          */
         "overrideSecondaryColor"?: string;
+        /**
+          * Whether the input is required
+         */
+        "required"?: boolean;
         /**
           * The value of the input.
          */
         "value": string;
     }
+    interface ZonosStripePhoneInput {
+        /**
+          * The autoComplete attribute for the phone input
+         */
+        "autoComplete": string;
+        /**
+          * The country code of the phone input
+         */
+        "countryCode": CountryCode | null;
+        /**
+          * Available country options for the select dropdown
+         */
+        "countryOptions": GenericZonosSettings['countryFields'] | null;
+        /**
+          * Whether the input is disabled
+         */
+        "disabled": boolean;
+        /**
+          * Error message to display
+         */
+        "error"?: string;
+        /**
+          * Label text for the input
+         */
+        "inputLabel"?: string;
+        /**
+          * Current value of the phone input
+         */
+        "inputValue"?: string;
+        /**
+          * Minimum width of the phone input
+         */
+        "minWidth"?: string;
+        /**
+          * Override the primary color
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Override the secondary color
+         */
+        "overrideSecondaryColor"?: string;
+    }
+    interface ZonosStripeSelect {
+        /**
+          * The autoComplete attribute for the select.
+         */
+        "autoComplete": string;
+        /**
+          * Error message of the select
+         */
+        "error": string;
+        /**
+          * Whether the select can be cleared
+         */
+        "isClearable": boolean;
+        /**
+          * Disables the select
+         */
+        "isDisabled": boolean;
+        /**
+          * Error state of the select
+         */
+        "isError": boolean;
+        /**
+          * Minimum width of the select
+         */
+        "minWidth"?: string;
+        /**
+          * Name of the select
+         */
+        "name"?: string;
+        /**
+          * Options for the select. Must be set using a query selector.
+         */
+        "options": SelectOption[];
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Secondary color to override secondary color from appearance secondary color in setting
+         */
+        "overrideSecondaryColor"?: string;
+        /**
+          * Whether the select is required
+         */
+        "required"?: boolean;
+        /**
+          * Select label
+         */
+        "selectLabel": string;
+        /**
+          * Placeholder for the select
+         */
+        "selectPlaceholder": string;
+        /**
+          * Selected value of the select
+         */
+        "selectedValue": string;
+        /**
+          * The value of the select.
+         */
+        "value": string;
+    }
     interface ZonosText {
         /**
           * The size of the text
@@ -1109,6 +1267,10 @@ export interface ZonosAddressFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosAddressFormElement;
 }
+export interface ZonosAddressSuggestionsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosAddressSuggestionsElement;
+}
 export interface ZonosAddressUpdateDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosAddressUpdateDialogElement;
@@ -1133,6 +1295,10 @@ export interface ZonosControllerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosControllerElement;
 }
+export interface ZonosCustomAddressCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCustomAddressElement;
+}
 export interface ZonosCustomerInfoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosCustomerInfoElement;
@@ -1169,6 +1335,14 @@ export interface ZonosStripeInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosStripeInputElement;
 }
+export interface ZonosStripePhoneInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosStripePhoneInputElement;
+}
+export interface ZonosStripeSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosStripeSelectElement;
+}
 export interface ZonosToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosToggleElement;
@@ -1214,6 +1388,23 @@ declare global {
         prototype: HTMLZonosAddressFormElement;
         new (): HTMLZonosAddressFormElement;
     };
+    interface HTMLZonosAddressSuggestionsElementEventMap {
+        "suggestionSelected": EventPayloadMap['placeSelected'];
+    }
+    interface HTMLZonosAddressSuggestionsElement extends Components.ZonosAddressSuggestions, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosAddressSuggestionsElementEventMap>(type: K, listener: (this: HTMLZonosAddressSuggestionsElement, ev: ZonosAddressSuggestionsCustomEvent<HTMLZonosAddressSuggestionsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLZonosAddressSuggestionsElementEventMap>(type: K, listener: (this: HTMLZonosAddressSuggestionsElement, ev: ZonosAddressSuggestionsCustomEvent<HTMLZonosAddressSuggestionsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLZonosAddressSuggestionsElement: {
+        prototype: HTMLZonosAddressSuggestionsElement;
+        new (): HTMLZonosAddressSuggestionsElement;
+    };
     interface HTMLZonosAddressUpdateDialogElementEventMap {
         "closeUpdateDialog": void;
         "continueClicked": SubmitEventData;
@@ -1411,6 +1602,28 @@ declare global {
         prototype: HTMLZonosCurrencyToggleElement;
         new (): HTMLZonosCurrencyToggleElement;
     };
+    interface HTMLZonosCustomAddressElementEventMap {
+        "invalidCharacters": boolean;
+        "addressChange": {
+    errors: CustomAddressErrors;
+    type: 'billing' | 'shipping';
+    value: StripeAddressElementChangeEvent;
+  };
+    }
+    interface HTMLZonosCustomAddressElement extends Components.ZonosCustomAddress, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosCustomAddressElementEventMap>(type: K, listener: (this: HTMLZonosCustomAddressElement, ev: ZonosCustomAddressCustomEvent<HTMLZonosCustomAddressElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLZonosCustomAddressElementEventMap>(type: K, listener: (this: HTMLZonosCustomAddressElement, ev: ZonosCustomAddressCustomEvent<HTMLZonosCustomAddressElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLZonosCustomAddressElement: {
+        prototype: HTMLZonosCustomAddressElement;
+        new (): HTMLZonosCustomAddressElement;
+    };
     interface HTMLZonosCustomMessageElement extends Components.ZonosCustomMessage, HTMLStencilElement {
     }
     var HTMLZonosCustomMessageElement: {
@@ -1418,7 +1631,16 @@ declare global {
         new (): HTMLZonosCustomMessageElement;
     };
     interface HTMLZonosCustomerInfoElementEventMap {
-        "continueClicked": void;
+        "continueClicked": {
+    billingAddress: StripeAddressElementChangeEvent | null;
+    sameAsBilling: boolean;
+    shippingAddress: StripeAddressElementChangeEvent | null;
+  };
+        "testContinueClicked": {
+    billingAddress: StripeAddressElementChangeEvent | null;
+    sameAsBilling: boolean;
+    shippingAddress: StripeAddressElementChangeEvent | null;
+  };
     }
     interface HTMLZonosCustomerInfoElement extends Components.ZonosCustomerInfo, HTMLStencilElement {
         addEventListener<K extends keyof HTMLZonosCustomerInfoElementEventMap>(type: K, listener: (this: HTMLZonosCustomerInfoElement, ev: ZonosCustomerInfoCustomEvent<HTMLZonosCustomerInfoElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1652,6 +1874,46 @@ declare global {
         prototype: HTMLZonosStripeInputElement;
         new (): HTMLZonosStripeInputElement;
     };
+    interface HTMLZonosStripePhoneInputElementEventMap {
+        "inputValueChange": {
+    countryCode: CountryCode | null;
+    isEmpty: boolean;
+    phoneNumber: string;
+    valid: boolean;
+    wrongFormat: boolean;
+  };
+    }
+    interface HTMLZonosStripePhoneInputElement extends Components.ZonosStripePhoneInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosStripePhoneInputElementEventMap>(type: K, listener: (this: HTMLZonosStripePhoneInputElement, ev: ZonosStripePhoneInputCustomEvent<HTMLZonosStripePhoneInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLZonosStripePhoneInputElementEventMap>(type: K, listener: (this: HTMLZonosStripePhoneInputElement, ev: ZonosStripePhoneInputCustomEvent<HTMLZonosStripePhoneInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLZonosStripePhoneInputElement: {
+        prototype: HTMLZonosStripePhoneInputElement;
+        new (): HTMLZonosStripePhoneInputElement;
+    };
+    interface HTMLZonosStripeSelectElementEventMap {
+        "selectChange": string;
+    }
+    interface HTMLZonosStripeSelectElement extends Components.ZonosStripeSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosStripeSelectElementEventMap>(type: K, listener: (this: HTMLZonosStripeSelectElement, ev: ZonosStripeSelectCustomEvent<HTMLZonosStripeSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLZonosStripeSelectElementEventMap>(type: K, listener: (this: HTMLZonosStripeSelectElement, ev: ZonosStripeSelectCustomEvent<HTMLZonosStripeSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLZonosStripeSelectElement: {
+        prototype: HTMLZonosStripeSelectElement;
+        new (): HTMLZonosStripeSelectElement;
+    };
     interface HTMLZonosTextElement extends Components.ZonosText, HTMLStencilElement {
     }
     var HTMLZonosTextElement: {
@@ -1702,6 +1964,7 @@ declare global {
         "zonos-address": HTMLZonosAddressElement;
         "zonos-address-display": HTMLZonosAddressDisplayElement;
         "zonos-address-form": HTMLZonosAddressFormElement;
+        "zonos-address-suggestions": HTMLZonosAddressSuggestionsElement;
         "zonos-address-update-dialog": HTMLZonosAddressUpdateDialogElement;
         "zonos-badge": HTMLZonosBadgeElement;
         "zonos-banner": HTMLZonosBannerElement;
@@ -1723,6 +1986,7 @@ declare global {
         "zonos-country-flag": HTMLZonosCountryFlagElement;
         "zonos-country-select": HTMLZonosCountrySelectElement;
         "zonos-currency-toggle": HTMLZonosCurrencyToggleElement;
+        "zonos-custom-address": HTMLZonosCustomAddressElement;
         "zonos-custom-message": HTMLZonosCustomMessageElement;
         "zonos-customer-info": HTMLZonosCustomerInfoElement;
         "zonos-dialog": HTMLZonosDialogElement;
@@ -1746,6 +2010,8 @@ declare global {
         "zonos-shipping-rich-radio": HTMLZonosShippingRichRadioElement;
         "zonos-spinner": HTMLZonosSpinnerElement;
         "zonos-stripe-input": HTMLZonosStripeInputElement;
+        "zonos-stripe-phone-input": HTMLZonosStripePhoneInputElement;
+        "zonos-stripe-select": HTMLZonosStripeSelectElement;
         "zonos-text": HTMLZonosTextElement;
         "zonos-toggle": HTMLZonosToggleElement;
         "zonos-tooltip": HTMLZonosTooltipElement;
@@ -1800,6 +2066,20 @@ declare namespace LocalJSX {
          */
         "translatedAddress": TranslatedAddressObject;
     }
+    interface ZonosAddressSuggestions {
+        /**
+          * Event emitted when a suggestion is selected
+         */
+        "onSuggestionSelected"?: (event: ZonosAddressSuggestionsCustomEvent<EventPayloadMap['placeSelected']>) => void;
+        /**
+          * Suggestions to display
+         */
+        "suggestions"?: IframeSuggestionsResponsePayload['suggestions'];
+        /**
+          * Type of the address suggestions
+         */
+        "type": 'billing' | 'shipping';
+    }
     interface ZonosAddressUpdateDialog {
         /**
           * Billing address that user has entered (optional if billing is the same as shipping)
@@ -2088,6 +2368,10 @@ declare namespace LocalJSX {
           * Force dialog to be open
          */
         "forceDialogOpen"?: boolean;
+        /**
+          * Hidden mode to hide the checkout modal in preview mode
+         */
+        "hiddenMode"?: boolean;
         /**
           * Flag to determine if the checkout is on mobile
          */
@@ -2300,6 +2584,32 @@ declare namespace LocalJSX {
     }
     interface ZonosCurrencyToggle {
     }
+    interface ZonosCustomAddress {
+        /**
+          * Default address for stripe
+         */
+        "defaultAddress"?: ContactOption[];
+        /**
+          * Event to emit when address is changed
+         */
+        "onAddressChange"?: (event: ZonosCustomAddressCustomEvent<{
+    errors: CustomAddressErrors;
+    type: 'billing' | 'shipping';
+    value: StripeAddressElementChangeEvent;
+  }>) => void;
+        /**
+          * Event to emit when address is not containing allowed character sets
+         */
+        "onInvalidCharacters"?: (event: ZonosCustomAddressCustomEvent<boolean>) => void;
+        /**
+          * The title text for the address element
+         */
+        "titleText": string;
+        /**
+          * The type of address element to render
+         */
+        "type": 'billing' | 'shipping';
+    }
     interface ZonosCustomMessage {
         /**
           * The custom message icon
@@ -2326,7 +2636,23 @@ declare namespace LocalJSX {
         /**
           * Event to emit when the continue button is clicked
          */
-        "onContinueClicked"?: (event: ZonosCustomerInfoCustomEvent<void>) => void;
+        "onContinueClicked"?: (event: ZonosCustomerInfoCustomEvent<{
+    billingAddress: StripeAddressElementChangeEvent | null;
+    sameAsBilling: boolean;
+    shippingAddress: StripeAddressElementChangeEvent | null;
+  }>) => void;
+        /**
+          * Trigger continue button click even though fields're not validated for testing purposes
+         */
+        "onTestContinueClicked"?: (event: ZonosCustomerInfoCustomEvent<{
+    billingAddress: StripeAddressElementChangeEvent | null;
+    sameAsBilling: boolean;
+    shippingAddress: StripeAddressElementChangeEvent | null;
+  }>) => void;
+        /**
+          * Whether to override custom address form to be always visible
+         */
+        "shouldUseCustomAddressFormOverride"?: boolean;
         /**
           * Submit button main color
          */
@@ -2696,6 +3022,14 @@ declare namespace LocalJSX {
      * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element
      */
     interface ZonosStripeInput {
+        /**
+          * Autocomplete attribute for the input
+         */
+        "autoComplete"?: string;
+        /**
+          * Error message of the input
+         */
+        "error"?: string;
         /**
           * Input label
          */
@@ -2716,6 +3050,10 @@ declare namespace LocalJSX {
           * Error state of the input
          */
         "isError"?: boolean;
+        /**
+          * Name of the input
+         */
+        "name"?: string;
         /**
           * Event to emit when input value changes
          */
@@ -2728,11 +3066,133 @@ declare namespace LocalJSX {
           * Secondary color to override secondary color from appearance secondary color in setting
          */
         "overrideSecondaryColor"?: string;
+        /**
+          * Whether the input is required
+         */
+        "required"?: boolean;
         /**
           * The value of the input.
          */
         "value"?: string;
     }
+    interface ZonosStripePhoneInput {
+        /**
+          * The autoComplete attribute for the phone input
+         */
+        "autoComplete"?: string;
+        /**
+          * The country code of the phone input
+         */
+        "countryCode"?: CountryCode | null;
+        /**
+          * Available country options for the select dropdown
+         */
+        "countryOptions"?: GenericZonosSettings['countryFields'] | null;
+        /**
+          * Whether the input is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Error message to display
+         */
+        "error"?: string;
+        /**
+          * Label text for the input
+         */
+        "inputLabel"?: string;
+        /**
+          * Current value of the phone input
+         */
+        "inputValue"?: string;
+        /**
+          * Minimum width of the phone input
+         */
+        "minWidth"?: string;
+        /**
+          * Emitted when the country or phone number changes
+         */
+        "onInputValueChange"?: (event: ZonosStripePhoneInputCustomEvent<{
+    countryCode: CountryCode | null;
+    isEmpty: boolean;
+    phoneNumber: string;
+    valid: boolean;
+    wrongFormat: boolean;
+  }>) => void;
+        /**
+          * Override the primary color
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Override the secondary color
+         */
+        "overrideSecondaryColor"?: string;
+    }
+    interface ZonosStripeSelect {
+        /**
+          * The autoComplete attribute for the select.
+         */
+        "autoComplete"?: string;
+        /**
+          * Error message of the select
+         */
+        "error"?: string;
+        /**
+          * Whether the select can be cleared
+         */
+        "isClearable"?: boolean;
+        /**
+          * Disables the select
+         */
+        "isDisabled"?: boolean;
+        /**
+          * Error state of the select
+         */
+        "isError"?: boolean;
+        /**
+          * Minimum width of the select
+         */
+        "minWidth"?: string;
+        /**
+          * Name of the select
+         */
+        "name"?: string;
+        /**
+          * Event to emit when select value changes
+         */
+        "onSelectChange"?: (event: ZonosStripeSelectCustomEvent<string>) => void;
+        /**
+          * Options for the select. Must be set using a query selector.
+         */
+        "options"?: SelectOption[];
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Secondary color to override secondary color from appearance secondary color in setting
+         */
+        "overrideSecondaryColor"?: string;
+        /**
+          * Whether the select is required
+         */
+        "required"?: boolean;
+        /**
+          * Select label
+         */
+        "selectLabel": string;
+        /**
+          * Placeholder for the select
+         */
+        "selectPlaceholder"?: string;
+        /**
+          * Selected value of the select
+         */
+        "selectedValue"?: string;
+        /**
+          * The value of the select.
+         */
+        "value"?: string;
+    }
     interface ZonosText {
         /**
           * The size of the text
@@ -2816,6 +3276,7 @@ declare namespace LocalJSX {
         "zonos-address": ZonosAddress;
         "zonos-address-display": ZonosAddressDisplay;
         "zonos-address-form": ZonosAddressForm;
+        "zonos-address-suggestions": ZonosAddressSuggestions;
         "zonos-address-update-dialog": ZonosAddressUpdateDialog;
         "zonos-badge": ZonosBadge;
         "zonos-banner": ZonosBanner;
@@ -2837,6 +3298,7 @@ declare namespace LocalJSX {
         "zonos-country-flag": ZonosCountryFlag;
         "zonos-country-select": ZonosCountrySelect;
         "zonos-currency-toggle": ZonosCurrencyToggle;
+        "zonos-custom-address": ZonosCustomAddress;
         "zonos-custom-message": ZonosCustomMessage;
         "zonos-customer-info": ZonosCustomerInfo;
         "zonos-dialog": ZonosDialog;
@@ -2860,6 +3322,8 @@ declare namespace LocalJSX {
         "zonos-shipping-rich-radio": ZonosShippingRichRadio;
         "zonos-spinner": ZonosSpinner;
         "zonos-stripe-input": ZonosStripeInput;
+        "zonos-stripe-phone-input": ZonosStripePhoneInput;
+        "zonos-stripe-select": ZonosStripeSelect;
         "zonos-text": ZonosText;
         "zonos-toggle": ZonosToggle;
         "zonos-tooltip": ZonosTooltip;
@@ -2874,6 +3338,7 @@ declare module "@stencil/core" {
             "zonos-address": LocalJSX.ZonosAddress & JSXBase.HTMLAttributes<HTMLZonosAddressElement>;
             "zonos-address-display": LocalJSX.ZonosAddressDisplay & JSXBase.HTMLAttributes<HTMLZonosAddressDisplayElement>;
             "zonos-address-form": LocalJSX.ZonosAddressForm & JSXBase.HTMLAttributes<HTMLZonosAddressFormElement>;
+            "zonos-address-suggestions": LocalJSX.ZonosAddressSuggestions & JSXBase.HTMLAttributes<HTMLZonosAddressSuggestionsElement>;
             "zonos-address-update-dialog": LocalJSX.ZonosAddressUpdateDialog & JSXBase.HTMLAttributes<HTMLZonosAddressUpdateDialogElement>;
             "zonos-badge": LocalJSX.ZonosBadge & JSXBase.HTMLAttributes<HTMLZonosBadgeElement>;
             "zonos-banner": LocalJSX.ZonosBanner & JSXBase.HTMLAttributes<HTMLZonosBannerElement>;
@@ -2895,6 +3360,7 @@ declare module "@stencil/core" {
             "zonos-country-flag": LocalJSX.ZonosCountryFlag & JSXBase.HTMLAttributes<HTMLZonosCountryFlagElement>;
             "zonos-country-select": LocalJSX.ZonosCountrySelect & JSXBase.HTMLAttributes<HTMLZonosCountrySelectElement>;
             "zonos-currency-toggle": LocalJSX.ZonosCurrencyToggle & JSXBase.HTMLAttributes<HTMLZonosCurrencyToggleElement>;
+            "zonos-custom-address": LocalJSX.ZonosCustomAddress & JSXBase.HTMLAttributes<HTMLZonosCustomAddressElement>;
             "zonos-custom-message": LocalJSX.ZonosCustomMessage & JSXBase.HTMLAttributes<HTMLZonosCustomMessageElement>;
             "zonos-customer-info": LocalJSX.ZonosCustomerInfo & JSXBase.HTMLAttributes<HTMLZonosCustomerInfoElement>;
             "zonos-dialog": LocalJSX.ZonosDialog & JSXBase.HTMLAttributes<HTMLZonosDialogElement>;
@@ -2921,6 +3387,8 @@ declare module "@stencil/core" {
              * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element
              */
             "zonos-stripe-input": LocalJSX.ZonosStripeInput & JSXBase.HTMLAttributes<HTMLZonosStripeInputElement>;
+            "zonos-stripe-phone-input": LocalJSX.ZonosStripePhoneInput & JSXBase.HTMLAttributes<HTMLZonosStripePhoneInputElement>;
+            "zonos-stripe-select": LocalJSX.ZonosStripeSelect & JSXBase.HTMLAttributes<HTMLZonosStripeSelectElement>;
             "zonos-text": LocalJSX.ZonosText & JSXBase.HTMLAttributes<HTMLZonosTextElement>;
             "zonos-toggle": LocalJSX.ZonosToggle & JSXBase.HTMLAttributes<HTMLZonosToggleElement>;
             "zonos-tooltip": LocalJSX.ZonosTooltip & JSXBase.HTMLAttributes<HTMLZonosTooltipElement>;