@zonos/elements 1.3.15-alpha.3 → 1.3.15

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/{p-593948b5.system.entry.js → p-029f11dd.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-2825570c.system.js","./p-520e8e63.system.js","./p-23e7c655.system.js","./p-f4c38bfc.system.js","./p-9db2f9d1.system.js"],(function(i){"use strict";var o,s,t,e,n,r,a,l,d;return{setters:[function(i){o=i.r;s=i.c;t=i.h;e=i.H},function(i){n=i.d;r=i.z},function(i){a=i.c},function(i){l=i.g},function(i){d=i.i}],execute:function(){var h=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";var c=h;var p=i("zonos_shipping_rich_radio",function(){function i(i){var t=this;o(this,i);this.radioSelected=s(this,"radioSelected",7);this.handleRichRadioSelect=function(i){var o;t.selectedItem=i;(o=t.radioSelected)===null||o===void 0?void 0:o.emit(i)};this.getRadioItemStyleVariables=function(){var i=t.borderColor||r.appearance.colorSecondary;var o=d(i)?"var(--amino-".concat(i,")"):i;return{"--border-radius":l(t.borderStyle),"--selected-border-color":o||"unset"}};this.items=undefined;this.borderColor=undefined;this.borderStyle=undefined;this.theme=undefined;this.initialSelectedValue=undefined;this.selectedItem=null}i.prototype.componentWillLoad=function(){var i=this;if(this.initialSelectedValue){this.selectedItem=this.items.find((function(o){return o.value===i.initialSelectedValue}))||null}};i.prototype.render=function(){var i=this;var o;return t(e,{key:"a1c2ace211e4d0b9d63a784028cc725bab7229e7",class:"zonos--shipping-rich-radio zonos--elements","data-theme":this.theme,style:Object.assign(Object.assign({},this.getRadioItemStyleVariables()),{"--font-family":n()})},(o=this.items)===null||o===void 0?void 0:o.map((function(o){var s;var e=((s=i.selectedItem)===null||s===void 0?void 0:s.value)===o.value;return t("div",{"aria-hidden":"true",class:a(["zonos--shipping-rich-radio-item",e&&"selected"]),onClick:function(){return i.handleRichRadioSelect(o)}},t("input",{checked:e,class:"zonos--shipping-rich-radio-input",name:"zonos--shipping-rich-radio",type:"radio",value:o.value}),t("div",{class:"zonos--shipping-info"},t("div",{class:"zonos--shipping-detail"},t("zonos-text",{class:"zonos--shipping-label",type:"label"},o.label),(o.sublabel||o.caption)&&t("div",{class:"zonos--sub-detail"},o.sublabel&&t("zonos-text",{textColor:"gray-800"},o.sublabel),o.caption&&t("zonos-text",{textColor:"gray-600"},o.caption))),t("zonos-text",{type:"semiBoldLabel"},o.price)))})))};return i}());p.style=c}}}));
+System.register(["./p-163ff5b5.system.js","./p-87badea9.system.js","./p-23e7c655.system.js","./p-79f3c4f5.system.js","./p-9db2f9d1.system.js"],(function(i){"use strict";var o,s,t,e,n,r,a,d,l;return{setters:[function(i){o=i.r;s=i.c;t=i.h;e=i.H},function(i){n=i.d;r=i.z},function(i){a=i.c},function(i){d=i.g},function(i){l=i.i}],execute:function(){var h=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";var c=h;var p=i("zonos_shipping_rich_radio",function(){function i(i){var t=this;o(this,i);this.radioSelected=s(this,"radioSelected",7);this.handleRichRadioSelect=function(i){var o;t.selectedItem=i;(o=t.radioSelected)===null||o===void 0?void 0:o.emit(i)};this.getRadioItemStyleVariables=function(){var i=t.borderColor||r.appearance.colorSecondary;var o=l(i)?"var(--amino-".concat(i,")"):i;return{"--border-radius":d({overrideBorderStyle:t.borderStyle}),"--selected-border-color":o||"unset"}};this.items=undefined;this.borderColor=undefined;this.borderStyle=undefined;this.theme=undefined;this.initialSelectedValue=undefined;this.selectedItem=null}i.prototype.componentWillLoad=function(){var i=this;if(this.initialSelectedValue){this.selectedItem=this.items.find((function(o){return o.value===i.initialSelectedValue}))||null}};i.prototype.render=function(){var i=this;var o;return t(e,{key:"a11e7be647b06e96a356361b6a8674eb6fd5d217",class:"zonos--shipping-rich-radio zonos--elements","data-theme":this.theme,style:Object.assign(Object.assign({},this.getRadioItemStyleVariables()),{"--font-family":n()})},(o=this.items)===null||o===void 0?void 0:o.map((function(o){var s;var e=((s=i.selectedItem)===null||s===void 0?void 0:s.value)===o.value;return t("div",{"aria-hidden":"true",class:a(["zonos--shipping-rich-radio-item",e&&"selected"]),onClick:function(){return i.handleRichRadioSelect(o)}},t("input",{checked:e,class:"zonos--shipping-rich-radio-input",name:"zonos--shipping-rich-radio",type:"radio",value:o.value}),t("div",{class:"zonos--shipping-info"},t("div",{class:"zonos--shipping-detail"},t("zonos-text",{class:"zonos--shipping-label",type:"label"},o.label),(o.sublabel||o.caption)&&t("div",{class:"zonos--sub-detail"},o.sublabel&&t("zonos-text",{textColor:"gray-800"},o.sublabel),o.caption&&t("zonos-text",{textColor:"gray-600"},o.caption))),t("zonos-text",{type:"semiBoldLabel"},o.price)))})))};return i}());p.style=c}}}));

package/dist/zonos-elements/{p-af8391bb.entry.js → p-094c0ee8.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as i}from"./p-2244534c.js";import{d as s}from"./p-d41b5762.js";import{c as n}from"./p-b4b7f705.js";const a=class{constructor(o){t(this,o),this.notificationArray=[]}async showNotification(t){const o=`id-${Math.random().toString(36).substring(2,9)}`,i=Object.assign(Object.assign({},t),{id:o,timeout:t.timeout||5e3,transitionClass:"",type:t.type||"success"});this.notificationArray=[...this.notificationArray,i],setTimeout((()=>{this.updateTransitionClass({id:o,transitionClass:"show"})}),50),setTimeout((()=>{this.removeNotification(o)}),i.timeout)}updateTransitionClass({id:t,transitionClass:o}){this.notificationArray=this.notificationArray.map((i=>i.id===t?Object.assign(Object.assign({},i),{transitionClass:o}):i))}removeNotification(t){this.updateTransitionClass({id:t,transitionClass:""}),setTimeout((()=>{this.notificationArray=this.notificationArray.filter((o=>o.id!==t))}),300)}render(){return o(i,{key:"3567d975084d41ba075ccf92347adf31e200b41f",class:n(["zonos--elements zonos--notification"]),style:{"--font-family":s()}},o("div",{key:"c01555f14621f43d515f0593ed5463d4aa9b1309",class:"zonos--notification-items"},this.notificationArray.map((t=>o("div",{"aria-hidden":"true",class:n(["zonos--notification-item",t.type,t.transitionClass]),key:t.id,onClick:()=>{this.removeNotification(t.id)}},o("zonos-text",{textColor:"gray-0"},t.message))))))}};a.style=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";export{a as zonos_notification}
+import{r as t,h as o,H as i}from"./p-13ddaf31.js";import{d as s}from"./p-f1962041.js";import{c as n}from"./p-b4b7f705.js";const a=class{constructor(o){t(this,o),this.notificationArray=[]}async showNotification(t){const o=`id-${Math.random().toString(36).substring(2,9)}`,i=Object.assign(Object.assign({},t),{id:o,timeout:t.timeout||5e3,transitionClass:"",type:t.type||"success"});this.notificationArray=[...this.notificationArray,i],setTimeout((()=>{this.updateTransitionClass({id:o,transitionClass:"show"})}),50),setTimeout((()=>{this.removeNotification(o)}),i.timeout)}updateTransitionClass({id:t,transitionClass:o}){this.notificationArray=this.notificationArray.map((i=>i.id===t?Object.assign(Object.assign({},i),{transitionClass:o}):i))}removeNotification(t){this.updateTransitionClass({id:t,transitionClass:""}),setTimeout((()=>{this.notificationArray=this.notificationArray.filter((o=>o.id!==t))}),300)}render(){return o(i,{key:"17c08c90c6c1dfade4e43451c196127a0f53429e",class:n(["zonos--elements zonos--notification"]),style:{"--font-family":s()}},o("div",{key:"6624419d86a5c7518539069dbc5c9d7c08262c75",class:"zonos--notification-items"},this.notificationArray.map((t=>o("div",{"aria-hidden":"true",class:n(["zonos--notification-item",t.type,t.transitionClass]),key:t.id,onClick:()=>{this.removeNotification(t.id)}},o("zonos-text",{textColor:"gray-0"},t.message))))))}};a.style=":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";export{a as zonos_notification}

package/dist/zonos-elements/p-0c64dbbb.js

@@ -0,0 +1 @@
+const p=p=>/[^\p{Script=Latin}\p{P}\p{S}\p{N}\p{Z}\p{C}\p{M}]{1}/u.test(p)&&!/[ʼˮ՚ߴߵ']{1}/u.test(p),t=t=>Object.entries(t).reduce(((t,[c,e])=>p(e)?Object.assign(Object.assign({},t),{[c]:!0}):t),{});export{t as c,p as i}

package/dist/zonos-elements/p-11504442.entry.js

@@ -0,0 +1 @@
+import{r as o,h as s,F as e,H as t}from"./p-13ddaf31.js";import{l as c,a as n,s as i,b as r,c as a,d as h,e as u,i as d,f as l,g as z,h as m,j as k,k as p,m as g,n as f,t as b,o as v,p as y,q as w,r as x}from"./p-5d993965.js";import{z as C,g as O,m as A}from"./p-f1962041.js";import{c as I,s as S,a as H,t as L}from"./p-a6d7ac46.js";import{i as N}from"./p-81a54668.js";import{c as j}from"./p-b4b7f705.js";import{g as B}from"./p-83cc2936.js";import{i as M}from"./p-909a331c.js";import{R as P}from"./p-64b594f4.js";const D=({key:o,value:s})=>s?{key:o,value:s}:null,E=o=>[D({key:"brand",value:o.itemBrand}),D({key:"material",value:o.itemMaterial}),D({key:"category",value:o.itemCategory}),D({key:"color",value:o.itemColor}),D({key:"customization",value:o.itemCustomization}),D({key:"descriptionDetailed",value:o.itemDescriptionDetailed}),D({key:"fabricContent",value:o.itemFabricContent}),D({key:"ltlClass",value:o.itemLtlClass}),D({key:"pickingLocation",value:o.itemPickingLocation}),D({key:"shipFromLocation",value:o.itemShipFromLocation}),D({key:"size",value:o.itemSize}),D({key:"status",value:o.status})].filter(Boolean),$=o=>{if(!o)return"POUND";switch(o.toUpperCase()){case"KG":return"KILOGRAM";case"OZ":return"OUNCE";case"G":return"GRAM";default:return"POUND"}},_=o=>{if(!o)return[];const s=[];return o.length&&s.push({type:"LENGTH",unitOfMeasure:"INCH",value:o.length}),o.width&&s.push({type:"WIDTH",unitOfMeasure:"INCH",value:o.width}),o.weight&&s.push({type:"WEIGHT",unitOfMeasure:$(o.weightUnits),value:o.weight}),o.height&&s.push({type:"HEIGHT",unitOfMeasure:"INCH",value:o.height}),s},T=(o=!0)=>!(!c.localizationLoaded||!c.isShippableCountry&&(document.dispatchEvent(I("legacyCheckoutError","Unable to initiate checkout process in a country where shipping is not available")),o&&n("Checkout: not shippable country"),1)),R='<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>\n</svg>\n',G=class{constructor(s){o(this,s),this.applyStripeTheme=async()=>{var o,s,e,t;const c=(null===(o=this.appearanceSettingsOverride)||void 0===o?void 0:o.theme)||C.appearance.theme;await d({overrideBorderRaidus:null===(s=this.appearanceSettingsOverride)||void 0===s?void 0:s.style,overridePrimaryColor:null===(e=this.appearanceSettingsOverride)||void 0===e?void 0:e.colorPrimary,overrideSecondaryColor:null===(t=this.appearanceSettingsOverride)||void 0===t?void 0:t.colorSecondary,overrideTheme:this.isMobile?c:void 0})},this.getCurrentLocalePageEnum=()=>{switch(l.step){case"customer-info":return"checkout_customer_info";case"shipping":return"checkout_shipping_info";case"payment":return"checkout_payment_info";default:return null}},this.appearanceSettingsOverride=void 0,this.preview=!1,this.mobile=!1,this.defaultAddress=null,this.forceDialogOpen=!1,this.open=this.forceDialogOpen,this.stripe=window.Zonos.stripe,this.submitLoading=!1,this.paymentError=!1,this.collapseReviewMobile=!0,this.isAttachError=!1,this.isMobile=!1,this.zonosReviewRef=void 0,this.storybookPaymentStatusOverride=void 0,this.domesticRedirectedBtnSelector="#zonos--domestic-redirected-checkout-button",this.legacyCheckoutHiddenBtnSelector="#legacy-checkout-hidden-button",this.isLegacyCheckout=!1}async initCartInfoHandler(o){z(o.detail)}async closeDialogHandler(){H("zonos-checkout-close"),this.open=this.forceDialogOpen||!1,this.preview||"finish"!==l.step||m(),l.step="customer-info",k()}async buildCartAndInit(){if(window.Zonos.tempCartData){const o=(o=>{var s;return(null===(s=null==o?void 0:o.items)||void 0===s?void 0:s.map((o=>({amount:o.unitPrice||0,attributes:E(o),countryOfOrigin:o.countryOfOrigin||void 0,currencyCode:"USD",description:o.itemDescriptionLong||"",imageUrl:o.imageURL||"",itemType:"PHYSICAL_GOOD",measurements:_(o),name:o.description||"",productId:o.productId||"",quantity:o.quantity||0,sku:o.sku||""}))))||[]})(window.Zonos.tempCartData);await z(o)}else if(C.checkoutSettings.buildCartDetail){n("build cart detail");const o=await C.checkoutSettings.buildCartDetail();await z(o)}if(!p.clientSecret){const o=await g();if(n(`stripeStoreInitCheckoutSession: ${o}`),!o)return!1}return await this.applyStripeTheme(),!0}attachCheckout(){const o=C.checkoutSettings.placeOrderButtonSelector;n(`attach checkout ${o}`),o&&document.querySelectorAll(`${o}, ${this.domesticRedirectedBtnSelector}`).forEach((o=>{o.getAttribute("data-zonos-checkout-attached")||(o.addEventListener("click",(async o=>{if(T()){o.preventDefault(),o.stopPropagation(),n("zonos checkout button clicked"),p.isFetchingSession=!0,this.open=!0;try{if(!await this.buildCartAndInit())throw new Error("Error building cart");H("zonos-checkout-start"),L("checkout_open")}catch(o){p.isFetchingSession=!1,f({messages:[b("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists")],title:b("Error creating Checkout")})}}})),o.removeAttribute("disabled"),o.setAttribute("data-zonos-checkout-attached","true"),o.matches(this.domesticRedirectedBtnSelector)&&(o.dispatchEvent(I("click")),a(),o.remove()),o.matches(this.legacyCheckoutHiddenBtnSelector)&&(this.isLegacyCheckout=!0,o.dispatchEvent(I("click")),o.remove()))}))}appearanceSettingsOverrideChanged(){this.appearanceSettingsOverride&&this.applyStripeTheme()}useLegacyQueryParam(){const o=new URLSearchParams(window.location.search),s={country:o.get("country"),customerAddress1:o.get("customerAddress1"),customerAddress2:o.get("customerAddress2"),customerCity:o.get("customerCity"),customerEmail:o.get("customerEmail"),customerName:o.get("customerName"),customerPhone:o.get("customerPhone"),customerState:o.get("customerState"),customerZip:o.get("customerZip")};s.customerAddress1&&s.customerCity&&s.customerName&&s.customerPhone&&s.customerState&&s.customerZip&&s.country&&(this.defaultAddress={address:{city:s.customerCity,country:s.country,line1:s.customerAddress1,line2:s.customerAddress2||"",postal_code:s.customerZip,state:s.customerState},email:s.customerEmail||"",name:s.customerName,phone:s.customerPhone})}async init(){p.stripe=window.Zonos.stripe,this.stripe=window.Zonos.stripe,(({domesticRedirectedBtnSelector:o,onShippingAddressSessionFound:s})=>{if(!window.Zonos.isBigCommerce)return;const e=new MutationObserver((async()=>{const t=document.querySelector(o),c=i();if(!t&&c){const o=document.createElement("button");return o.style.display="none",o.id="zonos--domestic-redirected-checkout-button",document.body.appendChild(o),null==s||s(c),void e.disconnect()}const n=document.querySelector('select[name="shippingAddress.countryCode"]'),d=document.querySelector("#checkout-shipping-continue");n&&d&&(e.disconnect(),d.addEventListener("click",(async o=>{var s,e;const t=n.value;if(!t)return;if(r(t),!T(!1))return void a();const c=document.querySelector("form");if(!c)return;const i=new FormData(c),d=document.querySelector("input#addressLine1Input"),l={address1:null!==(s=i.get("shippingAddress.address1"))&&void 0!==s?s:d&&d.value,address2:i.get("shippingAddress.address2"),city:i.get("shippingAddress.city"),countryCode:i.get("shippingAddress.countryCode"),firstName:i.get("shippingAddress.firstName"),lastName:i.get("shippingAddress.lastName"),phone:i.get("shippingAddress.phone"),postalCode:i.get("shippingAddress.postalCode"),stateOrProvince:null!==(e=i.get("shippingAddress.stateOrProvince"))&&void 0!==e?e:i.get("shippingAddress.stateOrProvinceCode")};if(Object.values(l).some((o=>null==o)))return h("One or more shipping address field is missing",Object.entries(l)),void S({endpoint:"No endpoint, domestic checkout form missing fields",errors:["Bigcommerce: One or more shipping address field is missing in the domestic checkout form",JSON.stringify(Object.entries(l))],metadata:{domain:window.location.hostname,storeId:C.storeId}});u({address1:l.address1,address2:l.address2,city:l.city,countryCode:l.countryCode,firstName:l.firstName,lastName:l.lastName,phone:l.phone,postalCode:l.postalCode,state:l.stateOrProvince}),o.preventDefault(),o.stopPropagation(),window.location.href="/"})))}));e.observe(document.body,{childList:!0,subtree:!0})})({domesticRedirectedBtnSelector:this.domesticRedirectedBtnSelector,onShippingAddressSessionFound:o=>{this.defaultAddress={address:{city:o.city,country:o.countryCode,line1:o.address1,line2:o.address2,postal_code:o.postalCode,state:o.state},email:"",name:`${o.firstName} ${o.lastName}`,phone:o.phone}}}),window.Zonos.tempCartData&&this.useLegacyQueryParam();const o=setInterval((()=>{const s=window.Zonos.internationalHideSelector;if(!s)return void clearInterval(o);const e=T(!1),t=document.querySelectorAll(s);e?null==t||t.forEach((o=>{const s=o;s.setAttribute("data-zonos-checkout-original-display",s.style.display),s.style.display="none"})):null==t||t.forEach((o=>{const s=o,e=s.getAttribute("data-zonos-checkout-original-display")||getComputedStyle(s).display;s.style.display=e||"initial"}))}),100),s=setInterval((()=>{p.stripe=window.Zonos.stripe,this.stripe=window.Zonos.stripe,this.stripe?(this.storybookPaymentStatusOverride||(n("init checkout"),this.preview||this.forceDialogOpen?this.buildCartAndInit():(this.attachCheckout(),new MutationObserver((()=>{this.attachCheckout()})).observe(document.body,{childList:!0,subtree:!0}))),clearInterval(s)):n("waiting for stripe to be loaded")}),50);setTimeout((()=>{clearInterval(s)}),1e4)}async setToFinishStep(o){l.step="finish",this.storybookPaymentStatusOverride=o}async handleCustomerInfoContinue(){this.submitLoading=!0,await v();const o=setInterval((()=>{!l.landedCostData&&p.isFetchingLandedCost||(l.landedCostData&&y(),this.submitLoading=!1,clearInterval(o))}),500)}async handleShippingContinue(){this.submitLoading=!0,setTimeout((()=>{y(),this.submitLoading=!1}),500)}async handleCheckoutPaymentContinue(){this.paymentError=!1,this.submitLoading=!0;try{await w(),y()}catch(o){h(o),this.paymentError=!0}this.submitLoading=!1}async handleFinishClick(){if(x(),this.preview)return l.step="customer-info",void await this.init();if(m(),this.isLegacyCheckout&&window.Zonos.tempCartData){const o=window.Zonos.tempCartData.contShoppingURL;return void(window.location.href=o)}const o=window.location.href.split("?")[0];window.history.replaceState({},document.title,o),this.open=!1,window.location.reload()}handleWindowResize(){this.isMobile=N(this.mobile),this.applyStripeTheme(),n(`mobile: ${this.isMobile}`)}handleMobileChange(){this.isMobile=N(this.mobile),this.applyStripeTheme(),n(`mobile: ${this.isMobile}`)}handleAppearanceSettingsOverrideChange(){var o;(null===(o=this.appearanceSettingsOverride)||void 0===o?void 0:o.theme)&&(this.appearanceSettingsOverride.theme=O(this.appearanceSettingsOverride.theme))}componentWillLoad(){this.init(),this.isMobile=N(this.mobile),this.handleAppearanceSettingsOverrideChange(),n(`mobile: ${this.isMobile}`)}disconnectedCallback(){x(),m()}render(){var o;const n="finish"!==l.step&&"error"!==l.step&&!p.stripeElements||p.isFetchingSession,{colorPrimary:i,colorSecondary:r,logoUrl:a,style:h}=A(C.appearance,this.appearanceSettingsOverride),u="ENABLED"===C.appearance.zonosAttribution,d=C.appearance.theme,z=i&&M(i)?"DARK":"LIGHT",m=this.isMobile?d:z,k=this.isMobile?void 0:r,{customMessages:g}=c,f=null===(o=g.find((o=>"checkout_default"===o.pageName)))||void 0===o?void 0:o.message,b=this.getCurrentLocalePageEnum(),v=g.filter((o=>o.pageName===b)),y=()=>{const o=this.preview?`${a}?timestamp=${Date.now()}`:a;return s("div",{class:"zonos--logo"},o&&s("img",{alt:`${C.organizationName} logo`,src:o,width:100}))},w=()=>s("zonos-v-stack",null,y(),s("zonos-checkout-progress-tabs",{backgroundColor:this.isMobile?"--amino-gray-0":null}),v.map((o=>s("zonos-custom-message",{icon:R,message:o.message})))),x=()=>s("div",{class:"zonos--content",style:{"--border-radius":B({overrideBorderStyle:h})}},"finish"!==l.step&&"error"!==l.step&&s(e,null,s("div",{class:"zonos--left","data-theme":m,style:{"--primary-color":this.isMobile?"":i}},!this.isMobile&&w(),"customer-info"===l.step&&s("zonos-customer-info",{continueLoading:this.submitLoading,defaultAddress:this.defaultAddress,isMobile:this.isMobile,onContinueClicked:()=>this.handleCustomerInfoContinue(),submitBtnColor:k}),"shipping"===l.step&&s("zonos-shipping",{continueLoading:this.submitLoading,onContinueClicked:()=>this.handleShippingContinue(),submitBtnColor:k}),"payment"===l.step&&s("zonos-checkout-payment",{continueLoading:this.submitLoading,onContinueClicked:()=>this.handleCheckoutPaymentContinue(),paymentError:this.paymentError,submitBtnColor:k})),s("div",{class:"zonos--right","data-theme":d},this.isMobile&&w(),!this.isLegacyCheckout&&s("zonos-button",{class:"zonos--close-button",icon:s("zonos-icon",{"aria-label":"Close checkout dialog",content:P}),noBackground:!0,onClick:()=>this.closeDialogHandler()}),s("div",{class:"flex--wrapper"},s("div",{class:"zonos--wrapper"},s("zonos-review",{collapsed:this.collapseReviewMobile,mobile:this.isMobile,onClick:()=>{this.isMobile&&(this.collapseReviewMobile=!this.collapseReviewMobile)}}),s("zonos-collapse",{collapsed:this.collapseReviewMobile&&this.isMobile},s("zonos-cart-items",null),this.isMobile&&s("zonos-v-stack",{spacing:16},s("zonos-cart-subtotal",null),s("zonos-custom-message",{class:"zonos--checkout-default-message",icon:R,message:f})))),!this.isMobile&&s("zonos-v-stack",{spacing:16},s("zonos-cart-subtotal",null),s("zonos-custom-message",{class:"zonos--checkout-default-message",icon:R,message:f}))))),("finish"===l.step||"error"===l.step)&&s("div",{class:"zonos--done","data-theme":d},s("div",{class:"zonos--header"},y(),s("zonos-button",{class:"zonos--close-button",icon:s("zonos-icon",{"aria-label":"Close checkout dialog",content:P}),noBackground:!0,onClick:()=>this.handleFinishClick(),theme:d})),s("zonos-checkout-finish",{borderRadius:h,onCloseClick:()=>this.handleFinishClick(),overrideNotification:"error"===l.step&&l.error?Object.assign(Object.assign({},l.error),{type:"error"}):void 0,storybookForceStatus:this.storybookPaymentStatusOverride})),s("zonos-checkout-footer",{"data-theme":d,mobile:this.isMobile,slot:this.isMobile?void 0:"dialog-footer"}));return s(t,{class:j(["zonos--checkout zonos--elements",u&&"has-footer",this.preview&&"preview",this.isMobile&&"mobile"])},this.preview?x():s("zonos-dialog",{borderStyle:h,"data-theme":d,height:"980px",isLoading:n,mobile:this.isMobile,noBodyPadding:!0,noBorder:!0,noClickOutside:!0,noCloseButton:!0,onCloseDialog:()=>this.closeDialogHandler(),open:this.open,width:"1200px"},x()))}static get assetsDirs(){return["assets"]}static get watchers(){return{appearanceSettingsOverride:["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],mobile:["handleMobileChange"]}}};G.style=".sc-zonos-checkout-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--border-radius, var(--amino-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--primary-color, var(--amino-gray-0));border-right:1px solid var(--amino-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--amino-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--amino-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout img.sc-zonos-checkout{width:150px;min-width:150px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--close-button.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--amino-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0px}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--amino-border);border-radius:var(--border-radius, var(--amino-radius-10));background-color:var(--amino-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}";export{G as zonos_checkout}