@zonos/elements 1.3.15-alpha.3 → 1.3.16-alpha.0

package/dist/types/components.d.ts

@@ -5,13 +5,15 @@
  * 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 { PaymentIntent, Stripe, StripeContactOption } from "@stripe/stripe-js";
+import { EnteredInfo, TranslatedAddressObject } from "./types/checkout/TranslatedText";
+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";
 import { CountryCode, ElementsUiStyle, ElementsUiTheme, HelloMobileLocation } from "./types/generated/graphql.customer.types";
 import { FontWeight, Size, Type } from "./types/styles/Text";
 import { AppearanceConfig } from "./components/store/zonosStore";
-import { ContactOption as ContactOption1 } from "./components/store/checkout/stripe";
+import { ContactOption } 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";
@@ -20,13 +22,15 @@ import { AppearanceConfig as AppearanceConfig1 } from "./components.d";
 import { ShippingRichRadioItem } from "./components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio";
 import { SpinnerColor } from "./components/common/zonos-spinner/zonos-spinner";
 import { GridSpacing } from "./types/styles/GridSpacing";
-export { ContactOption, PaymentIntent, Stripe } from "@stripe/stripe-js";
+export { PaymentIntent, Stripe, StripeContactOption } from "@stripe/stripe-js";
+export { EnteredInfo, TranslatedAddressObject } from "./types/checkout/TranslatedText";
+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";
 export { CountryCode, ElementsUiStyle, ElementsUiTheme, HelloMobileLocation } from "./types/generated/graphql.customer.types";
 export { FontWeight, Size, Type } from "./types/styles/Text";
 export { AppearanceConfig } from "./components/store/zonosStore";
-export { ContactOption as ContactOption1 } from "./components/store/checkout/stripe";
+export { ContactOption } 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";
@@ -40,7 +44,7 @@ export namespace Components {
         /**
           * Default address for stripe
          */
-        "defaultAddress": ContactOption | null;
+        "defaultAddress": StripeContactOption | null;
         /**
           * The title text for the address element
          */
@@ -50,6 +54,72 @@ export namespace Components {
          */
         "type": 'billing' | 'shipping';
     }
+    interface ZonosAddressDisplay {
+        /**
+          * Title for the address display
+         */
+        "addressType": 'shipping' | 'billing';
+        /**
+          * Address to show up
+         */
+        "currentAddress": EnteredInfo;
+    }
+    interface ZonosAddressForm {
+        /**
+          * Title for the address form
+         */
+        "addressType": 'shipping' | 'billing';
+        /**
+          * Address to show up
+         */
+        "currentAddress": EnteredInfo;
+        /**
+          * Translated address
+         */
+        "translatedAddress": TranslatedAddressObject;
+    }
+    interface ZonosAddressUpdateDialog {
+        /**
+          * Billing address that user has entered (optional if billing is the same as shipping)
+         */
+        "billingAddress": EnteredInfo | null;
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading": boolean;
+        /**
+          * Whether or not the dialog is loading
+         */
+        "dialogLoading": boolean;
+        /**
+          * Whether or not the dialog is open
+         */
+        "dialogOpen": boolean;
+        /**
+          * Whether or not the dialog is open
+         */
+        "isMobile": boolean;
+        /**
+          * Shipping address that user has entered
+         */
+        "shippingAddress": EnteredInfo;
+        /**
+          * Button color of the submit button
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Button type of the submit button
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+        /**
+          * Translated address fields that GPT has translated
+         */
+        "translatedBillingAddress": TranslatedAddressObject;
+        /**
+          * Translated address fields that GPT has translated
+         */
+        "translatedShippingAddress": TranslatedAddressObject;
+    }
     interface ZonosBadge {
         /**
           * The size of the badge
@@ -418,6 +488,10 @@ export namespace Components {
           * Default address to use for the checkout (preview mode)
          */
         "defaultAddress": ContactOption | null;
+        /**
+          * Whether or not the dialog is open
+         */
+        "isMobile": boolean;
         /**
           * Submit button main color
          */
@@ -594,6 +668,32 @@ export namespace Components {
          */
         "size": number;
     }
+    interface ZonosInput {
+        /**
+          * Input label
+         */
+        "inputLabel": string;
+        /**
+          * Placeholder for the input
+         */
+        "inputPlaceholder": string;
+        /**
+          * Input size
+         */
+        "inputSize": 'sm' | 'md' | 'lg' | 'xl';
+        /**
+          * Value of the input
+         */
+        "inputValue": string;
+        /**
+          * Disables the input
+         */
+        "isDisabled": boolean;
+        /**
+          * Error state of the input
+         */
+        "isError": boolean;
+    }
     interface ZonosLanguageSelect {
         /**
           * Function to close the language select
@@ -620,6 +720,10 @@ export namespace Components {
         "target"?: string;
     }
     interface ZonosLinkAuthentication {
+        /**
+          * Default email for stripe
+         */
+        "defaultEmail": string | null;
         /**
           * The title text for the authentication element
          */
@@ -759,6 +863,14 @@ export interface ZonosAddressCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosAddressElement;
 }
+export interface ZonosAddressFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosAddressFormElement;
+}
+export interface ZonosAddressUpdateDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosAddressUpdateDialogElement;
+}
 export interface ZonosCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosCheckboxElement;
