@zonos/elements 1.2.3 → 1.2.4-alpha.10

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

@@ -1,20 +1,20 @@
 import type { ContactOption, Stripe } from '@stripe/stripe-js';
 export declare class ZonosAddress {
-  /**
-   * 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 | null;
-  stripe: Stripe | null;
-  el: HTMLZonosAddressElement;
-  watchInitStripe(): Promise<void>;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * 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 | null;
+    stripe: Stripe | null;
+    el: HTMLZonosAddressElement;
+    watchInitStripe(): Promise<void>;
+    componentDidLoad(): void;
+    render(): any;
 }

package/dist/types/components/stripe/zonos-link-authentication/zonos-link-authentication.d.ts

@@ -1,12 +1,12 @@
 import type { Stripe } from '@stripe/stripe-js';
 export declare class ZonosLinkAuthentication {
-  /**
-   * The title text for the authentication element
-   */
-  titleText: string;
-  stripe: Stripe | null;
-  el: HTMLZonosLinkAuthenticationElement;
-  watchInitStripe(): void;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * The title text for the authentication element
+     */
+    titleText: string;
+    stripe: Stripe | null;
+    el: HTMLZonosLinkAuthenticationElement;
+    watchInitStripe(): void;
+    componentDidLoad(): void;
+    render(): any;
 }

package/dist/types/components/stripe/zonos-payment/zonos-payment.d.ts

@@ -1,13 +1,13 @@
 import type { Stripe, StripeElements } from '@stripe/stripe-js';
 export declare class ZonosPayment {
-  /**
-   * The title text for the authentication element
-   */
-  titleText?: string;
-  stripe: Stripe | null;
-  stripeElements: StripeElements | null;
-  el: HTMLZonosPaymentElement;
-  watchInitStripe(): void;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * The title text for the authentication element
+     */
+    titleText?: string;
+    stripe: Stripe | null;
+    stripeElements: StripeElements | null;
+    el: HTMLZonosPaymentElement;
+    watchInitStripe(): void;
+    componentDidLoad(): void;
+    render(): any;
 }

package/dist/types/components/utils/addDays.d.ts

