@zonos/elements 1.3.18-alpha.1 → 1.3.18-alpha.3

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { PaymentIntent, Stripe, StripeContactOption } from "@stripe/stripe-js";
+import { ContactOption, PaymentIntent, Stripe } 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";
@@ -13,16 +13,16 @@ 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 } from "./components/store/checkout/stripe";
+import { StripeStoreContactOption } from "./components/store/checkout/stripe";
 import { TabItem, TabItems } from "./components/store/checkout/cart";
-import { LoadZonosParamsConfig } from "./scripts/zonosBase";
+import { LoadZonosParamsConfig } from "./scripts/_zonosBase";
 import { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
 import { RestrictedItem } from "./types/hello/RestrictedItem";
 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 { PaymentIntent, Stripe, StripeContactOption } from "@stripe/stripe-js";
+export { ContactOption, PaymentIntent, Stripe } 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";
@@ -30,9 +30,9 @@ 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 } from "./components/store/checkout/stripe";
+export { StripeStoreContactOption } from "./components/store/checkout/stripe";
 export { TabItem, TabItems } from "./components/store/checkout/cart";
-export { LoadZonosParamsConfig } from "./scripts/zonosBase";
+export { LoadZonosParamsConfig } from "./scripts/_zonosBase";
 export { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
 export { RestrictedItem } from "./types/hello/RestrictedItem";
 export { AppearanceConfig as AppearanceConfig1 } from "./components.d";
@@ -44,7 +44,7 @@ export namespace Components {
         /**
           * Default address for stripe
          */
-        "defaultAddress": StripeContactOption | null;
+        "defaultAddress": ContactOption | null;
         /**
           * The title text for the address element
          */
@@ -221,7 +221,9 @@ export namespace Components {
          */
         "theme"?: ElementsUiTheme;
         /**
-          * The variance of the button **NOTE**: If the button `variant` is set to 'standard', backgroundColor will be disregarded
+          * The variance of the button
+          * @note If the button `variant` is set to 'standard', backgroundColor will be disregarded
+          * @default standard
          */
         "variant": | 'primary'
     | 'success'
@@ -230,6 +232,10 @@ export namespace Components {
     | 'standard'
     | 'danger'
     | 'warning';
+        /**
+          * Whether or not the button has a box shadow
+         */
+        "withBoxShadow": boolean;
     }
     interface ZonosCard {
         /**
@@ -307,11 +313,11 @@ export namespace Components {
         /**
           * Close dialog action
          */
-        "closeDialogHandler": () => Promise<void>;
+        "closeDialogHandler": (props?: { confirmed: boolean; }) => Promise<void>;
         /**
           * Default address to use for the checkout (preview mode)
          */
-        "defaultAddress": ContactOption | null;
+        "defaultAddress": StripeStoreContactOption | null;
         /**
           * Force dialog to be open
          */
@@ -341,7 +347,11 @@ export namespace Components {
         /**
           * Override the notification message and title, bypass checking stripe payment status
          */
-        "overrideNotification"?: OverrideNotification;
+        "overrideNotification"?: {
+    messages: string[];
+    title: string;
+    type: 'success' | 'error';
+  };
         /**
           * Force status to test the UI for storybook
          */
@@ -417,6 +427,48 @@ export namespace Components {
          */
         "middle": string;
     }
+    interface ZonosConfirmDialog {
+        /**
+          * Cancel button text
+         */
+        "dialogCancelBtnText": string;
+        /**
+          * Confirm button text
+         */
+        "dialogConfirmBtnText": string;
+        /**
+          * Dialog intent (for icon and button color)
+          * @default "info"
+         */
+        "dialogIntent": 'info' | 'danger' | 'warn';
+        /**
+          * Whether or not the dialog is open
+         */
+        "dialogOpen": boolean;
+        /**
+          * Dialog subtitle text
+          * @default "" No subtitle
+         */
+        "dialogSubtitle": string;
+        /**
+          * Dialog title text
+          * @default "Are you sure?"
+         */
+        "dialogTitle": string;
+        /**
+          * Whether or not the dialog is open
+         */
+        "isMobile": boolean;
+        /**
+          * Whether or not to close the dialog when clicking outside of it
+          * @default false
+         */
+        "noClickOutside": boolean;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+    }
     interface ZonosController {
         /**
           * The zonos config object
@@ -493,7 +545,7 @@ export namespace Components {
         /**
           * Default address to use for the checkout (preview mode)
          */
-        "defaultAddress": ContactOption | null;
+        "defaultAddress": StripeStoreContactOption | null;
         /**
           * Whether or not the dialog is open
          */
@@ -518,13 +570,17 @@ export namespace Components {
          */
         "headerText": string;
         /**
-          * The height of the dialog (max-wdith still 90vh)
+          * The height of the dialog (max-width still 90vh)
          */
         "height"?: string;
         /**
           * Load loading spinner for the dialog or not
          */
         "isLoading": boolean;
+        /**
+          * The min height of the dialog
+         */
+        "minHeight"?: string;
         /**
           * Flag to determine if the checkout is on mobile
          */
@@ -889,6 +945,10 @@ export interface ZonosCheckoutPaymentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosCheckoutPaymentElement;
 }
+export interface ZonosConfirmDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosConfirmDialogElement;
+}
 export interface ZonosControllerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosControllerElement;
@@ -1099,6 +1159,24 @@ declare global {
         prototype: HTMLZonosComponentElement;
         new (): HTMLZonosComponentElement;
     };
+    interface HTMLZonosConfirmDialogElementEventMap {
+        "confirmClicked": void;
+        "cancelClicked": void;
+    }
+    interface HTMLZonosConfirmDialogElement extends Components.ZonosConfirmDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosConfirmDialogElementEventMap>(type: K, listener: (this: HTMLZonosConfirmDialogElement, ev: ZonosConfirmDialogCustomEvent<HTMLZonosConfirmDialogElementEventMap[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 HTMLZonosConfirmDialogElementEventMap>(type: K, listener: (this: HTMLZonosConfirmDialogElement, ev: ZonosConfirmDialogCustomEvent<HTMLZonosConfirmDialogElementEventMap[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 HTMLZonosConfirmDialogElement: {
+        prototype: HTMLZonosConfirmDialogElement;
+        new (): HTMLZonosConfirmDialogElement;
+    };
     interface HTMLZonosControllerElementEventMap {
         "stripeInitEvent": { publishableKey: string };
     }
@@ -1346,6 +1424,7 @@ declare global {
         "zonos-checkout-progress-tabs": HTMLZonosCheckoutProgressTabsElement;
         "zonos-collapse": HTMLZonosCollapseElement;
         "zonos-component": HTMLZonosComponentElement;
+        "zonos-confirm-dialog": HTMLZonosConfirmDialogElement;
         "zonos-controller": HTMLZonosControllerElement;
         "zonos-country-flag": HTMLZonosCountryFlagElement;
         "zonos-country-select": HTMLZonosCountrySelectElement;
@@ -1378,7 +1457,7 @@ declare namespace LocalJSX {
         /**
           * Default address for stripe
          */
-        "defaultAddress"?: StripeContactOption | null;
+        "defaultAddress"?: ContactOption | null;
         /**
           * Event to emit when address is not containing allowed character sets
          */
@@ -1571,7 +1650,9 @@ declare namespace LocalJSX {
          */
         "theme"?: ElementsUiTheme;
         /**
-          * The variance of the button **NOTE**: If the button `variant` is set to 'standard', backgroundColor will be disregarded
+          * The variance of the button
+          * @note If the button `variant` is set to 'standard', backgroundColor will be disregarded
+          * @default standard
          */
         "variant"?: | 'primary'
     | 'success'
@@ -1580,6 +1661,10 @@ declare namespace LocalJSX {
     | 'standard'
     | 'danger'
     | 'warning';
+        /**
+          * Whether or not the button has a box shadow
+         */
+        "withBoxShadow"?: boolean;
     }
     interface ZonosCard {
         /**
@@ -1661,7 +1746,7 @@ declare namespace LocalJSX {
         /**
           * Default address to use for the checkout (preview mode)
          */
-        "defaultAddress"?: ContactOption | null;
+        "defaultAddress"?: StripeStoreContactOption | null;
         /**
           * Force dialog to be open
          */
@@ -1687,7 +1772,11 @@ declare namespace LocalJSX {
         /**
           * Override the notification message and title, bypass checking stripe payment status
          */
-        "overrideNotification"?: OverrideNotification;
+        "overrideNotification"?: {
+    messages: string[];
+    title: string;
+    type: 'success' | 'error';
+  };
         /**
           * Force status to test the UI for storybook
          */
@@ -1759,6 +1848,56 @@ declare namespace LocalJSX {
          */
         "middle"?: string;
     }
+    interface ZonosConfirmDialog {
+        /**
+          * Cancel button text
+         */
+        "dialogCancelBtnText": string;
+        /**
+          * Confirm button text
+         */
+        "dialogConfirmBtnText": string;
+        /**
+          * Dialog intent (for icon and button color)
+          * @default "info"
+         */
+        "dialogIntent"?: 'info' | 'danger' | 'warn';
+        /**
+          * Whether or not the dialog is open
+         */
+        "dialogOpen"?: boolean;
+        /**
+          * Dialog subtitle text
+          * @default "" No subtitle
+         */
+        "dialogSubtitle"?: string;
+        /**
+          * Dialog title text
+          * @default "Are you sure?"
+         */
+        "dialogTitle"?: string;
+        /**
+          * Whether or not the dialog is open
+         */
+        "isMobile"?: boolean;
+        /**
+          * Whether or not to close the dialog when clicking outside of it
+          * @default false
+         */
+        "noClickOutside"?: boolean;
+        /**
+          * Event to emit when the "Cancel" button is clicked
+         */
+        "onCancelClicked"?: (event: ZonosConfirmDialogCustomEvent<void>) => void;
+        /**
+          * Event to emit when the "Confirm" button is clicked
+         */
+        "onConfirmClicked"?: (event: ZonosConfirmDialogCustomEvent<void>) => void;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+    }
     interface ZonosController {
         /**
           * The zonos config object
@@ -1810,7 +1949,7 @@ declare namespace LocalJSX {
         /**
           * Default address to use for the checkout (preview mode)
          */
-        "defaultAddress"?: ContactOption | null;
+        "defaultAddress"?: StripeStoreContactOption | null;
         /**
           * Whether or not the dialog is open
          */
@@ -1839,13 +1978,17 @@ declare namespace LocalJSX {
          */
         "headerText"?: string;
         /**
-          * The height of the dialog (max-wdith still 90vh)
+          * The height of the dialog (max-width still 90vh)
          */
         "height"?: string;
         /**
           * Load loading spinner for the dialog or not
          */
         "isLoading"?: boolean;
+        /**
+          * The min height of the dialog
+         */
+        "minHeight"?: string;
         /**
           * Flag to determine if the checkout is on mobile
          */
@@ -2196,6 +2339,7 @@ declare namespace LocalJSX {
         "zonos-checkout-progress-tabs": ZonosCheckoutProgressTabs;
         "zonos-collapse": ZonosCollapse;
         "zonos-component": ZonosComponent;
+        "zonos-confirm-dialog": ZonosConfirmDialog;
         "zonos-controller": ZonosController;
         "zonos-country-flag": ZonosCountryFlag;
         "zonos-country-select": ZonosCountrySelect;
@@ -2246,6 +2390,7 @@ declare module "@stencil/core" {
             "zonos-checkout-progress-tabs": LocalJSX.ZonosCheckoutProgressTabs & JSXBase.HTMLAttributes<HTMLZonosCheckoutProgressTabsElement>;
             "zonos-collapse": LocalJSX.ZonosCollapse & JSXBase.HTMLAttributes<HTMLZonosCollapseElement>;
             "zonos-component": LocalJSX.ZonosComponent & JSXBase.HTMLAttributes<HTMLZonosComponentElement>;
+            "zonos-confirm-dialog": LocalJSX.ZonosConfirmDialog & JSXBase.HTMLAttributes<HTMLZonosConfirmDialogElement>;
             "zonos-controller": LocalJSX.ZonosController & JSXBase.HTMLAttributes<HTMLZonosControllerElement>;
             "zonos-country-flag": LocalJSX.ZonosCountryFlag & JSXBase.HTMLAttributes<HTMLZonosCountryFlagElement>;
             "zonos-country-select": LocalJSX.ZonosCountrySelect & JSXBase.HTMLAttributes<HTMLZonosCountrySelectElement>;

package/dist/types/index.d.ts

@@ -1 +1,2 @@
+export { Zonos } from './scripts';
 export * from './types';

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/_getZonosQaUrl.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Get the Zonos QA URL and return it. Will remove `zonosQaUrl` from the url query if it doesn't exists.
+ */
+export declare const getZonosQaUrl: () => string | null;

package/dist/types/scripts/{loadStripe.d.ts → _loadStripe.d.ts}

@@ -1,2 +1,2 @@
-import { type LoadStripe } from "./stripe";
+import { type LoadStripe } from "./_stripe";
 export declare const zonosLoadStripe: LoadStripe;

package/dist/types/scripts/{zonosBase.d.ts → _zonosBase.d.ts}

@@ -3,11 +3,36 @@ import type { AppearanceConfig } from "../components/store/zonosStore";
 import type { NotificationInit } from "../types/index";
 import type { TempCart } from "../types/checkout/api/TempCart";
 import type { CheckoutConfig } from "../types/checkout/CheckoutConfig";
+import type { CountryCode, CurrencyCode } from "../types/generated/graphql.customer.types";
 import type { HelloConfig } from "../types/hello/HelloConfig";
-export type CurrencyConverter = (prop: {
+export type CurrencyConverter = (props: {
     selector?: string;
+    /**
+     * Convert the amount to the target currency in Hello (no locale format)
+     * @param convert amount
+     * @return number
+     * @example
+     * const price = 100; // in USD
+     * convert(100) // return 136.5 when selected country in Hello is Canada
+     */
     convert: (amount: number) => number;
+    /**
+     * Convert the amount to the target currency and format it in Hello with locale formatting
+     * @param amount
+     * @returns string - CA$136.50
+     * @example
+     * const price = 100;
+     * convertAndFormat(100) // return CA$136.50 when selected country in Hello is Canada
+     */
     convertAndFormat: (amount: number) => string;
+    /**
+     * Format the given amount to locale format
+     * @param amount
+     * @returns string - CA$100.00
+     * @example
+     * const price = 100
+     * format(100) // return CA$100.00 when selected country in Hello is Canada
+     */
     format: (amount: number) => string;
 }) => void;
 export type LoadZonosParamsConfig = {
@@ -15,11 +40,25 @@ export type LoadZonosParamsConfig = {
     checkoutSettings?: Partial<CheckoutConfig>;
     currencyConverter?: CurrencyConverter;
     helloSettings?: Partial<HelloConfig>;
+    /**
+     * Callback to be called when the country is changed
+     */
+    onCountryChange?: (props: {
+        /**
+         * @param countryCode Updated country code
+         */
+        countryCode: CountryCode;
+        /**
+         * @param currencyCode Updated currency code
+         */
+        currencyCode: CurrencyCode;
+    }) => void;
 };
 export type LoadZonosParams = LoadZonosParamsConfig & {
     storeId: number;
     /**
-     * Temporary cart UUID to be used for zonos checkout, if this is provided, no need to configure `buildCartDetail`, `buildLandedCost` callback, zonosApiKey or storeId
+     * Temporary cart UUID to be used for legacy zonos checkout. If this is provided, no need to configure `buildCartDetail`, `buildLandedCost` callback, zonosApiKey or storeId
+     * @note This would be deprecated in the future when we fully migrate to new zonos checkout
      */
     tempCartUUID?: string;
     zonosApiKey: string;
@@ -33,6 +72,7 @@ export interface Zonos {
     doneInit: boolean;
     internationalHideSelector: string;
     isBigCommerce: boolean;
+    isNpm: boolean;
     /** Flag if already alerted when preview domain is defined and it's connecting production environment */
     modeAlerted: boolean;
     storeId: number;
@@ -63,6 +103,10 @@ export declare abstract class Zonos {
     static debug: boolean;
     static zonosConversionTest: boolean;
     static isBigCommerce: boolean;
+    /**
+     * By default, the package will load from npm
+     */
+    static isNpm: boolean;
     static internationalHideSelector: string;
     static zonosQaUrl: string | null;
     static version: string;
@@ -70,7 +114,7 @@ export declare abstract class Zonos {
     static tempCartData: TempCart | null;
     static getCurrentTimestamp: () => number;
     private static zonosController;
-    static init: ({ appearance, checkoutSettings, currencyConverter, helloSettings, storeId, zonosApiKey, }: LoadZonosParams) => Promise<void>;
+    static init: ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, storeId, zonosApiKey, }: LoadZonosParams) => Promise<void>;
     static displayCurrency: () => void;
     static openHelloDialog: (value?: boolean) => void;
     static showNotification: (notification: NotificationInit) => void;
@@ -79,6 +123,10 @@ export declare abstract class Zonos {
     private static injectController;
     private static injectSentryScript;
     private static injectScript;
+    /**
+     * We now support loading Zonos via npm. For clients using npm, `zonosBase` will always load from the server side. Therefore, the `zonosLoadUrl` defined earlier won't work since it lacks access to client-side APIs such as `window` and `document`.
+     */
+    private static getZonosUrl;
     private static injectZonosCdn;
     private static injectStylesheet;
     private static injectZonosCss;

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

@@ -0,0 +1,2 @@
+import { Zonos } from "./_zonosBase";
+export { Zonos };

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

@@ -36,6 +36,11 @@ export type CheckoutConfig = {
     };
     organization: string;
     placeOrderButtonSelector: string | null;
+    /**
+     * @param subscriptionStatus subscription status for checkout, checkout only available if subscription status is ENABLED and visibility status is ENABLED
+     *
+     * **NOTE: this value can't be overridden in Zonos.init**
+     */
     subscriptionStatus: CheckoutSubscriptionStatus;
     successBehavior: CheckoutSuccessBehavior;
     successRedirectUrl: string;
@@ -66,6 +71,13 @@ export type CheckoutConfig = {
      * @note will use temp cart data if available
      */
     buildLandedCost?: (params: BuildLandedCostParams) => BuildLandedCostResponse;
+    /**
+     * Callback trigger when the checkout is closed
+     */
+    onClose?: () => void;
+    /**
+     * Callback trigger when payment succeeds
+     */
     onOrderSuccess?: (props: {
         zonosApiRoute: string;
         zonosOrder: ZonosOrder;

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

@@ -1,4 +1,5 @@
 import type { CartItem } from "../../../components/store/checkout/cart";
+import type { LandedCostAdjustmentType } from "../../generated/graphql.customer.types";
 export type CalculateLandedCostRequest = {
     billingAddress: {
         addressLine1: string;
@@ -21,6 +22,14 @@ export type CalculateLandedCostRequest = {
         phone: string;
     };
     items: CartItem[];
+    landedCostAdjustments?: {
+        amount: number;
+        type: LandedCostAdjustmentType;
+    }[];
+    metadata?: {
+        key: string;
+        value: string;
+    }[];
     shippingAddress: {
         addressLine1: string;
         addressLine2?: string | undefined;

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

@@ -1452,6 +1452,7 @@ export declare const invoiceCarrier: {
     readonly Apc: "APC";
     readonly Asendia: "ASENDIA";
     readonly BoxC: "BOX_C";
+    readonly BroadReach: "BROAD_REACH";
     readonly Dhl: "DHL";
     readonly DhlEcom: "DHL_ECOM";
     readonly Epost: "EPOST";

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

@@ -1608,6 +1608,7 @@ export const imageSlot = {
 } as const;
 
 export type ImageSlot = (typeof imageSlot)[keyof typeof imageSlot];
+
 export const inclusivePriceCalculateJobStatus = {
   Completed: 'COMPLETED',
   Failed: 'FAILED',
@@ -1640,6 +1641,7 @@ export const inclusivePriceCatalogValidationJobComplianceStatus = {
 
 export type InclusivePriceCatalogValidationJobComplianceStatus =
   (typeof inclusivePriceCatalogValidationJobComplianceStatus)[keyof typeof inclusivePriceCatalogValidationJobComplianceStatus];
+
 export const inclusivePriceHistoryCsvJobStatus = {
   Error: 'ERROR',
   Processed: 'PROCESSED',
@@ -1696,6 +1698,7 @@ export const invoiceCarrier = {
   Apc: 'APC',
   Asendia: 'ASENDIA',
   BoxC: 'BOX_C',
+  BroadReach: 'BROAD_REACH',
   Dhl: 'DHL',
   DhlEcom: 'DHL_ECOM',
   Epost: 'EPOST',

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

@@ -115,6 +115,7 @@ export declare const featureAudienceNameEnum: {
     readonly I18nSales: "i18n_sales";
     readonly ItHead: "it_head";
     readonly NewCheckoutMerchant: "new_checkout_merchant";
+    readonly NewPayoutReportMerchant: "new_payout_report_merchant";
     readonly Onboarding: "onboarding";
     readonly PrincipalEngineer: "principal_engineer";
     readonly ProServeHead: "pro_serve_head";

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

@@ -96,6 +96,7 @@ export const featureAudienceNameEnum = {
   I18nSales: 'i18n_sales',
   ItHead: 'it_head',
   NewCheckoutMerchant: 'new_checkout_merchant',
+  NewPayoutReportMerchant: 'new_payout_report_merchant',
   Onboarding: 'onboarding',
   PrincipalEngineer: 'principal_engineer',
   ProServeHead: 'pro_serve_head',

package/dist/types/types/global.d.ts

@@ -5,7 +5,7 @@ import type { StripeConstructor } from '@stripe/stripe-js';
 /** Need to use relative path so that this declaration file can be correctly bundled */
 import type { CustomEventMap } from '../components/utils/createCustomEvent';
 import type { Env } from '../environment';
-import type { Zonos } from '../scripts/zonosBase';
+import type { Zonos } from '../scripts/_zonosBase';
 declare global {
   // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
   interface Document {

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

@@ -0,0 +1,4 @@
+<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">
+  <path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-400)"></path>
+  <path d="M12.75 9a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V9Zm0 5.5a.75.75 0 0 0-1.5 0v.5a.75.75 0 0 0 1.5 0v-.5Z" fill="currentColor"></path>
+</svg>

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

@@ -0,0 +1,4 @@
+<svg color="var(--zonos-elements-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">
+  <path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z" data-is-secondary-color="true" fill="var(--zonos-elements-blue-400)"></path>
+  <path d="M10.25 10.25a1.75 1.75 0 1 1 2.431 1.613c-.616.26-1.431.885-1.431 1.887a.75.75 0 0 0 1.5 0c0-.053.02-.128.108-.228.092-.104.236-.205.408-.278A3.25 3.25 0 1 0 8.75 10.25a.75.75 0 0 0 1.5 0Zm2.5 5.75a.75.75 0 0 0-1.5 0v.25a.75.75 0 0 0 1.5 0V16Z" fill="currentColor"></path>
+</svg>

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

@@ -0,0 +1,4 @@
+<svg color="var(--zonos-elements-orange-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">
+  <path d="M14.46 5.492c-1.014-2.027-3.906-2.027-4.92 0L4.276 16.02c-.914 1.83.416 3.98 2.46 3.98h10.528c2.044 0 3.374-2.151 2.46-3.98L14.46 5.492Z" data-is-secondary-color="true" fill="var(--zonos-elements-orange-400)"></path>
+  <path d="M12.75 10a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V10Zm0 5.5a.75.75 0 0 0-1.5 0v.5a.75.75 0 0 0 1.5 0v-.5Z" fill="currentColor"></path>
+</svg>

package/dist/zonos-elements/index.esm.js

@@ -0,0 +1 @@
+import{l as e,a as n}from"./p-eaa335e1.js";const o="https://js.stripe.com/v3",t=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,s="loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";let i=null;const l=Promise.resolve().then((()=>{return e=null,null!==i||(i=new Promise(((i,l)=>{if("undefined"!=typeof window&&"undefined"!=typeof document)if(window.Stripe&&e&&console.warn(s),window.Stripe)i(window.Stripe);else try{let r=(()=>{const e=document.querySelectorAll(`script[src^="${o}"]`);for(let n=0;n<e.length;n++){const o=e[n];if(o&&t.test(o.src))return o}return null})();r&&e?console.warn(s):r||(r=(e=>{const t=e&&!e.advancedFraudSignals?"?advancedFraudSignals=false":"",s=document.createElement("script");s.src=`${o}${t}`;const i=document.head||document.body;return i?(i.appendChild(s),s):(n("Expected document.body not to be null. Stripe.js requires a <body> element."),null)})(e)),null==r||r.addEventListener("load",(()=>{window.Stripe?i(window.Stripe):l(new Error("Stripe.js not available"))})),null==r||r.addEventListener("error",(()=>{l(new Error("Failed to load Stripe.js"))}))}catch(e){return void l(e)}else i(null)}))),i;var e}));let r=!1;var c;l.catch((e=>{r||console.warn(e)}));const d=(()=>{if("undefined"==typeof document)return null;const e=document.querySelector('script[src*="/zonos.js"]'),{currentLoadScriptUrl:n,isWhiteListed:o}=(({loadScriptSrc:e})=>{if(!e)return{currentLoadScriptUrl:"",isForceLoadVersionDomain:!1,isWhiteListed:!1};const n=new URL(e).origin,o=["dev.elements.zonos.com",".js.zonos.com","zonos-elements-test-git","zonos-elements-git"].some((e=>n.includes(e))),t=["qa.js.zonos.com"].some((e=>n.includes(e)));return{currentLoadScriptUrl:n,isForceLoadVersionDomain:t,isWhiteListed:o}})({loadScriptSrc:null==e?void 0:e.src});return o?n:null})()||"https://v1.3.18-alpha.3.js.zonos.com",a="https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.18-alpha.3",u="https://rsms.me",m="https://fonts.googleapis.com",p=/^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;class w{}c=w,w.doneInit=!1,w.debug="undefined"!=typeof window&&!!window.location.search.match(/\?.*(&*)zonosDebug=1/),w.zonosConversionTest="undefined"!=typeof window&&!!window.location.search.match(/\?.*(&*)zonosConversionTest/),w.isBigCommerce=!1,w.isNpm=!0,w.internationalHideSelector="",w.zonosQaUrl=null,w.version="v1.3.18-alpha.3",w.modeAlerted=!1,w.tempCartData=null,w.getCurrentTimestamp=()=>(new Date).getTime(),w.zonosController=null,w.init=async({appearance:o,checkoutSettings:t,currencyConverter:s,helloSettings:i,onCountryChange:l,storeId:r,zonosApiKey:d})=>{c.doneInit||(e(`====== ZONOS DEBUG MODE: on (${c.version}) ======`),d?(c.zonosApiKey=d,c.storeId=r,e("init zonos"),c.injectSentryScript(),c.injectZonosCdn(),c.injectZonosCss(),c.injectFonts(),c.injectController({config:{appearance:o,checkoutSettings:t,currencyConverter:s,helloSettings:i,onCountryChange:l},zonosApiKey:d}),c.doneInit=!0):n("Missing Zonos API key"))},w.displayCurrency=()=>{const e=document.querySelector("zonos-hello");e&&e.displayCurrency()},w.openHelloDialog=e=>{const n=document.querySelector("zonos-hello");n&&n.openHelloDialog(null==e||e)},w.showNotification=e=>{var n;null===(n=c.zonosController)||void 0===n||n.showNotification(e)},w.updateOrganizationName=e=>{var n;null===(n=c.zonosController)||void 0===n||n.updateOrganizationName(e)},w.disablePlaceOrderButtons=({autoEnable:e=!0,disable:n,placeOrderButtonSelector:o})=>{if(o){const t=document.querySelectorAll(o),s=e=>{e.target.getAttribute("disabled")&&(e.preventDefault(),e.stopPropagation())};t.forEach((e=>{e.getAttribute("data-zonos-checkout-attached")||(n?(e.setAttribute("disabled","true"),e.addEventListener("click",s)):(e.removeAttribute("disabled"),e.removeEventListener("click",s)))})),e&&n&&setTimeout((()=>{t.forEach((e=>{e.removeAttribute("disabled"),e.removeEventListener("click",s)}))}),5e3)}},w.injectController=({config:o,zonosApiKey:t})=>{var s;if(document.querySelector("zonos-controller"))return;if(null===(s=o.checkoutSettings)||void 0===s?void 0:s.placeOrderButtonSelector){const e=o.checkoutSettings.placeOrderButtonSelector;c.disablePlaceOrderButtons({disable:!0,placeOrderButtonSelector:e}),new MutationObserver((()=>{c.disablePlaceOrderButtons({disable:!0,placeOrderButtonSelector:e})})).observe(document.body,{childList:!0,subtree:!0})}const i=document.createElement("zonos-controller");i.config=o,i.zonosApiKey=t,i.addEventListener("stripeInitEvent",(async o=>{const{detail:t}=o;e("loading Stripe");const s=await(async(...e)=>{r=!0;const n=Date.now();return l.then((o=>((e,n,o)=>{if(null===e)return null;const t=e.apply(void 0,n);return((e,n)=>{e&&e._registerWrapper&&e._registerWrapper({name:"stripe-js",startTime:n})})(t,o),t})(o,e,n)))})(t.publishableKey);s?(window.Zonos.stripe=s,i.initCheckoutElement(s)):n("API seems to be invalid or missing. Failed to load Stripe")})),document.body.appendChild(i),c.zonosController=i,e("Zonos controller injected!")},w.injectSentryScript=()=>{const o="https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js";if(document.querySelector(`script[src="${o}"]`))return void e("Sentry script already exists in the document","warn");const t=document.head||document.body,s=document.createElement("script");s.crossOrigin="anonymous",s.src=o,s.integrity="sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l",s.setAttribute("data-lazy","no"),s.onerror=()=>{n(`Failed to load ${s.src}`)},s.onload=()=>{var e;null===(e=window.Sentry)||void 0===e||e.init({beforeSend(e){var n,o,t,s,i,l;const r=null===(l=null===(i=null===(s=null===(t=null===(o=null===(n=e.exception)||void 0===n?void 0:n.values)||void 0===o?void 0:o[0])||void 0===t?void 0:t.stacktrace)||void 0===s?void 0:s.frames)||void 0===i?void 0:i[0])||void 0===l?void 0:l.filename,c=(null==r?void 0:r.includes("js.zonos.com"))||(null==r?void 0:r.includes("@zonos/elements")),d=window.location.href.includes("dev.elements")||window.location.href.includes("route.js.zonos.com");return c&&!d?e:null},dsn:"https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760",ignoreErrors:["Failed to load Stripe.js"],release:`zonos-elements@${c.version}`,tracesSampler:()=>.01})},t.appendChild(s)},w.injectScript=({fallBackDomain:o,isModule:t,scriptDomain:s,theRestUrl:i})=>{const l=`${s}/${i}`;if(document.querySelector(`script[src="${l}"]`))return void e(`Zonos script "${l}" already exists in the document`,"warn");const r=document.head||document.body,d=document.createElement("script");t?d.type="module":d.noModule=!0,d.src=l,d.crossOrigin="anonymous",d.onerror=()=>{/\/\/v\d+\./g.test(s)?(o&&c.injectScript({isModule:t,scriptDomain:o,theRestUrl:i}),n(`Failed to load ${d.src}`)):e("No need to fallback since this is not a versioned domain","warn")},r.appendChild(d)},w.getZonosUrl=()=>c.isNpm&&(()=>{if("undefined"==typeof window)return null;const n=(e=>{if(!e)return null;const n=new URL(e).searchParams.get("zonosQaUrl");return n?/[^a-zA-Z0-9-_]+/.test(n)?null:n:null})(window.location.href);if(!n)return null;if("dev-elements"===n)return"https://dev.elements.zonos.com";const o=`https://${n}.preview.js.zonos.com`;return e(`[ZONOS-WARNING] using '${o}' for loading script`,"warn"),fetch(o).then((()=>{window.sessionStorage.removeItem("zonos--checkout-session-id"),window.sessionStorage.removeItem("zonos--client-secret")})).catch((()=>{alert(`[ZONOS-WARNING] '${o}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);const e=new URLSearchParams(window.location.search);e.delete("zonosQaUrl");const{pathname:n}=window.location,t=`${n}?${e.toString()}`;return window.history.replaceState({},"",t),window.location.reload(),null})),o})()||d,w.injectZonosCdn=()=>{const n=c.getZonosUrl();c.injectScript({fallBackDomain:a,isModule:!0,scriptDomain:n,theRestUrl:"dist/zonos-elements/zonos-elements.esm.js"}),c.injectScript({fallBackDomain:a,isModule:!1,scriptDomain:n,theRestUrl:"dist/zonos-elements/zonos-elements.js"}),e("Zonos cdn script injected!")},w.injectStylesheet=({fallBackDomain:o,stylesheetDomain:t,theRestUrl:s})=>{const i=document.head||document.body,l=document.createElement("link");l.rel="preconnect",l.href=`${d}/`,i.appendChild(l);const r=document.createElement("link");r.rel="stylesheet",r.href=`${t}/${s}`,r.onerror=()=>{const i=/\/\/v\d+\./g.test(t);i?(o&&i&&c.injectStylesheet({stylesheetDomain:o,theRestUrl:s}),n(`Failed to load ${r.href}`)):e("No need to fallback since this is not a versioned domain","warn")},i.appendChild(r)},w.injectZonosCss=()=>{document.querySelector('link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]')?e("Zonos style links already injected","warn"):(c.injectStylesheet({fallBackDomain:a,stylesheetDomain:d,theRestUrl:"dist/zonos-elements/zonos-elements.css"}),e("Zonos style css injected!"))},w.injectFonts=()=>{if((()=>{const e=document.querySelectorAll(`link[rel="stylesheet"][href^="${u}"]`);for(let n=0;n<e.length;n++){const o=e[n];if(o&&!p.test(o.href))return o}return null})())return void e("Inter font already injected","warn");const n=document.head||document.body,o=document.createElement("link");o.rel="preconnect",o.href=u,n.appendChild(o);const t=document.createElement("link");t.rel="stylesheet",t.href=`${u}/inter/inter.css`,n.appendChild(t),e("Zonos font injected!")},w.setupGoogleFont=e=>{var n;null===(n=c.zonosController)||void 0===n||n.setupGoogleFont(e)},w.injectSupportGoogleFont=n=>{var o;e(`[FONT] injecting ${n}`);const t=null===(o=n.match(/family=(.*?):/))||void 0===o?void 0:o[1],s=document.head||document.body;if(!document.querySelector(`link[rel="preconnect"][href^="${m}"]`)){const e=document.createElement("link");e.rel="preconnect",e.href=m,s.appendChild(e)}if(document.querySelector(`link[rel="stylesheet"][href="${n}"]`))return void e(`[FONT] ${t} font already injected`,"warn");const i=document.createElement("link");i.rel="stylesheet",i.href=n,s.appendChild(i),e(`[FONT] ${t} font injected!`)};export{w as Zonos}