@@ -787,6 +899,10 @@ export interface ZonosHelloDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosHelloDialogElement;
 }
+export interface ZonosInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosInputElement;
+}
 export interface ZonosShippingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosShippingElement;
@@ -813,6 +929,47 @@ declare global {
         prototype: HTMLZonosAddressElement;
         new (): HTMLZonosAddressElement;
     };
+    interface HTMLZonosAddressDisplayElement extends Components.ZonosAddressDisplay, HTMLStencilElement {
+    }
+    var HTMLZonosAddressDisplayElement: {
+        prototype: HTMLZonosAddressDisplayElement;
+        new (): HTMLZonosAddressDisplayElement;
+    };
+    interface HTMLZonosAddressFormElementEventMap {
+        "addressChange": EnteredInfo;
+    }
+    interface HTMLZonosAddressFormElement extends Components.ZonosAddressForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosAddressFormElementEventMap>(type: K, listener: (this: HTMLZonosAddressFormElement, ev: ZonosAddressFormCustomEvent<HTMLZonosAddressFormElementEventMap[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 HTMLZonosAddressFormElementEventMap>(type: K, listener: (this: HTMLZonosAddressFormElement, ev: ZonosAddressFormCustomEvent<HTMLZonosAddressFormElementEventMap[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 HTMLZonosAddressFormElement: {
+        prototype: HTMLZonosAddressFormElement;
+        new (): HTMLZonosAddressFormElement;
+    };
+    interface HTMLZonosAddressUpdateDialogElementEventMap {
+        "closeDialog": void;
+        "continueClicked": SubmitEventData;
+    }
+    interface HTMLZonosAddressUpdateDialogElement extends Components.ZonosAddressUpdateDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosAddressUpdateDialogElementEventMap>(type: K, listener: (this: HTMLZonosAddressUpdateDialogElement, ev: ZonosAddressUpdateDialogCustomEvent<HTMLZonosAddressUpdateDialogElementEventMap[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 HTMLZonosAddressUpdateDialogElementEventMap>(type: K, listener: (this: HTMLZonosAddressUpdateDialogElement, ev: ZonosAddressUpdateDialogCustomEvent<HTMLZonosAddressUpdateDialogElementEventMap[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 HTMLZonosAddressUpdateDialogElement: {
+        prototype: HTMLZonosAddressUpdateDialogElement;
+        new (): HTMLZonosAddressUpdateDialogElement;
+    };
     interface HTMLZonosBadgeElement extends Components.ZonosBadge, HTMLStencilElement {
     }
     var HTMLZonosBadgeElement: {
@@ -1034,6 +1191,23 @@ declare global {
         prototype: HTMLZonosIconElement;
         new (): HTMLZonosIconElement;
     };
+    interface HTMLZonosInputElementEventMap {
+        "inputChange": string;
+    }
+    interface HTMLZonosInputElement extends Components.ZonosInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosInputElementEventMap>(type: K, listener: (this: HTMLZonosInputElement, ev: ZonosInputCustomEvent<HTMLZonosInputElementEventMap[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 HTMLZonosInputElementEventMap>(type: K, listener: (this: HTMLZonosInputElement, ev: ZonosInputCustomEvent<HTMLZonosInputElementEventMap[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 HTMLZonosInputElement: {
+        prototype: HTMLZonosInputElement;
+        new (): HTMLZonosInputElement;
+    };
     interface HTMLZonosLanguageSelectElement extends Components.ZonosLanguageSelect, HTMLStencilElement {
     }
     var HTMLZonosLanguageSelectElement: {
@@ -1142,6 +1316,9 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "zonos-address": HTMLZonosAddressElement;
+        "zonos-address-display": HTMLZonosAddressDisplayElement;
+        "zonos-address-form": HTMLZonosAddressFormElement;
+        "zonos-address-update-dialog": HTMLZonosAddressUpdateDialogElement;
         "zonos-badge": HTMLZonosBadgeElement;
         "zonos-banner": HTMLZonosBannerElement;
         "zonos-button": HTMLZonosButtonElement;
@@ -1166,6 +1343,7 @@ declare global {
         "zonos-hello-dialog": HTMLZonosHelloDialogElement;
         "zonos-hello-dialog-footer": HTMLZonosHelloDialogFooterElement;
         "zonos-icon": HTMLZonosIconElement;
+        "zonos-input": HTMLZonosInputElement;
         "zonos-language-select": HTMLZonosLanguageSelectElement;
         "zonos-link": HTMLZonosLinkElement;
         "zonos-link-authentication": HTMLZonosLinkAuthenticationElement;
@@ -1187,7 +1365,7 @@ declare namespace LocalJSX {
         /**
           * Default address for stripe
          */
-        "defaultAddress"?: ContactOption | null;
+        "defaultAddress"?: StripeContactOption | null;
         /**
           * Event to emit when address is not containing allowed character sets
          */
@@ -1201,6 +1379,84 @@ declare namespace LocalJSX {
          */
         "type": 'billing' | 'shipping';
     }
+    interface ZonosAddressDisplay {
+        /**
+          * Title for the address display
+         */
+        "addressType": 'shipping' | 'billing';
+        /**
+          * Address to show up
+         */
+        "currentAddress": EnteredInfo;
+    }
+    interface ZonosAddressForm {
+        /**
+          * Title for the address form
+         */
+        "addressType": 'shipping' | 'billing';
+        /**
+          * Address to show up
+         */
+        "currentAddress": EnteredInfo;
+        /**
+          * Event to emit when the address is changed
+         */
+        "onAddressChange"?: (event: ZonosAddressFormCustomEvent<EnteredInfo>) => void;
+        /**
+          * Translated address
+         */
+        "translatedAddress": TranslatedAddressObject;
+    }
+    interface ZonosAddressUpdateDialog {
+        /**
+          * Billing address that user has entered (optional if billing is the same as shipping)
+         */
+        "billingAddress": EnteredInfo | null;
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading"?: boolean;
+        /**
+          * Whether or not the dialog is loading
+         */
+        "dialogLoading": boolean;
+        /**
+          * Whether or not the dialog is open
+         */
+        "dialogOpen"?: boolean;
+        /**
+          * Whether or not the dialog is open
+         */
+        "isMobile"?: boolean;
+        /**
+          * Close dialog button click
+         */
+        "onCloseDialog"?: (event: ZonosAddressUpdateDialogCustomEvent<void>) => void;
+        /**
+          * Event to emit when the continue button is clicked
+         */
+        "onContinueClicked"?: (event: ZonosAddressUpdateDialogCustomEvent<SubmitEventData>) => void;
+        /**
+          * Shipping address that user has entered
+         */
+        "shippingAddress": EnteredInfo;
+        /**
+          * Button color of the submit button
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Button type of the submit button
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+        /**
+          * Translated address fields that GPT has translated
+         */
+        "translatedBillingAddress": TranslatedAddressObject;
+        /**
+          * Translated address fields that GPT has translated
+         */
+        "translatedShippingAddress": TranslatedAddressObject;
+    }
     interface ZonosBadge {
         /**
           * The size of the badge
@@ -1536,6 +1792,10 @@ declare namespace LocalJSX {
           * Default address to use for the checkout (preview mode)
          */
         "defaultAddress"?: ContactOption | null;
+        /**
+          * Whether or not the dialog is open
+         */
+        "isMobile"?: boolean;
         /**
           * Event to emit when the continue button is clicked
          */
@@ -1699,6 +1959,36 @@ declare namespace LocalJSX {
          */
         "size"?: number;
     }
+    interface ZonosInput {
+        /**
+          * Input label
+         */
+        "inputLabel": string;
+        /**
+          * Placeholder for the input
+         */
+        "inputPlaceholder"?: string;
+        /**
+          * Input size
+         */
+        "inputSize"?: 'sm' | 'md' | 'lg' | 'xl';
+        /**
+          * Value of the input
+         */
+        "inputValue"?: string;
+        /**
+          * Disables the input
+         */
+        "isDisabled"?: boolean;
+        /**
+          * Error state of the input
+         */
+        "isError"?: boolean;
+        /**
+          * Event to emit when input value changes
+         */
+        "onInputChange"?: (event: ZonosInputCustomEvent<string>) => void;
+    }
     interface ZonosLanguageSelect {
         /**
           * Function to close the language select
@@ -1725,6 +2015,10 @@ declare namespace LocalJSX {
         "target"?: string;
     }
     interface ZonosLinkAuthentication {
+        /**
+          * Default email for stripe
+         */
+        "defaultEmail"?: string | null;
         /**
           * The title text for the authentication element
          */
@@ -1865,6 +2159,9 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "zonos-address": ZonosAddress;
+        "zonos-address-display": ZonosAddressDisplay;
+        "zonos-address-form": ZonosAddressForm;
+        "zonos-address-update-dialog": ZonosAddressUpdateDialog;
         "zonos-badge": ZonosBadge;
         "zonos-banner": ZonosBanner;
         "zonos-button": ZonosButton;
@@ -1889,6 +2186,7 @@ declare namespace LocalJSX {
         "zonos-hello-dialog": ZonosHelloDialog;
         "zonos-hello-dialog-footer": ZonosHelloDialogFooter;
         "zonos-icon": ZonosIcon;
+        "zonos-input": ZonosInput;
         "zonos-language-select": ZonosLanguageSelect;
         "zonos-link": ZonosLink;
         "zonos-link-authentication": ZonosLinkAuthentication;
@@ -1910,6 +2208,9 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "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-update-dialog": LocalJSX.ZonosAddressUpdateDialog & JSXBase.HTMLAttributes<HTMLZonosAddressUpdateDialogElement>;
             "zonos-badge": LocalJSX.ZonosBadge & JSXBase.HTMLAttributes<HTMLZonosBadgeElement>;
             "zonos-banner": LocalJSX.ZonosBanner & JSXBase.HTMLAttributes<HTMLZonosBannerElement>;
             "zonos-button": LocalJSX.ZonosButton & JSXBase.HTMLAttributes<HTMLZonosButtonElement>;
@@ -1934,6 +2235,7 @@ declare module "@stencil/core" {
             "zonos-hello-dialog": LocalJSX.ZonosHelloDialog & JSXBase.HTMLAttributes<HTMLZonosHelloDialogElement>;
             "zonos-hello-dialog-footer": LocalJSX.ZonosHelloDialogFooter & JSXBase.HTMLAttributes<HTMLZonosHelloDialogFooterElement>;
             "zonos-icon": LocalJSX.ZonosIcon & JSXBase.HTMLAttributes<HTMLZonosIconElement>;
+            "zonos-input": LocalJSX.ZonosInput & JSXBase.HTMLAttributes<HTMLZonosInputElement>;
             "zonos-language-select": LocalJSX.ZonosLanguageSelect & JSXBase.HTMLAttributes<HTMLZonosLanguageSelectElement>;
             "zonos-link": LocalJSX.ZonosLink & JSXBase.HTMLAttributes<HTMLZonosLinkElement>;
             "zonos-link-authentication": LocalJSX.ZonosLinkAuthentication & JSXBase.HTMLAttributes<HTMLZonosLinkAuthenticationElement>;

package/dist/types/types/checkout/TranslatedText.d.ts

@@ -0,0 +1,23 @@
+import type { StripeAddressElementChangeEvent } from '@stripe/stripe-js';
+import type { CountryCode } from "../generated/graphql.customer.types";
+export type TranslatedText = {
+    [key: string]: string;
+};
+export type EnteredInfo = {
+    city: string;
+    country: CountryCode;
+    email: string;
+    line1: string;
+    line2: string;
+    name: string;
+    phone: string;
+    postal_code: string;
+    state: string;
+};
+type ValidateAddressFields = Omit<StripeAddressElementChangeEvent['value']['address'], 'country'> & {
+    name: string;
+};
+export type TranslatedAddressObject = {
+    [key in keyof ValidateAddressFields]?: TranslatedText;
+};
+export {};

package/dist/types/types/checkout/api/ValidateAddressRequest.d.ts

@@ -0,0 +1,20 @@
+import type { CountryCode } from "../../generated/graphql.customer.types";
+export type ValidateAddressRequestBody = {
+    address?: {
+        city?: string;
+        line1?: string;
+        line2?: string | null;
+        name?: string;
+        postal_code?: string;
+        state?: string;
+    };
+    billingAddress?: {
+        city?: string;
+        line1?: string;
+        line2?: string | null;
+        name?: string;
+        postal_code?: string;
+        state?: string;
+    };
+    destinationCountry: CountryCode;
+};

package/dist/types/types/generated/graphql.customer.types.d.ts

@@ -2809,6 +2809,7 @@ export type ZonosSettingsQuery = {
         zonosAttribution: ZonosAttribution | null;
     } | null;
     checkoutSettings: {
+        allowedCharacterSets: AllowedCharacterSets;
         allowedDomains: Array<string>;
         analyticsProviders: Array<{
             status: AnalyticsProviderStatus;
@@ -2893,6 +2894,7 @@ export type ZonosSettingsQuery = {
     } | null;
 };
 export type CheckoutSettingFragment = {
+    allowedCharacterSets: AllowedCharacterSets;
     allowedDomains: Array<string>;
     analyticsProviders: Array<{
         status: AnalyticsProviderStatus;

package/dist/types/types/generated/graphql.customer.types.ts

@@ -3255,6 +3255,7 @@ export type ZonosSettingsQuery = {
     zonosAttribution: ZonosAttribution | null;
   } | null;
   checkoutSettings: {
+    allowedCharacterSets: AllowedCharacterSets;
     allowedDomains: Array<string>;
     analyticsProviders: Array<{
       status: AnalyticsProviderStatus;
@@ -3336,6 +3337,7 @@ export type ZonosSettingsQuery = {
 };
 
 export type CheckoutSettingFragment = {
+  allowedCharacterSets: AllowedCharacterSets;
   allowedDomains: Array<string>;
   analyticsProviders: Array<{
     status: AnalyticsProviderStatus;

package/dist/zonos-elements/assets/ChevronDownIcon.svg

@@ -1 +1 @@
-<svg color="var(--amino-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>
+<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>

package/dist/zonos-elements/assets/ChevronUpIcon.svg

@@ -1 +1 @@
-<svg color="var(--amino-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M17.707 14.707a1 1 0 0 1-1.414 0L12 10.414l-4.293 4.293a1 1 0 0 1-1.414-1.414l4.93-4.93a1.1 1.1 0 0 1 1.555 0l4.93 4.93a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>
+<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M17.707 14.707a1 1 0 0 1-1.414 0L12 10.414l-4.293 4.293a1 1 0 0 1-1.414-1.414l4.93-4.93a1.1 1.1 0 0 1 1.555 0l4.93 4.93a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>

package/dist/zonos-elements/assets/LeftArrow.svg

@@ -1 +1 @@
-<svg color="var(--amino-gray-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M9.707 16.707a1 1 0 0 1-1.414 0l-3.647-3.646a1.5 1.5 0 0 1 0-2.122l3.647-3.646a1 1 0 0 1 1.414 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>
+<svg color="var(--zonos-elements-gray-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M9.707 16.707a1 1 0 0 1-1.414 0l-3.647-3.646a1.5 1.5 0 0 1 0-2.122l3.647-3.646a1 1 0 0 1 1.414 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>

package/dist/zonos-elements/assets/RemoveIcon.svg

@@ -1 +1 @@
-<svg color="var(--amino-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--amino-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>
+<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>

package/dist/zonos-elements/assets/SuccessIcon.svg

@@ -1 +1 @@
-<svg color="var(--amino-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" data-is-secondary-color="true" fill="var(--amino-blue-100)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M15.707 9.293a1 1 0 0 1 0 1.414l-3.646 3.647a1.5 1.5 0 0 1-2.122 0l-1.646-1.647a1 1 0 1 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0Z" fill="currentColor" fill-rule="evenodd"></path></svg>
+<svg color="var(--zonos-elements-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" data-is-secondary-color="true" fill="var(--zonos-elements-blue-100)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M15.707 9.293a1 1 0 0 1 0 1.414l-3.646 3.647a1.5 1.5 0 0 1-2.122 0l-1.646-1.647a1 1 0 1 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0Z" fill="currentColor" fill-rule="evenodd"></path></svg>