@zonos/elements 1.3.184 → 1.3.185

package/dist/types/components/store/translationStore/strings.vietnamese.d.ts

@@ -14,12 +14,30 @@ export declare const stringsVietnamese: {
     Address: {
         value: string;
     };
+    'Address 2': {
+        value: string;
+    };
     'Address line 1': {
         value: string;
     };
     'Address line 2': {
         value: string;
     };
+    'Address line 3': {
+        value: string;
+    };
+    Address1: {
+        value: string;
+    };
+    Address2: {
+        value: string;
+    };
+    Address3: {
+        value: string;
+    };
+    'Adresa vulytsi': {
+        value: string;
+    };
     'An unexpected error occurred when processing PayPal order.': {
         value: string;
     };
@@ -29,6 +47,9 @@ export declare const stringsVietnamese: {
     'Are you sure?': {
         value: string;
     };
+    Area: {
+        value: string;
+    };
     Back: {
         value: string;
     };
@@ -41,6 +62,9 @@ export declare const stringsVietnamese: {
     'By paying in USD, your card will be charged directly with no currency conversion. However, using a non-USD based card may result in additional currency conversion fees at the bank level.': {
         value: string;
     };
+    CEDEX: {
+        value: string;
+    };
     'CPF/CNPJ number': {
         value: string;
     };
@@ -56,6 +80,9 @@ export declare const stringsVietnamese: {
     City: {
         value: string;
     };
+    'City/Town': {
+        value: string;
+    };
     'Click to copy the card number. Use any future expiration date and three number CVC.': {
         value: string;
     };
@@ -65,6 +92,12 @@ export declare const stringsVietnamese: {
     Close: {
         value: string;
     };
+    'Code postal': {
+        value: string;
+    };
+    Commune: {
+        value: string;
+    };
     'Company name (optional)': {
         value: string;
     };
@@ -80,6 +113,12 @@ export declare const stringsVietnamese: {
     Country: {
         value: string;
     };
+    County: {
+        value: string;
+    };
+    'County or sector': {
+        value: string;
+    };
     Customer: {
         value: string;
     };
@@ -92,9 +131,21 @@ export declare const stringsVietnamese: {
     'Delivery options': {
         value: string;
     };
+    Department: {
+        value: string;
+    };
+    Derzhava: {
+        value: string;
+    };
     Discounts: {
         value: string;
     };
+    District: {
+        value: string;
+    };
+    'Do/Si': {
+        value: string;
+    };
     "Don't close": {
         value: string;
     };
@@ -119,6 +170,9 @@ export declare const stringsVietnamese: {
     Email: {
         value: string;
     };
+    Emirate: {
+        value: string;
+    };
     'Error creating Checkout': {
         value: string;
     };
@@ -143,6 +197,9 @@ export declare const stringsVietnamese: {
     'Go to payment': {
         value: string;
     };
+    Gorod: {
+        value: string;
+    };
     Guaranteed: {
         value: string;
     };
@@ -152,12 +209,18 @@ export declare const stringsVietnamese: {
     'Hide non-prepaid options': {
         value: string;
     };
+    Indeks: {
+        value: string;
+    };
     'Invalid RFC format. Must be 12\u201313 uppercase letters and numbers only.': {
         value: string;
     };
     'Invalid promo code': {
         value: string;
     };
+    Island: {
+        value: string;
+    };
     'It looks like you placed an order recently ([date] at [time]) under order number #[orderNumber]. Check your email for the order confirmation. Are you sure you want to place another order?': {
         value: string;
     };
@@ -170,15 +233,27 @@ export declare const stringsVietnamese: {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: string;
     };
+    Kodepos: {
+        value: string;
+    };
     'Last name': {
         value: string;
     };
     'Learn more.': {
         value: string;
     };
+    Locality: {
+        value: string;
+    };
     'Missing required fields. Make sure all fields are completed.': {
         value: string;
     };
+    Misto: {
+        value: string;
+    };
+    Municipality: {
+        value: string;
+    };
     Name: {
         value: string;
     };
@@ -209,6 +284,9 @@ export declare const stringsVietnamese: {
     OK: {
         value: string;
     };
+    Oblast: {
+        value: string;
+    };
     'Order complete!': {
         value: string;
     };
@@ -218,6 +296,9 @@ export declare const stringsVietnamese: {
     'Orders to [countryName] must be over [threshold] to ship.': {
         value: string;
     };
+    Parish: {
+        value: string;
+    };
     'Pay [orderTotal]': {
         value: string;
     };
@@ -257,12 +338,30 @@ export declare const stringsVietnamese: {
     'Please enter a valid email address.': {
         value: string;
     };
+    'Please provide a mobile phone number.': {
+        value: string;
+    };
+    'Please provide your first name.': {
+        value: string;
+    };
+    'Please provide your last name.': {
+        value: string;
+    };
+    'Poshtovyy indeks': {
+        value: string;
+    };
     'Postal code': {
         value: string;
     };
+    Postcode: {
+        value: string;
+    };
     'Powered by': {
         value: string;
     };
+    Prefecture: {
+        value: string;
+    };
     'Prepay duties and taxes at checkout': {
         value: string;
     };
@@ -290,12 +389,18 @@ export declare const stringsVietnamese: {
     'Product prices already include taxes. No additional taxes will be added at checkout, with rare exceptions.': {
         value: string;
     };
+    Province: {
+        value: string;
+    };
     Quantity: {
         value: string;
     };
     'RFC number': {
         value: string;
     };
+    Region: {
+        value: string;
+    };
     Reload: {
         value: string;
     };
@@ -314,9 +419,15 @@ export declare const stringsVietnamese: {
     'Search countries': {
         value: string;
     };
+    Sector: {
+        value: string;
+    };
     'See duty and tax thresholds': {
         value: string;
     };
+    Select: {
+        value: string;
+    };
     'Select a country': {
         value: string;
     };
@@ -359,9 +470,27 @@ export declare const stringsVietnamese: {
     State: {
         value: string;
     };
+    'State or Territory': {
+        value: string;
+    };
+    'State or province': {
+        value: string;
+    };
     'State/Province': {
         value: string;
     };
+    'Street address': {
+        value: string;
+    };
+    'Street address 2': {
+        value: string;
+    };
+    'Street address 3': {
+        value: string;
+    };
+    'Street or avenue': {
+        value: string;
+    };
     Success: {
         value: string;
     };
@@ -380,6 +509,9 @@ export declare const stringsVietnamese: {
     'Test mode': {
         value: string;
     };
+    'The field is incomplete': {
+        value: string;
+    };
     'The following items are unable to be shipped to your country and are not included in your cart total.': {
         value: string;
     };
@@ -398,9 +530,21 @@ export declare const stringsVietnamese: {
     'To ensure delivery all address details must be in Latin characters.': {
         value: string;
     };
+    Town: {
+        value: string;
+    };
+    'Town / City': {
+        value: string;
+    };
+    'Town or city': {
+        value: string;
+    };
     'Translated address': {
         value: string;
     };
+    Ulica: {
+        value: string;
+    };
     'Unable to check inventory. Please try again.': {
         value: string;
     };
@@ -419,6 +563,9 @@ export declare const stringsVietnamese: {
     'Update your address': {
         value: string;
     };
+    Village: {
+        value: string;
+    };
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: string;
     };
@@ -449,9 +596,15 @@ export declare const stringsVietnamese: {
     "You're all set!": {
         value: string;
     };
+    'Your [zipLabel] is invalid': {
+        value: string;
+    };
     'Your checkout session has expired. Please reload the page to continue.': {
         value: string;
     };
+    'Your mobile phone number is incomplete.': {
+        value: string;
+    };
     'Your order has been successfully placed.': {
         value: string;
     };
@@ -461,6 +614,12 @@ export declare const stringsVietnamese: {
     'Your selected payment method requires additional verification. Please follow the instructions provided by your payment provider to complete the transaction.': {
         value: string;
     };
+    'ZIP code': {
+        value: string;
+    };
+    Zip: {
+        value: string;
+    };
     '[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.': {
         value: string;
     };

package/dist/types/components/store/zonosStore.d.ts

@@ -1,8 +1,9 @@
+import type { CheckoutAddressService } from "../utils/iframe/CheckoutAddressService";
 import type { CurrencyConverter, LoadZonosParamsConfig } from "../../scripts/_zonosBase";
-import type { GenericZonosSettings, ZonosSettings } from "../../types/index";
 import type { CheckoutConfig } from "../../types/checkout/CheckoutConfig";
 import type { CountryCode, ElementsUiStyle, ElementsUiTheme, ZonosAttribution } from "../../types/generated/graphql.internal.types";
 import type { HelloConfig } from "../../types/hello/HelloConfig";
+import type { GenericZonosSettings, ZonosSettings } from "../../types/utils/ZonosSettings";
 export type AppearanceConfig = {
     colorPrimary?: string;
     colorSecondary?: string;
@@ -24,6 +25,10 @@ export type AppearanceConfig = {
 export type Page = 'home' | 'productList' | 'productDetail' | 'cart';
 export type ZonosConfig = {
     appearance: AppearanceConfig;
+    /**
+     * Service for managing address selection and validation
+     */
+    checkoutAddressService: CheckoutAddressService | null;
     checkoutSettings: CheckoutConfig;
     currencyConverter?: CurrencyConverter;
     currentHelloPage: Page | '';

package/dist/types/components/stripe/zonos-custom-address/zonos-address-suggestions/zonos-address-suggestions.d.ts

@@ -0,0 +1,38 @@
+import { type EventEmitter } from '../../../../stencil-public-runtime';
+import type { EventPayloadMap, IframeSuggestionsResponsePayload } from "../../../utils/iframe/IframeHelpers";
+export declare class ZonosAddressSuggestions {
+    el: HTMLZonosAddressSuggestionsElement;
+    /**
+     * Type of the address suggestions
+     */
+    type: 'billing' | 'shipping';
+    /**
+     * Suggestions to display
+     */
+    suggestions: IframeSuggestionsResponsePayload['suggestions'];
+    /**
+     * Selected suggestion id
+     */
+    selectedSuggestionId: string | null;
+    /**
+     * Local suggestions to display
+     */
+    localSuggestions: IframeSuggestionsResponsePayload['suggestions'];
+    lastHoveredSuggestionId: string | null;
+    /**
+     * Event emitted when a suggestion is selected
+     */
+    suggestionSelected: EventEmitter<EventPayloadMap['placeSelected']>;
+    suggestionsChanged(): void;
+    /**
+     * Handle clicks outside of the suggestions component
+     */
+    private handleClickOutside;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * Split text into segments based on matches array for highlighting
+     */
+    private getHighlightedText;
+    render(): any;
+}

package/dist/types/components/stripe/zonos-custom-address/zonos-custom-address.d.ts

@@ -0,0 +1,150 @@
+import type { EventEmitter } from '../../../stencil-public-runtime';
+import type { ContactOption, Stripe, StripeAddressElementChangeEvent } from '@stripe/stripe-js';
+import type { ICountryJson } from "../../../components";
+import type { CheckoutAddressService } from "../../utils/iframe/CheckoutAddressService";
+import type { CustomAddressErrors } from "../../../types/checkout/form/CustomAddressErrors";
+import type { CountryFields } from "../../../types/CountryFields";
+export declare class ZonosAddress {
+    el: HTMLZonosCustomAddressElement;
+    /**
+     * The type of address element to render
+     */
+    type: 'billing' | 'shipping';
+    /**
+     * The title text for the address element
+     */
+    titleText: string;
+    /**
+     * Default address for stripe
+     */
+    defaultAddress: ContactOption[];
+    /**
+     * Event to emit when address is not containing allowed character sets
+     */
+    invalidCharacters: EventEmitter<boolean>;
+    /**
+     * Event to emit when address is changed
+     */
+    addressChange: EventEmitter<{
+        errors: CustomAddressErrors;
+        type: 'billing' | 'shipping';
+        value: StripeAddressElementChangeEvent;
+    }>;
+    stripe: Stripe | null;
+    /**
+     * Check if the address is dirty or not to scroll into view. When the component is mounted, if the data is filled with address line 1, it's considered dirty
+     */
+    isDirtyAddress: boolean;
+    /**
+     * Local address event for stripe address element
+     */
+    isAddressFilled: boolean;
+    /**
+     * Whether the address line 1 is already entered greater than 3 characters once
+     */
+    isAddressLine1Entered: boolean;
+    /**
+     * Address suggestions from google place api
+     */
+    addressSuggestions: {
+        id: string;
+        matches: {
+            endOffset: number;
+            startOffset: number;
+        }[];
+        place: string;
+    }[];
+    /**
+     * Country fields for the current country
+     */
+    countryField: CountryFields | null;
+    /**
+     * Whether to start google place suggestions
+     */
+    startGooglePlaceSuggestions: boolean;
+    /**
+     * List of countries to show in the address element
+     */
+    shipToCountries: {
+        label: string;
+        value: string;
+    }[] | null;
+    /**
+     * Shipping zones from localization
+     */
+    shippingZones: ICountryJson | null;
+    city: string;
+    country: string;
+    firstName: string;
+    lastName: string;
+    line1: string;
+    line2: string | null;
+    phone: string;
+    postalCode: string;
+    state: string;
+    cityError: string;
+    stateError: string;
+    postalCodeError: string;
+    phoneError: string;
+    firstNameError: string;
+    lastNameError: string;
+    /**
+     * Whether the address element is loaded
+     */
+    isFirstInitialization: boolean;
+    /**
+     * Address service instance
+     */
+    addressService: CheckoutAddressService | null;
+    /**
+     * Local checkout session id to check if the address is filled after checkout is loaded
+     */
+    checkoutSessionId: string | null;
+    /**
+     * Whether the suggestion is clicked
+     */
+    private suggestionClicked;
+    /**
+     * Check if the tracking event is sent
+     */
+    private trackingSent;
+    /**
+     * Google autocomplete overlay is conflict with our button, this is to adjust z index of the autocomplete
+     */
+    private isAutoCompleteAdjusted;
+    /**
+     * Unsubscribe function for address suggestions listener
+     */
+    private onAddressSuggestionsUnsubscribe?;
+    /**
+     * Unsubscribe function for address selected listener
+     */
+    private onAddressSelectedUnsubscribe?;
+    private getStripeAddressInstance;
+    private updateAddressEventData;
+    isAddressFilledChanged(): void;
+    defaultAddressChanged(newAddress: ContactOption[], oldAddress: ContactOption[]): void;
+    private getIsComplete;
+    private throttledGetAddressSuggestions;
+    private setCustomAddressFormToStripeAddressEventData;
+    private renderCompanyNameInput;
+    private initCountryField;
+    private initDefaultCustomAddressForm;
+    line1Changed(): void;
+    formFieldsChanged(): void;
+    private addressSuggestionSelected;
+    private setFormValues;
+    private getCustomAddressErrors;
+    private validate;
+    /**
+     * Initialize the address suggestions
+     */
+    private initAddressSuggestions;
+    shouldEnabledCustomAddressChanged(): void;
+    shippingZonesChanged(): void;
+    private renderCustomAddressForm;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/utils/api/getGenericSettingsOverride.d.ts

@@ -0,0 +1,5 @@
+type GenericSettingsOverride = {
+    overrideShouldEnabledCustomAddress?: string | null;
+};
+export declare const getGenericSettingsOverride: () => GenericSettingsOverride;
+export {};

package/dist/types/components/utils/api/getLocaleMessages.d.ts

@@ -4,7 +4,7 @@ export declare const getLocaleMessages: ({ countryCode, localeTo, storeId, }: {
     localeTo?: string;
     storeId: number;
 }) => Promise<{
-    countryCodes: Array<string>;
+    countryCodes: Array<string> | null;
     countryCodesPageMessageLinks: Array<{
         id: number;
         message: {

package/dist/types/components/utils/api/getZonosSettings.d.ts

@@ -1,6 +1,6 @@
-import type { ZonosSettings } from "../../../types/index";
+import type { ZonosSettings } from "../../../types/utils/ZonosSettings";
 export declare const getZonosSettings: () => Promise<{
-    errors: import("src/types").JsonError[];
+    errors: import("../../..").JsonError[];
     json: null;
     zonosMode: "production" | "test" | null;
 } | {

package/dist/types/components/utils/checkout/form/helpers.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Elements inside of web components sometimes need to inherit global attributes
+ * set on the host. For example, the inner input in `ion-input` should inherit
+ * the `title` attribute that developers set directly on `ion-input`. This
+ * helper function should be called in componentWillLoad and assigned to a variable
+ * that is later used in the render function.
+ *
+ * This does not need to be reactive as changing attributes on the host element
+ * does not trigger a re-render.
+ */
+export declare const inheritAttributes: (el: HTMLElement, attributes?: string[]) => Record<string, string>;
+/**
+ * Returns an array of aria attributes that should be copied from
+ * the shadow host element to a target within the light DOM.
+ * @param el The element that the attributes should be copied from.
+ * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.
+ * Use this in instances where we manually specify aria attributes on the `<Host>` element.
+ */
+export declare const inheritAriaAttributes: (el: HTMLElement, ignoreList?: string[]) => Record<string, string>;

package/dist/types/components/utils/checkout/form/isValidZip.d.ts

@@ -0,0 +1,5 @@
+import type { CountryFields } from "../../../../types/CountryFields";
+export declare const isValidZip: ({ countryFields, zip, }: {
+    countryFields: CountryFields | null;
+    zip: string;
+}) => boolean;

package/dist/types/components/utils/iframe/CheckoutAddressService.d.ts

@@ -0,0 +1,38 @@
+import { type EventPayloadMap } from "./IframeHelpers";
+/**
+ * Checkout service for managing address selection and validation
+ */
+export declare class CheckoutAddressService {
+    private googlePlaceInitialized;
+    private readonly googlePlaces;
+    private suggestionsCallback?;
+    private placeSelectedCallback?;
+    constructor();
+    private initialize;
+    onInitializeGooglePlacesService(callback: () => void): () => void;
+    isGooglePlaceInitialized(): boolean;
+    /**
+     * Set up event listeners for address suggestions
+     */
+    onAddressSuggestions(callback: (props: EventPayloadMap['onFetchAutocompleteSuggestions']) => void): () => void;
+    /**
+     * Set up event listeners for selected address
+     */
+    onAddressSelected(callback: (response: EventPayloadMap['onPlaceSelected']) => void): () => void;
+    /**
+     * Request address suggestions based on user input
+     */
+    getAddressSuggestions({ country, query, type, }: {
+        country: string;
+        query: string;
+        type: 'billing' | 'shipping';
+    }): void;
+    /**
+     * Select an address from suggestions
+     */
+    selectAddress({ placeId, type, }: {
+        placeId: string;
+        type: 'billing' | 'shipping';
+    }): void;
+    destroy(): void;
+}