@@ -1,10 +1,10 @@
 type Params = {
-  days: number;
-  /**
-   * Format options for Intl.DateTimeFormat
-   * @default {day:'numeric',weekday:'long',year:'numeric'} Thursday 3, 2023
-   */
-  formatOptions?: Intl.DateTimeFormatOptions;
+    days: number;
+    /**
+     * Format options for Intl.DateTimeFormat
+     * @default {day:'numeric',weekday:'long',year:'numeric'} Thursday 3, 2023
+     */
+    formatOptions?: Intl.DateTimeFormatOptions;
 };
 /**
  * Add days to current date and return formatted date with Intl.DateTimeFormat

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

@@ -1,22 +1,22 @@
 import type { CountryCode } from "../../../types/generated/graphql.customer.types";
 type Item = {
-  description: string;
-  name: string;
+    description: string;
+    name: string;
 };
 export declare const checkItemRestrictions: ({ items, shipFrom, shipTo, }: {
-  items: Item[];
-  shipFrom: CountryCode;
-  shipTo: CountryCode;
+    items: Item[];
+    shipFrom: CountryCode;
+    shipTo: CountryCode;
 }) => Promise<{
-  action: import("src/types/generated/graphql.customer.types").ItemRestrictionAction | null;
-  id: string;
-  itemDescription: string | null;
-  itemRestrictions: ({
-    hsCode: string;
+    action: import("src/types/generated/graphql.customer.types").ItemRestrictionAction | null;
     id: string;
-    note: string;
-    sources: (string | null)[] | null;
-    type: import("src/types/generated/graphql.customer.types").ItemRestrictionType;
-  } | null)[] | null;
+    itemDescription: string | null;
+    itemRestrictions: ({
+        hsCode: string;
+        id: string;
+        note: string;
+        sources: (string | null)[] | null;
+        type: import("src/types/generated/graphql.customer.types").ItemRestrictionType;
+    } | null)[] | null;
 }[]>;
 export {};

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

@@ -1,10 +1,10 @@
 import type { CountryCode } from "../../../types/index";
 export type CountryLandedCost = {
-  calcAsVat: boolean;
-  countryCode: string;
-  deminimusCurrencyCode: string;
-  dutyDeminimus: number;
-  vatTaxDeminimus: number;
-  vatTaxRate: number;
+    calcAsVat: boolean;
+    countryCode: string;
+    deminimusCurrencyCode: string;
+    dutyDeminimus: number;
+    vatTaxDeminimus: number;
+    vatTaxRate: number;
 };
 export declare const getCountryLandedCost: (countryCode: CountryCode | null) => Promise<CountryLandedCost | null>;

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

@@ -1,23 +1,23 @@
 export type TargetFormat = {
-  currencyCode: string;
-  decimalDelimiter: string;
-  scale: number;
-  symbol: string;
-  symbolLocation: string;
-  thousandsDelimiter: string;
+    currencyCode: string;
+    decimalDelimiter: string;
+    scale: number;
+    symbol: string;
+    symbolLocation: string;
+    thousandsDelimiter: string;
 };
 export declare const getExchangeRate: ({ country, isGuaranteed, sourceCurrency, targetCurrency, }: {
-  country: string | null;
-  isGuaranteed: boolean;
-  sourceCurrency: string;
-  targetCurrency: string;
+    country: string | null;
+    isGuaranteed: boolean;
+    sourceCurrency: string;
+    targetCurrency: string;
 }) => Promise<{
-  exchangeRate: null;
-  maxAge: null;
+    exchangeRate: null;
+    maxAge: null;
 } | {
-  exchangeRate: {
-    rate: number;
-    targetFormat: TargetFormat;
-  };
-  maxAge: number;
+    exchangeRate: {
+        rate: number;
+        targetFormat: TargetFormat;
+    };
+    maxAge: number;
 }>;

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

@@ -1,20 +1,20 @@
 import type { CountryCode } from "../../../types/index";
 export declare const getLocaleMessages: ({ countryCode, localeTo, storeId, }: {
-  countryCode: CountryCode;
-  localeTo?: string | undefined;
-  storeId: number;
+    countryCode: CountryCode;
+    localeTo?: string | undefined;
+    storeId: number;
 }) => Promise<{
-  countryCodes: string[];
-  countryCodesPageMessageLinks: {
+    countryCodes: string[] | null;
+    countryCodesPageMessageLinks: {
+        id: number;
+        message: {
+            id: number;
+            localeFrom: string;
+            localeTo: string;
+            textFrom: string;
+            textTo: string;
+        };
+    }[];
     id: number;
-    message: {
-      id: number;
-      localeFrom: string;
-      localeTo: string;
-      textFrom: string;
-      textTo: string;
-    };
-  }[];
-  id: number;
-  pageName: import("src/types/generated/graphql.frontend.types").Locale_PageName_Enum;
+    pageName: import("src/types/generated/graphql.frontend.types").Locale_PageName_Enum;
 }[]>;

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

@@ -1,8 +1,8 @@
 import type { CountryCode } from "../../../types/index";
 import type { Locale_ElementsSupportedLocationCode_Enum } from "../../../types/generated/graphql.frontend.types";
 type Localization = {
-  country: CountryCode | null;
-  locale: Locale_ElementsSupportedLocationCode_Enum | null;
+    country: CountryCode | null;
+    locale: Locale_ElementsSupportedLocationCode_Enum | null;
 };
 export declare const getLocalization: () => Promise<Localization>;
 export {};

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

@@ -0,0 +1,8 @@
+import type { ZonosSettingsQuery } from "../../../types/generated/graphql.customer.types";
+export declare const getZonosSettings: () => Promise<{
+    errors: import("../../..").JsonError[];
+    json: null;
+} | {
+    errors: never[];
+    json: ZonosSettingsQuery | null;
+}>;

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

@@ -0,0 +1,5 @@
+import type { CalculateLandedCostRequest } from "../../../types/checkout/api/CalculateLandedCostRequest";
+import type { CalculateLandedCostMutation } from "../../../types/generated/graphql.customer.types";
+type BuildLandedCost = (checkoutSessionId: string, contact: CalculateLandedCostRequest['contact'], shippingAddress: CalculateLandedCostRequest['shippingAddress']) => Promise<CalculateLandedCostMutation | null>;
+export declare const triggerBuildLandedCost: (buildLandedCost: BuildLandedCost) => Promise<CalculateLandedCostMutation>;
+export {};

package/dist/types/components/utils/changeDeepProperty.d.ts

@@ -37,8 +37,8 @@ import type { IDeepKeyof, IDeepPropertyType } from "../../types/index";
       },
     };
  */
-export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends IDeepKeyof<T, Depth>, Depth extends 0 | 8 | 1 | 2 | 6 | 5 | 3 | 4 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
-  obj: T;
-  propertyPath: P;
-  value: IDeepPropertyType<T, P, Depth>;
+export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends IDeepKeyof<T, Depth>, Depth extends 0 | 8 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
+    obj: T;
+    propertyPath: P;
+    value: IDeepPropertyType<T, P, Depth>;
 }) => T;

