@zonos/elements 1.2.3 → 1.2.4-alpha.1

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

@@ -61,8 +61,8 @@ 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>;
+    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;

package/dist/types/environment.d.ts

@@ -5,50 +5,55 @@ export declare const inTestEnvironment: boolean;
 export declare const inStorybook: boolean;
 export declare const inVercel: boolean;
 export declare const inCI: boolean;
+declare const isVercelPreview: boolean;
 export declare const isVercelProd: boolean;
-declare let packageVersion: string;
-export declare const formattedUrl: ({ packageVersion: _packageVersion, type, url, }: {
-  packageVersion: string;
-  type: 'major' | 'full' | 'vercel-git';
-  url?: string | undefined;
+declare const packageVersion: string;
+export declare const formattedUrl: ({ branchName, inCI: _inCI, inVercel: _inVercel, isVercelPreview: _isVercelPreview, packageVersion: _packageVersion, type, url, }: {
+    branchName?: string | undefined;
+    inCI: boolean;
+    inVercel: boolean;
+    isVercelPreview: boolean;
+    packageVersion: string;
+    type: 'major' | 'full' | 'vercel-git';
+    url?: string | undefined;
 }) => string | undefined;
 declare const envClientSchema: z.ZodObject<{
-  NEXT_PUBLIC_FLAG_URL: z.ZodString;
-  NEXT_PUBLIC_ZONOS_API_KEY: z.ZodString;
-  NEXT_PUBLIC_ZONOS_CDN_URL: z.ZodString;
-  NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: z.ZodString;
-  NEXT_PUBLIC_ZONOS_ROUTE_URL: z.ZodString;
-  NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: z.ZodString;
+    NEXT_PUBLIC_FLAG_URL: z.ZodString;
+    NEXT_PUBLIC_ZONOS_API_KEY: z.ZodString;
+    NEXT_PUBLIC_ZONOS_CDN_URL: z.ZodString;
+    NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: z.ZodString;
+    NEXT_PUBLIC_ZONOS_ROUTE_URL: z.ZodString;
+    NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-  NEXT_PUBLIC_FLAG_URL: string;
-  NEXT_PUBLIC_ZONOS_API_KEY: string;
-  NEXT_PUBLIC_ZONOS_CDN_URL: string;
-  NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: string;
-  NEXT_PUBLIC_ZONOS_ROUTE_URL: string;
-  NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: string;
+    NEXT_PUBLIC_FLAG_URL: string;
+    NEXT_PUBLIC_ZONOS_API_KEY: string;
+    NEXT_PUBLIC_ZONOS_CDN_URL: string;
+    NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: string;
+    NEXT_PUBLIC_ZONOS_ROUTE_URL: string;
+    NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: string;
 }, {
-  NEXT_PUBLIC_FLAG_URL: string;
-  NEXT_PUBLIC_ZONOS_API_KEY: string;
-  NEXT_PUBLIC_ZONOS_CDN_URL: string;
-  NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: string;
-  NEXT_PUBLIC_ZONOS_ROUTE_URL: string;
-  NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: string;
+    NEXT_PUBLIC_FLAG_URL: string;
+    NEXT_PUBLIC_ZONOS_API_KEY: string;
+    NEXT_PUBLIC_ZONOS_CDN_URL: string;
+    NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: string;
+    NEXT_PUBLIC_ZONOS_ROUTE_URL: string;
+    NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: string;
 }>;
 export interface Env extends z.infer<typeof envClientSchema> {
 }
-export declare const env: {
-  NEXT_PUBLIC_FLAG_URL: string;
-  NEXT_PUBLIC_ZONOS_API_KEY: string;
-  NEXT_PUBLIC_ZONOS_CDN_URL: string;
-  NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: string;
-  NEXT_PUBLIC_ZONOS_ROUTE_URL: string;
-  NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: string;
-};
+export declare const env: Readonly<{
+    NEXT_PUBLIC_FLAG_URL: string;
+    NEXT_PUBLIC_ZONOS_API_KEY: string;
+    NEXT_PUBLIC_ZONOS_CDN_URL: string;
+    NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: string;
+    NEXT_PUBLIC_ZONOS_ROUTE_URL: string;
+    NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: string;
+}>;
 type Keys = keyof typeof env;
 type Props = {
-  override?: {
-    [key in Keys]: string;
-  };
+    override?: {
+        [key in Keys]: string;
+    };
 };
 /**
  * Env object that has all of native env variable used in code to replace them with

package/dist/types/scripts/extractZonosQaUrl.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Extracts the zonosQaUrl from the url
+ *
+ * @param url - url to extract zonosQaUrl from
+ *
+ * **NOTE**: value of zonosQaUrl param should be without protocol, allowed characters are: a-z, A-Z, 0-9, -, _
+ * @example
+ * valid: https://www.zonos.com/?zonosQaUrl=some-feature-v988
+ * invalid: https://www.zonos.com/?zonosQaUrl=https://zonos-something
+ */
+export declare const extractZonosQaUrl: (url: string | undefined) => string | null;

package/dist/types/scripts/stripe.d.ts

@@ -1,7 +1,7 @@
 /** Loading stripe script extracted from stripe.js repository  */
 import type { Stripe, StripeConstructor } from '@stripe/stripe-js';
 export interface LoadParams {
-  advancedFraudSignals: boolean;
+    advancedFraudSignals: boolean;
 }
 export type LoadStripe = (...args: Parameters<StripeConstructor>) => Promise<Stripe | null>;
 export declare const zonosStripeFindScript: () => HTMLScriptElement | null;
@@ -9,5 +9,5 @@ export declare const injectScript: (params: null | LoadParams) => HTMLScriptElem
 export declare const zonosStripeLoadScript: (params: null | LoadParams) => Promise<StripeConstructor | null>;
 export declare const initStripe: (maybeStripe: StripeConstructor | null, args: [publishableKey: string, options?: import("@stripe/stripe-js").StripeConstructorOptions | undefined], startTime: number) => Stripe | null;
 export declare const validateLoadParams: (params: {
-  advancedFraudSignals: boolean;
+    advancedFraudSignals: boolean;
 }) => LoadParams | void;

package/dist/types/scripts/zonos.d.ts

@@ -4,50 +4,60 @@ import type { CheckoutConfig, HelloConfig, NotificationInit } from "../types/ind
 import type { OnlineStoreConfig } from "../types/online-store/OnlineStoreConfig";
 export type CurrencyConverter = (convertAndFormat: (amount: number) => string, convert: (amount: number) => number, format: (amount: number) => string, selector?: string) => void;
 export type LoadZonosParamsConfig = {
-  appearance?: Partial<AppearanceConfig>;
-  checkoutSettings?: Partial<CheckoutConfig>;
-  currencyConverter?: CurrencyConverter;
-  helloSettings?: Partial<HelloConfig>;
-  onlineStoreSettings?: Partial<OnlineStoreConfig>;
+    appearance?: Partial<AppearanceConfig>;
+    checkoutSettings?: Partial<CheckoutConfig>;
+    currencyConverter?: CurrencyConverter;
+    helloSettings?: Partial<HelloConfig>;
+    onlineStoreSettings?: Partial<OnlineStoreConfig>;
 };
 export type LoadZonosParams = LoadZonosParamsConfig & {
-  zonosApiKey: string;
+    zonosApiKey: string;
 };
 export interface Zonos {
-  /**
-   * Toggle debug mode (add query param 'zonosDebug=1' to url)
-   * @default false
-   */
-  debug?: boolean;
-  doneInit: boolean;
-  internationalHideSelector: string;
-  isBigCommerce: boolean;
-  /** Stripe instance */
-  stripe: Stripe;
-  version: string;
-  zonosApiKey: string;
-  displayCurrency: () => void;
-  getCurrentTimestamp: () => number;
-  init: (params: LoadZonosParams) => Promise<void>;
-  showNotification: (props: NotificationInit) => void;
+    /**
+     * Toggle debug mode (add query param 'zonosDebug=1' to url)
+     * @default false
+     */
+    debug?: boolean;
+    doneInit: boolean;
+    internationalHideSelector: string;
+    isBigCommerce: boolean;
+    /** Flag if already alerted when preview domain is defined and it's connecting production environment */
+    modeAlerted: boolean;
+    /** Stripe instance */
+    stripe: Stripe;
+    version: string;
+    zonosApiKey: string;
+    zonosQaUrl: string | null;
+    displayCurrency: () => void;
+    getCurrentTimestamp: () => number;
+    init: (params: LoadZonosParams) => Promise<void>;
+    injectSupportGoogleFont: (fontUrl: string) => void;
+    setupGoogleFont: (fontFamily: string) => void;
+    showNotification: (props: NotificationInit) => void;
 }
 export declare abstract class Zonos {
-  static zonosApiKey: string;
-  static stripe: Stripe;
-  static doneInit: boolean;
-  static debug: boolean;
-  static isBigCommerce: boolean;
-  static internationalHideSelector: string;
-  static version: string;
-  static getCurrentTimestamp: () => number;
-  static init: ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }: LoadZonosParams) => Promise<void>;
-  static displayCurrency: () => void;
-  static showNotification: (notification: NotificationInit) => void;
-  private static disablePlaceOrderButtons;
-  private static injectController;
-  private static injectScript;
-  private static injectZonosCdn;
-  private static injectStylesheet;
-  private static injectZonosCss;
-  private static injectFonts;
+    static zonosApiKey: string;
+    static stripe: Stripe;
+    static doneInit: boolean;
+    static debug: boolean;
+    static isBigCommerce: boolean;
+    static internationalHideSelector: string;
+    static zonosQaUrl: string | null;
+    static version: string;
+    static modeAlerted: boolean;
+    static getCurrentTimestamp: () => number;
+    private static zonosController;
+    static init: ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }: LoadZonosParams) => Promise<void>;
+    static displayCurrency: () => void;
+    static showNotification: (notification: NotificationInit) => void;
+    private static disablePlaceOrderButtons;
+    private static injectController;
+    private static injectScript;
+    private static injectZonosCdn;
+    private static injectStylesheet;
+    private static injectZonosCss;
+    private static injectFonts;
+    static setupGoogleFont: (fontFamily: string) => void;
+    static injectSupportGoogleFont: (fontUrl: string) => void;
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -952,6 +974,9 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         autoFocus?: boolean;
@@ -1115,11 +1140,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1202,6 +1229,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1210,6 +1238,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/dist/types/styles/stripe/addressRuleStyle.d.ts

@@ -1,4 +1,4 @@
 import type { ElementsUiTheme, StripeRuleType } from "../../types/index";
 export declare const addressRuleStyle: ({ theme, }: {
-  theme: ElementsUiTheme;
+    theme: ElementsUiTheme;
 }) => StripeRuleType;

package/dist/types/styles/stripe/defaultVariable.d.ts

@@ -1,6 +1,6 @@
 import type { Appearance } from '@stripe/stripe-js';
 import type { ElementsUiStyle, ElementsUiTheme } from "../../types/generated/graphql.customer.types";
 export declare const defaultVariable: ({ borderStyle, theme, }: {
-  borderStyle?: ElementsUiStyle | undefined;
-  theme: ElementsUiTheme;
+    borderStyle?: ElementsUiStyle | undefined;
+    theme: ElementsUiTheme;
 }) => Appearance['variables'];