package/dist/types/components/utils/changeDeepPropertyAtIndex.d.ts

@@ -60,9 +60,9 @@ import type { IDeepKeyofAtIndex, IDeepPropertyTypeAtIndex } from "../../types/in
       },
     };
  */
-export declare const changeDeepPropertyAtIndex: <T extends object, P extends IDeepKeyofAtIndex<T, Depth>, Depth extends 0 | 8 | 1 | 2 | 6 | 5 | 3 | 4 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
-  index: number;
-  obj: T;
-  propertyPath: P;
-  value: IDeepPropertyTypeAtIndex<T, P, Depth>;
+export declare const changeDeepPropertyAtIndex: <T extends object, P extends IDeepKeyofAtIndex<T, Depth>, Depth extends 0 | 8 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
+    index: number;
+    obj: T;
+    propertyPath: P;
+    value: IDeepPropertyTypeAtIndex<T, P, Depth>;
 }) => T;

package/dist/types/components/utils/darkenColor.d.ts

@@ -1,4 +1,4 @@
 export declare const darkenColor: ({ amount, color, }: {
-  amount?: number | undefined;
-  color: string;
+    amount?: number | undefined;
+    color: string;
 }) => string | undefined;

package/dist/types/components/utils/formatCurrency.d.ts

@@ -1,5 +1,5 @@
 export declare const formatCurrency: ({ amount, currency, showCurrencyText, }: {
-  amount: number;
-  currency: string;
-  showCurrencyText?: boolean | undefined;
+    amount: number;
+    currency: string;
+    showCurrencyText?: boolean | undefined;
 }) => string;

package/dist/types/components/utils/formatDate.d.ts

@@ -1,10 +1,10 @@
 type Params = {
-  date: Date;
-  /**
-   * Format options for Intl.DateTimeFormat
-   * @default {day:'numeric',weekday:'long',year:'numeric'} Thursday 3, 2023
-   */
-  formatOptions?: Intl.DateTimeFormatOptions;
+    date: Date;
+    /**
+     * Format options for Intl.DateTimeFormat
+     * @default {day:'numeric',weekday:'long',year:'numeric'} Thursday 3, 2023
+     */
+    formatOptions?: Intl.DateTimeFormatOptions;
 };
 export declare const formatDate: ({ date, formatOptions, }: Params) => string;
 export {};

package/dist/types/components/utils/handleFetch.d.ts

@@ -1,15 +1,15 @@
 import type { JsonError, NoInfer } from "../../types/index";
 export type HandleFetchReturn<ResponseBody extends unknown> = {
-  errors: JsonError[];
-  json: NoInfer<ResponseBody> | null;
-  response: Response | null;
+    errors: JsonError[];
+    json: NoInfer<ResponseBody> | null;
+    response: Response | null;
 };
 export type FetcherReturn<ResponseBody extends unknown> = {
-  json: NoInfer<ResponseBody> | null;
-  response: Response | null;
+    json: NoInfer<ResponseBody> | null;
+    response: Response | null;
 };
 export type RequestOptions<ResponseBody, RequestBody> = {
-  body?: NoInfer<RequestBody>;
-  testExpectedData?: (data: ResponseBody) => boolean;
+    body?: NoInfer<RequestBody>;
+    testExpectedData?: (data: ResponseBody) => boolean;
 } & Omit<RequestInit, 'body'>;
 export declare const handleFetch: <ResponseBody extends unknown, RequestBody = unknown>(url: string, _opts?: RequestOptions<ResponseBody, RequestBody> | undefined) => Promise<HandleFetchReturn<ResponseBody>>;

package/dist/types/components/utils/hello/detectItemRestrictions.d.ts

@@ -1,14 +1,14 @@
 import type { Product } from "../../../types/hello/Product";
 export declare const detectItemRestrictions: (newProducts: Product[]) => Promise<{
-  name: string;
-  action: import("../../../types/generated/graphql.customer.types").ItemRestrictionAction | null;
-  id: string;
-  itemDescription: string | null;
-  itemRestrictions: ({
-    hsCode: string;
+    name: string;
+    action: import("../../../types/generated/graphql.customer.types").ItemRestrictionAction | null;
     id: string;
-    note: string;
-    sources: (string | null)[] | null;
-    type: import("../../../types/generated/graphql.customer.types").ItemRestrictionType;
-  } | null)[] | null;
+    itemDescription: string | null;
+    itemRestrictions: ({
+        hsCode: string;
+        id: string;
+        note: string;
+        sources: (string | null)[] | null;
+        type: import("../../../types/generated/graphql.customer.types").ItemRestrictionType;
+    } | null)[] | null;
 }[]>;

package/dist/types/components/utils/hello/getZCountryUrlParam.d.ts

@@ -0,0 +1,2 @@
+import type { CountryCode } from "../../../types/index";
+export declare const getZCountryUrlParam: (urlParams?: URLSearchParams) => CountryCode | null;

package/dist/types/components/utils/hello/setZCountryUrlParam.d.ts

@@ -0,0 +1,2 @@
+import type { CountryCode } from "../../../types/index";
+export declare const setZCountryUrlParam: (selectedCountryCode: CountryCode | null) => void;

package/dist/types/components/utils/lightenColor.d.ts

@@ -1,4 +1,4 @@
 export declare const lightenColor: ({ amount, color, }: {
-  amount?: number | undefined;
-  color?: string | undefined;
+    amount?: number | undefined;
+    color?: string | undefined;
 }) => string | undefined;

package/dist/types/components/utils/mergeConfig.d.ts

@@ -1,5 +1,5 @@
 export type DeepPartial<T> = T extends object ? {
-  [P in keyof T]?: DeepPartial<T[P]>;
+    [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
 /**
  * Merge objects deeply with strongly typed for each argument

package/dist/types/components/utils/submitGtag.d.ts

@@ -1,8 +1,8 @@
 type CheckoutEvent = 'zonos-checkout-start' | 'zonos-checkout-close' | 'zonos-checkout-success' | 'zonos-checkout-payment-fail' | 'zonos-checkout-customer-info' | 'zonos-checkout-shipping-info' | 'zonos-checkout-payment-info';
 declare global {
-  interface Window {
-    gtag: (event: string, action: string, data: Record<string, unknown>) => void;
-  }
+    interface Window {
+        gtag: (event: string, action: string, data: Record<string, unknown>) => void;
+    }
 }
 /**
  * Submit a gtag event if the gtag function is available.

package/dist/types/components.d.ts

@@ -302,6 +302,10 @@ export namespace Components {
           * The zonos config object
          */
         "config": LoadZonosParamsConfig;
+        /**
+          * Get appearance from setting
+         */
+        "getAppearanceSetting": () => Promise<AppearanceConfig>;
         /**
           * Method to initialize checkout element
          */
@@ -315,6 +319,10 @@ export namespace Components {
           * Override country code for storybook
          */
         "overrideCountry": (countryCode: CountryCode) => Promise<void>;
+        /**
+          * Setup google font
+         */
+        "setupGoogleFont": (overrideFont?: string) => Promise<void>;
         /**
           * Show notification
          */
@@ -745,13 +753,35 @@ declare global {
         prototype: HTMLZonosCheckoutElement;
         new (): HTMLZonosCheckoutElement;
     };
+    interface HTMLZonosCheckoutFinishElementEventMap {
+        "closeClick": void;
+    }
     interface HTMLZonosCheckoutFinishElement extends Components.ZonosCheckoutFinish, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosCheckoutFinishElementEventMap>(type: K, listener: (this: HTMLZonosCheckoutFinishElement, ev: ZonosCheckoutFinishCustomEvent<HTMLZonosCheckoutFinishElementEventMap[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 HTMLZonosCheckoutFinishElementEventMap>(type: K, listener: (this: HTMLZonosCheckoutFinishElement, ev: ZonosCheckoutFinishCustomEvent<HTMLZonosCheckoutFinishElementEventMap[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 HTMLZonosCheckoutFinishElement: {
         prototype: HTMLZonosCheckoutFinishElement;
         new (): HTMLZonosCheckoutFinishElement;
     };
+    interface HTMLZonosCheckoutPaymentElementEventMap {
+        "continueClicked": void;
+    }
     interface HTMLZonosCheckoutPaymentElement extends Components.ZonosCheckoutPayment, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosCheckoutPaymentElementEventMap>(type: K, listener: (this: HTMLZonosCheckoutPaymentElement, ev: ZonosCheckoutPaymentCustomEvent<HTMLZonosCheckoutPaymentElementEventMap[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 HTMLZonosCheckoutPaymentElementEventMap>(type: K, listener: (this: HTMLZonosCheckoutPaymentElement, ev: ZonosCheckoutPaymentCustomEvent<HTMLZonosCheckoutPaymentElementEventMap[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 HTMLZonosCheckoutPaymentElement: {
         prototype: HTMLZonosCheckoutPaymentElement;
@@ -769,7 +799,18 @@ declare global {
         prototype: HTMLZonosComponentElement;
         new (): HTMLZonosComponentElement;
     };
+    interface HTMLZonosControllerElementEventMap {
+        "stripeInitEvent": { publishableKey: string };
+    }
     interface HTMLZonosControllerElement extends Components.ZonosController, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosControllerElementEventMap>(type: K, listener: (this: HTMLZonosControllerElement, ev: ZonosControllerCustomEvent<HTMLZonosControllerElementEventMap[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 HTMLZonosControllerElementEventMap>(type: K, listener: (this: HTMLZonosControllerElement, ev: ZonosControllerCustomEvent<HTMLZonosControllerElementEventMap[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 HTMLZonosControllerElement: {
         prototype: HTMLZonosControllerElement;
@@ -793,13 +834,35 @@ declare global {
         prototype: HTMLZonosCustomMessageElement;
         new (): HTMLZonosCustomMessageElement;
     };
+    interface HTMLZonosCustomerInfoElementEventMap {
+        "continueClicked": void;
+    }
     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;
+        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 HTMLZonosCustomerInfoElementEventMap>(type: K, listener: (this: HTMLZonosCustomerInfoElement, ev: ZonosCustomerInfoCustomEvent<HTMLZonosCustomerInfoElementEventMap[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 HTMLZonosCustomerInfoElement: {
         prototype: HTMLZonosCustomerInfoElement;
         new (): HTMLZonosCustomerInfoElement;
     };
+    interface HTMLZonosDialogElementEventMap {
+        "closeDialog": void;
+    }
     interface HTMLZonosDialogElement extends Components.ZonosDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosDialogElementEventMap>(type: K, listener: (this: HTMLZonosDialogElement, ev: ZonosDialogCustomEvent<HTMLZonosDialogElementEventMap[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 HTMLZonosDialogElementEventMap>(type: K, listener: (this: HTMLZonosDialogElement, ev: ZonosDialogCustomEvent<HTMLZonosDialogElementEventMap[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 HTMLZonosDialogElement: {
         prototype: HTMLZonosDialogElement;
@@ -811,7 +874,18 @@ declare global {
         prototype: HTMLZonosHelloElement;
         new (): HTMLZonosHelloElement;
     };
+    interface HTMLZonosHelloDialogElementEventMap {
+        "closeDialog": void;
+    }
     interface HTMLZonosHelloDialogElement extends Components.ZonosHelloDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosHelloDialogElementEventMap>(type: K, listener: (this: HTMLZonosHelloDialogElement, ev: ZonosHelloDialogCustomEvent<HTMLZonosHelloDialogElementEventMap[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 HTMLZonosHelloDialogElementEventMap>(type: K, listener: (this: HTMLZonosHelloDialogElement, ev: ZonosHelloDialogCustomEvent<HTMLZonosHelloDialogElementEventMap[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 HTMLZonosHelloDialogElement: {
         prototype: HTMLZonosHelloDialogElement;
@@ -859,13 +933,35 @@ declare global {
         prototype: HTMLZonosReviewElement;
         new (): HTMLZonosReviewElement;
     };
+    interface HTMLZonosShippingElementEventMap {
+        "continueClicked": void;
+    }
     interface HTMLZonosShippingElement extends Components.ZonosShipping, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosShippingElementEventMap>(type: K, listener: (this: HTMLZonosShippingElement, ev: ZonosShippingCustomEvent<HTMLZonosShippingElementEventMap[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 HTMLZonosShippingElementEventMap>(type: K, listener: (this: HTMLZonosShippingElement, ev: ZonosShippingCustomEvent<HTMLZonosShippingElementEventMap[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 HTMLZonosShippingElement: {
         prototype: HTMLZonosShippingElement;
         new (): HTMLZonosShippingElement;
     };
+    interface HTMLZonosShippingRichRadioElementEventMap {
+        "radioSelected": ShippingRichRadioItem;
+    }
     interface HTMLZonosShippingRichRadioElement extends Components.ZonosShippingRichRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosShippingRichRadioElementEventMap>(type: K, listener: (this: HTMLZonosShippingRichRadioElement, ev: ZonosShippingRichRadioCustomEvent<HTMLZonosShippingRichRadioElementEventMap[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 HTMLZonosShippingRichRadioElementEventMap>(type: K, listener: (this: HTMLZonosShippingRichRadioElement, ev: ZonosShippingRichRadioCustomEvent<HTMLZonosShippingRichRadioElementEventMap[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 HTMLZonosShippingRichRadioElement: {
         prototype: HTMLZonosShippingRichRadioElement;