@zonos/elements 1.3.218 → 1.3.220

package/dist/types/components.d.ts

@@ -20,6 +20,7 @@ import { TabItem, TabItems } from "./components/store/checkout/cart";
 import { LoadZonosParamsConfig } from "./scripts/_zonosBase";
 import { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
 import { CustomAddressErrors } from "./types/checkout/form/CustomAddressErrors";
+import { GridSpacing } from "./types/styles/GridSpacing";
 import { ICountryJson } from "./types/ICountryJson";
 import { RestrictedItem } from "./types/hello/RestrictedItem";
 import { AppearanceConfig as AppearanceConfig1 } from "./components.d";
@@ -28,7 +29,6 @@ import { ShippingRichRadioItem } from "./components/common/zonos-shipping-rich-r
 import { SpinnerColor } from "./components/common/zonos-spinner/zonos-spinner";
 import { GenericZonosSettings } from "./types/utils/ZonosSettings";
 import { ToggleItem } from "./types/common-ui/Toggle";
-import { GridSpacing } from "./types/styles/GridSpacing";
 import { VirtualScrollRenderItem } from "./types/common-ui/VirtualScroll";
 export { ContactOption, PaymentIntent, Stripe, StripeAddressElementChangeEvent } from "@stripe/stripe-js";
 export { EnteredInfo, TranslatedAddressObject } from "./types/checkout/TranslatedText";
@@ -45,6 +45,7 @@ export { TabItem, TabItems } from "./components/store/checkout/cart";
 export { LoadZonosParamsConfig } from "./scripts/_zonosBase";
 export { NotificationInit } from "./components/common/zonos-notification/zonos-notification";
 export { CustomAddressErrors } from "./types/checkout/form/CustomAddressErrors";
+export { GridSpacing } from "./types/styles/GridSpacing";
 export { ICountryJson } from "./types/ICountryJson";
 export { RestrictedItem } from "./types/hello/RestrictedItem";
 export { AppearanceConfig as AppearanceConfig1 } from "./components.d";
@@ -53,7 +54,6 @@ export { ShippingRichRadioItem } from "./components/common/zonos-shipping-rich-r
 export { SpinnerColor } from "./components/common/zonos-spinner/zonos-spinner";
 export { GenericZonosSettings } from "./types/utils/ZonosSettings";
 export { ToggleItem } from "./types/common-ui/Toggle";
-export { GridSpacing } from "./types/styles/GridSpacing";
 export { VirtualScrollRenderItem } from "./types/common-ui/VirtualScroll";
 export namespace Components {
     interface ZonosAddress {
@@ -499,6 +499,102 @@ export namespace Components {
          */
         "collapsed": boolean;
     }
+    interface ZonosCollect {
+        /**
+          * Flag to determine if the checkout is on mobile
+         */
+        "mobile": boolean;
+        /**
+          * Whether or not the component is being rendered with tablet styles
+         */
+        "tablet": boolean;
+    }
+    interface ZonosCollectCartItems {
+    }
+    interface ZonosCollectFinish {
+        /**
+          * The border radius style of the dialog
+         */
+        "borderRadius": ElementsUiStyle;
+        /**
+          * The confirmation id for the collect order
+         */
+        "confirmationId": string | null;
+        /**
+          * Override the notification message and title, bypass checking stripe payment status
+         */
+        "overrideNotification"?: {
+    messages: string[];
+    title: string;
+    type: 'success' | 'error';
+  };
+        /**
+          * Force status to test the UI for storybook
+         */
+        "storybookForceStatus"?: PaymentIntent['status'];
+    }
+    interface ZonosCollectFooter {
+        /**
+          * Theme to change the color of the logo
+         */
+        "dataTheme"?: ElementsUiTheme;
+        /**
+          * Override mobile mode
+         */
+        "mobile": boolean;
+        /**
+          * Override tablet mode
+         */
+        "tablet": boolean;
+    }
+    interface ZonosCollectOrderDetails {
+        /**
+          * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+         */
+        "collapsed": boolean;
+        /**
+          * The landed cost id that is used to fetch the shipping address
+         */
+        "landedCostId": string;
+        /**
+          * Whether or not the component is being rendered with mobile styles
+         */
+        "mobile": boolean;
+    }
+    interface ZonosCollectPayment {
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading": boolean;
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosCollectReview {
+        /**
+          * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+         */
+        "collapsed": boolean;
+        /**
+          * Whether or not the component is being rendered with mobile styles
+         */
+        "mobile": boolean;
+        /**
+          * Whether or not the component is being rendered with tablet styles
+         */
+        "tablet": boolean;
+    }
+    interface ZonosCollectSubtotal {
+    }
     interface ZonosComponent {
         /**
           * The first name
@@ -578,6 +674,10 @@ export namespace Components {
           * Method to initialize checkout element
          */
         "initCheckoutElement": (stripe: Stripe) => Promise<void>;
+        /**
+          * Method to initialize Collect element
+         */
+        "initCollectElement": (stripe: Stripe) => Promise<void>;
         /**
           * Override the setting
           * @param config config that need to override the default setting
@@ -755,6 +855,13 @@ export namespace Components {
          */
         "theme": ElementsUiTheme;
     }
+    interface ZonosHStack {
+        /**
+          * The spacing between elements in the stack
+          * @default 24
+         */
+        "spacing": GridSpacing;
+    }
     interface ZonosHello {
         /**
           * Force left animation instead of detecting which side has more space
@@ -1050,6 +1157,22 @@ export namespace Components {
          */
         "theme"?: ElementsUiTheme;
     }
+    interface ZonosSkeleton {
+        /**
+          * Callback for when the skeleton is dismissed. Also determines if dismiss icon shown.
+         */
+        "dismissHandler"?: () => void;
+        /**
+          * The height of the skeleton
+          * @default '14px'
+         */
+        "skeletonHeight"?: string;
+        /**
+          * The width of the skeleton
+          * @default '100%'
+         */
+        "skeletonWidth": string;
+    }
     interface ZonosSpinner {
         /**
           * The size of the spinner
@@ -1321,6 +1444,18 @@ export interface ZonosCheckoutPaymentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosCheckoutPaymentElement;
 }
+export interface ZonosCollectFinishCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCollectFinishElement;
+}
+export interface ZonosCollectOrderDetailsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCollectOrderDetailsElement;
+}
+export interface ZonosCollectPaymentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCollectPaymentElement;
+}
 export interface ZonosConfirmDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosConfirmDialogElement;
@@ -1577,6 +1712,89 @@ declare global {
         prototype: HTMLZonosCollapseElement;
         new (): HTMLZonosCollapseElement;
     };
+    interface HTMLZonosCollectElement extends Components.ZonosCollect, HTMLStencilElement {
+    }
+    var HTMLZonosCollectElement: {
+        prototype: HTMLZonosCollectElement;
+        new (): HTMLZonosCollectElement;
+    };
+    interface HTMLZonosCollectCartItemsElement extends Components.ZonosCollectCartItems, HTMLStencilElement {
+    }
+    var HTMLZonosCollectCartItemsElement: {
+        prototype: HTMLZonosCollectCartItemsElement;
+        new (): HTMLZonosCollectCartItemsElement;
+    };
+    interface HTMLZonosCollectFinishElementEventMap {
+        "closeClick": void;
+    }
+    interface HTMLZonosCollectFinishElement extends Components.ZonosCollectFinish, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosCollectFinishElementEventMap>(type: K, listener: (this: HTMLZonosCollectFinishElement, ev: ZonosCollectFinishCustomEvent<HTMLZonosCollectFinishElementEventMap[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 HTMLZonosCollectFinishElementEventMap>(type: K, listener: (this: HTMLZonosCollectFinishElement, ev: ZonosCollectFinishCustomEvent<HTMLZonosCollectFinishElementEventMap[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 HTMLZonosCollectFinishElement: {
+        prototype: HTMLZonosCollectFinishElement;
+        new (): HTMLZonosCollectFinishElement;
+    };
+    interface HTMLZonosCollectFooterElement extends Components.ZonosCollectFooter, HTMLStencilElement {
+    }
+    var HTMLZonosCollectFooterElement: {
+        prototype: HTMLZonosCollectFooterElement;
+        new (): HTMLZonosCollectFooterElement;
+    };
+    interface HTMLZonosCollectOrderDetailsElementEventMap {
+        "collapseClicked": boolean;
+    }
+    interface HTMLZonosCollectOrderDetailsElement extends Components.ZonosCollectOrderDetails, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosCollectOrderDetailsElementEventMap>(type: K, listener: (this: HTMLZonosCollectOrderDetailsElement, ev: ZonosCollectOrderDetailsCustomEvent<HTMLZonosCollectOrderDetailsElementEventMap[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 HTMLZonosCollectOrderDetailsElementEventMap>(type: K, listener: (this: HTMLZonosCollectOrderDetailsElement, ev: ZonosCollectOrderDetailsCustomEvent<HTMLZonosCollectOrderDetailsElementEventMap[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 HTMLZonosCollectOrderDetailsElement: {
+        prototype: HTMLZonosCollectOrderDetailsElement;
+        new (): HTMLZonosCollectOrderDetailsElement;
+    };
+    interface HTMLZonosCollectPaymentElementEventMap {
+        "continueClicked": void;
+        "paypalSessionFailed": void;
+        "paypalSessionDone": string;
+    }
+    interface HTMLZonosCollectPaymentElement extends Components.ZonosCollectPayment, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosCollectPaymentElementEventMap>(type: K, listener: (this: HTMLZonosCollectPaymentElement, ev: ZonosCollectPaymentCustomEvent<HTMLZonosCollectPaymentElementEventMap[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 HTMLZonosCollectPaymentElementEventMap>(type: K, listener: (this: HTMLZonosCollectPaymentElement, ev: ZonosCollectPaymentCustomEvent<HTMLZonosCollectPaymentElementEventMap[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 HTMLZonosCollectPaymentElement: {
+        prototype: HTMLZonosCollectPaymentElement;
+        new (): HTMLZonosCollectPaymentElement;
+    };
+    interface HTMLZonosCollectReviewElement extends Components.ZonosCollectReview, HTMLStencilElement {
+    }
+    var HTMLZonosCollectReviewElement: {
+        prototype: HTMLZonosCollectReviewElement;
+        new (): HTMLZonosCollectReviewElement;
+    };
+    interface HTMLZonosCollectSubtotalElement extends Components.ZonosCollectSubtotal, HTMLStencilElement {
+    }
+    var HTMLZonosCollectSubtotalElement: {
+        prototype: HTMLZonosCollectSubtotalElement;
+        new (): HTMLZonosCollectSubtotalElement;
+    };
     interface HTMLZonosComponentElement extends Components.ZonosComponent, HTMLStencilElement {
     }
     var HTMLZonosComponentElement: {
@@ -1714,6 +1932,12 @@ declare global {
         prototype: HTMLZonosEmptyStatePaymentElement;
         new (): HTMLZonosEmptyStatePaymentElement;
     };
+    interface HTMLZonosHStackElement extends Components.ZonosHStack, HTMLStencilElement {
+    }
+    var HTMLZonosHStackElement: {
+        prototype: HTMLZonosHStackElement;
+        new (): HTMLZonosHStackElement;
+    };
     interface HTMLZonosHelloElement extends Components.ZonosHello, HTMLStencilElement {
     }
     var HTMLZonosHelloElement: {
@@ -1889,6 +2113,12 @@ declare global {
         prototype: HTMLZonosShippingRichRadioElement;
         new (): HTMLZonosShippingRichRadioElement;
     };
+    interface HTMLZonosSkeletonElement extends Components.ZonosSkeleton, HTMLStencilElement {
+    }
+    var HTMLZonosSkeletonElement: {
+        prototype: HTMLZonosSkeletonElement;
+        new (): HTMLZonosSkeletonElement;
+    };
     interface HTMLZonosSpinnerElement extends Components.ZonosSpinner, HTMLStencilElement {
     }
     var HTMLZonosSpinnerElement: {
@@ -2022,6 +2252,14 @@ declare global {
         "zonos-checkout-payment": HTMLZonosCheckoutPaymentElement;
         "zonos-checkout-progress-tabs": HTMLZonosCheckoutProgressTabsElement;
         "zonos-collapse": HTMLZonosCollapseElement;
+        "zonos-collect": HTMLZonosCollectElement;
+        "zonos-collect-cart-items": HTMLZonosCollectCartItemsElement;
+        "zonos-collect-finish": HTMLZonosCollectFinishElement;
+        "zonos-collect-footer": HTMLZonosCollectFooterElement;
+        "zonos-collect-order-details": HTMLZonosCollectOrderDetailsElement;
+        "zonos-collect-payment": HTMLZonosCollectPaymentElement;
+        "zonos-collect-review": HTMLZonosCollectReviewElement;
+        "zonos-collect-subtotal": HTMLZonosCollectSubtotalElement;
         "zonos-component": HTMLZonosComponentElement;
         "zonos-confirm-dialog": HTMLZonosConfirmDialogElement;
         "zonos-controller": HTMLZonosControllerElement;
@@ -2033,6 +2271,7 @@ declare global {
         "zonos-customer-info": HTMLZonosCustomerInfoElement;
         "zonos-dialog": HTMLZonosDialogElement;
         "zonos-empty-state-payment": HTMLZonosEmptyStatePaymentElement;
+        "zonos-h-stack": HTMLZonosHStackElement;
         "zonos-hello": HTMLZonosHelloElement;
         "zonos-hello-dialog": HTMLZonosHelloDialogElement;
         "zonos-hello-dialog-footer": HTMLZonosHelloDialogFooterElement;
@@ -2051,6 +2290,7 @@ declare global {
         "zonos-select-dialog-header": HTMLZonosSelectDialogHeaderElement;
         "zonos-shipping": HTMLZonosShippingElement;
         "zonos-shipping-rich-radio": HTMLZonosShippingRichRadioElement;
+        "zonos-skeleton": HTMLZonosSkeletonElement;
         "zonos-spinner": HTMLZonosSpinnerElement;
         "zonos-stripe-input": HTMLZonosStripeInputElement;
         "zonos-stripe-phone-input": HTMLZonosStripePhoneInputElement;
@@ -2522,6 +2762,122 @@ declare namespace LocalJSX {
          */
         "collapsed"?: boolean;
     }
+    interface ZonosCollect {
+        /**
+          * Flag to determine if the checkout is on mobile
+         */
+        "mobile"?: boolean;
+        /**
+          * Whether or not the component is being rendered with tablet styles
+         */
+        "tablet"?: boolean;
+    }
+    interface ZonosCollectCartItems {
+    }
+    interface ZonosCollectFinish {
+        /**
+          * The border radius style of the dialog
+         */
+        "borderRadius"?: ElementsUiStyle;
+        /**
+          * The confirmation id for the collect order
+         */
+        "confirmationId"?: string | null;
+        /**
+          * Event to emit when the continue button is clicked
+         */
+        "onCloseClick"?: (event: ZonosCollectFinishCustomEvent<void>) => void;
+        /**
+          * Override the notification message and title, bypass checking stripe payment status
+         */
+        "overrideNotification"?: {
+    messages: string[];
+    title: string;
+    type: 'success' | 'error';
+  };
+        /**
+          * Force status to test the UI for storybook
+         */
+        "storybookForceStatus"?: PaymentIntent['status'];
+    }
+    interface ZonosCollectFooter {
+        /**
+          * Theme to change the color of the logo
+         */
+        "dataTheme"?: ElementsUiTheme;
+        /**
+          * Override mobile mode
+         */
+        "mobile"?: boolean;
+        /**
+          * Override tablet mode
+         */
+        "tablet"?: boolean;
+    }
+    interface ZonosCollectOrderDetails {
+        /**
+          * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+         */
+        "collapsed": boolean;
+        /**
+          * The landed cost id that is used to fetch the shipping address
+         */
+        "landedCostId"?: string;
+        /**
+          * Whether or not the component is being rendered with mobile styles
+         */
+        "mobile"?: boolean;
+        /**
+          * Emits the collapsed state of the zonos-collapse component
+         */
+        "onCollapseClicked"?: (event: ZonosCollectOrderDetailsCustomEvent<boolean>) => void;
+    }
+    interface ZonosCollectPayment {
+        /**
+          * Whether or not the continue button is loading
+         */
+        "continueLoading"?: boolean;
+        /**
+          * Event to emit when the continue button is clicked
+         */
+        "onContinueClicked"?: (event: ZonosCollectPaymentCustomEvent<void>) => void;
+        /**
+          * Event to emit when the paypal session is done
+         */
+        "onPaypalSessionDone"?: (event: ZonosCollectPaymentCustomEvent<string>) => void;
+        /**
+          * Event to emit when the paypal session failed
+         */
+        "onPaypalSessionFailed"?: (event: ZonosCollectPaymentCustomEvent<void>) => void;
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Submit button main color
+         */
+        "submitBtnColor"?: string;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "submitBtnType"?: HTMLZonosButtonElement['variant'];
+    }
+    interface ZonosCollectReview {
+        /**
+          * Whether or not to show the collapse icon This is controled from the collapsed state of the zonos-collapse component to show the collapse icon
+         */
+        "collapsed"?: boolean;
+        /**
+          * Whether or not the component is being rendered with mobile styles
+         */
+        "mobile"?: boolean;
+        /**
+          * Whether or not the component is being rendered with tablet styles
+         */
+        "tablet"?: boolean;
+    }
+    interface ZonosCollectSubtotal {
+    }
     interface ZonosComponent {
         /**
           * The first name
@@ -2793,6 +3149,13 @@ declare namespace LocalJSX {
          */
         "theme"?: ElementsUiTheme;
     }
+    interface ZonosHStack {
+        /**
+          * The spacing between elements in the stack
+          * @default 24
+         */
+        "spacing"?: GridSpacing;
+    }
     interface ZonosHello {
         /**
           * Force left animation instead of detecting which side has more space
@@ -3083,6 +3446,22 @@ declare namespace LocalJSX {
          */
         "theme"?: ElementsUiTheme;
     }
+    interface ZonosSkeleton {
+        /**
+          * Callback for when the skeleton is dismissed. Also determines if dismiss icon shown.
+         */
+        "dismissHandler"?: () => void;
+        /**
+          * The height of the skeleton
+          * @default '14px'
+         */
+        "skeletonHeight"?: string;
+        /**
+          * The width of the skeleton
+          * @default '100%'
+         */
+        "skeletonWidth"?: string;
+    }
     interface ZonosSpinner {
         /**
           * The size of the spinner
@@ -3367,6 +3746,14 @@ declare namespace LocalJSX {
         "zonos-checkout-payment": ZonosCheckoutPayment;
         "zonos-checkout-progress-tabs": ZonosCheckoutProgressTabs;
         "zonos-collapse": ZonosCollapse;
+        "zonos-collect": ZonosCollect;
+        "zonos-collect-cart-items": ZonosCollectCartItems;
+        "zonos-collect-finish": ZonosCollectFinish;
+        "zonos-collect-footer": ZonosCollectFooter;
+        "zonos-collect-order-details": ZonosCollectOrderDetails;
+        "zonos-collect-payment": ZonosCollectPayment;
+        "zonos-collect-review": ZonosCollectReview;
+        "zonos-collect-subtotal": ZonosCollectSubtotal;
         "zonos-component": ZonosComponent;
         "zonos-confirm-dialog": ZonosConfirmDialog;
         "zonos-controller": ZonosController;
@@ -3378,6 +3765,7 @@ declare namespace LocalJSX {
         "zonos-customer-info": ZonosCustomerInfo;
         "zonos-dialog": ZonosDialog;
         "zonos-empty-state-payment": ZonosEmptyStatePayment;
+        "zonos-h-stack": ZonosHStack;
         "zonos-hello": ZonosHello;
         "zonos-hello-dialog": ZonosHelloDialog;
         "zonos-hello-dialog-footer": ZonosHelloDialogFooter;
@@ -3396,6 +3784,7 @@ declare namespace LocalJSX {
         "zonos-select-dialog-header": ZonosSelectDialogHeader;
         "zonos-shipping": ZonosShipping;
         "zonos-shipping-rich-radio": ZonosShippingRichRadio;
+        "zonos-skeleton": ZonosSkeleton;
         "zonos-spinner": ZonosSpinner;
         "zonos-stripe-input": ZonosStripeInput;
         "zonos-stripe-phone-input": ZonosStripePhoneInput;
@@ -3430,6 +3819,14 @@ declare module "@stencil/core" {
             "zonos-checkout-payment": LocalJSX.ZonosCheckoutPayment & JSXBase.HTMLAttributes<HTMLZonosCheckoutPaymentElement>;
             "zonos-checkout-progress-tabs": LocalJSX.ZonosCheckoutProgressTabs & JSXBase.HTMLAttributes<HTMLZonosCheckoutProgressTabsElement>;
             "zonos-collapse": LocalJSX.ZonosCollapse & JSXBase.HTMLAttributes<HTMLZonosCollapseElement>;
+            "zonos-collect": LocalJSX.ZonosCollect & JSXBase.HTMLAttributes<HTMLZonosCollectElement>;
+            "zonos-collect-cart-items": LocalJSX.ZonosCollectCartItems & JSXBase.HTMLAttributes<HTMLZonosCollectCartItemsElement>;
+            "zonos-collect-finish": LocalJSX.ZonosCollectFinish & JSXBase.HTMLAttributes<HTMLZonosCollectFinishElement>;
+            "zonos-collect-footer": LocalJSX.ZonosCollectFooter & JSXBase.HTMLAttributes<HTMLZonosCollectFooterElement>;
+            "zonos-collect-order-details": LocalJSX.ZonosCollectOrderDetails & JSXBase.HTMLAttributes<HTMLZonosCollectOrderDetailsElement>;
+            "zonos-collect-payment": LocalJSX.ZonosCollectPayment & JSXBase.HTMLAttributes<HTMLZonosCollectPaymentElement>;
+            "zonos-collect-review": LocalJSX.ZonosCollectReview & JSXBase.HTMLAttributes<HTMLZonosCollectReviewElement>;
+            "zonos-collect-subtotal": LocalJSX.ZonosCollectSubtotal & JSXBase.HTMLAttributes<HTMLZonosCollectSubtotalElement>;
             "zonos-component": LocalJSX.ZonosComponent & JSXBase.HTMLAttributes<HTMLZonosComponentElement>;
             "zonos-confirm-dialog": LocalJSX.ZonosConfirmDialog & JSXBase.HTMLAttributes<HTMLZonosConfirmDialogElement>;
             "zonos-controller": LocalJSX.ZonosController & JSXBase.HTMLAttributes<HTMLZonosControllerElement>;
@@ -3441,6 +3838,7 @@ declare module "@stencil/core" {
             "zonos-customer-info": LocalJSX.ZonosCustomerInfo & JSXBase.HTMLAttributes<HTMLZonosCustomerInfoElement>;
             "zonos-dialog": LocalJSX.ZonosDialog & JSXBase.HTMLAttributes<HTMLZonosDialogElement>;
             "zonos-empty-state-payment": LocalJSX.ZonosEmptyStatePayment & JSXBase.HTMLAttributes<HTMLZonosEmptyStatePaymentElement>;
+            "zonos-h-stack": LocalJSX.ZonosHStack & JSXBase.HTMLAttributes<HTMLZonosHStackElement>;
             "zonos-hello": LocalJSX.ZonosHello & JSXBase.HTMLAttributes<HTMLZonosHelloElement>;
             "zonos-hello-dialog": LocalJSX.ZonosHelloDialog & JSXBase.HTMLAttributes<HTMLZonosHelloDialogElement>;
             "zonos-hello-dialog-footer": LocalJSX.ZonosHelloDialogFooter & JSXBase.HTMLAttributes<HTMLZonosHelloDialogFooterElement>;
@@ -3459,6 +3857,7 @@ declare module "@stencil/core" {
             "zonos-select-dialog-header": LocalJSX.ZonosSelectDialogHeader & JSXBase.HTMLAttributes<HTMLZonosSelectDialogHeaderElement>;
             "zonos-shipping": LocalJSX.ZonosShipping & JSXBase.HTMLAttributes<HTMLZonosShippingElement>;
             "zonos-shipping-rich-radio": LocalJSX.ZonosShippingRichRadio & JSXBase.HTMLAttributes<HTMLZonosShippingRichRadioElement>;
+            "zonos-skeleton": LocalJSX.ZonosSkeleton & JSXBase.HTMLAttributes<HTMLZonosSkeletonElement>;
             "zonos-spinner": LocalJSX.ZonosSpinner & JSXBase.HTMLAttributes<HTMLZonosSpinnerElement>;
             /**
              * This component is input that has similar style to Stripe since we will use it with other Stripe elements when we don't want to use Link authentication element

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

@@ -209,6 +209,10 @@ export interface Zonos {
      */
     iframeLogType: string | null;
     isBigCommerce: boolean;
+    /**
+     * This will be set to true when it's called form collect
+     */
+    isCollect: boolean;
     /**
      * This will be set to true when it's called form legacy checkout
      */
@@ -281,6 +285,7 @@ export declare abstract class Zonos {
     static domain: string;
     static showBaseForeign: boolean;
     static overrideUseCustomAddressForm: boolean;
+    static isCollect: boolean;
     /**
      * By default, the package will load from npm
      */

package/dist/types/scripts/cart/_setupCartDataWithSettings.d.ts

@@ -62,6 +62,11 @@ export declare const setupCartDataWithSettings: (cartId: string) => Promise<{
                     storeId: number | null;
                 } | null;
             } | null;
+            references: {
+                checkoutSessionId: string | null;
+                landedCostId: string | null;
+            } | null;
+            type: import("../../types/generated/graphql.internal.types").CartType | null;
         };
         checkoutSettings: {
             allowedCharacterSets: import("../../types/generated/graphql.internal.types").AllowedCharacterSets;

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

@@ -1,4 +1,4 @@
-import type { CheckoutSessionBaseCurrencyUpdateMutation, CheckoutSessionPaymentIntentCreateMutation, CountryCode, CurrencyCode, GetCheckoutSessionQuery } from "../../generated/graphql.internal.types";
+import type { CheckoutSessionBaseCurrencyUpdateMutation, CheckoutSessionPaymentIntentCreateMutation, CountryCode, CurrencyCode, GetCheckoutSessionQuery, GetCollectCheckoutSessionQuery } from "../../generated/graphql.internal.types";
 export type GetCheckoutSessionRequest = {
     checkoutSessionId: string;
 };
@@ -58,6 +58,10 @@ export type CheckoutSessionCreateRequest = {
      * The one-time password for the customer's authentication.
      */
     customerAuthenticationToken?: string;
+    /**
+     * Whether the checkout session is for collect.
+     */
+    isCollect?: boolean;
     itemsAmount: number;
     metadata: CheckoutSessionUpdateMetadata;
     presentmentCountryCode: CountryCode | null;
@@ -73,4 +77,8 @@ export type CheckoutSessionBaseCurrencyUpdatePayload = {
     currencyCode: CurrencyCode;
 };
 export type CheckoutSessionBaseCurrencyUpdateResponse = CheckoutSessionBaseCurrencyUpdateMutation;
+export type GetCollectCheckoutSessionPayload = {
+    checkoutSessionId: string;
+};
+export type GetCollectCheckoutSessionResponse = GetCollectCheckoutSessionQuery;
 export {};

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

@@ -32,3 +32,27 @@ export type CreatePartyResponse = {
     billToPartyId: string;
     shipToPartyId: string;
 };
+export type CreateBillingPartyRequest = {
+    billingAddress: {
+        city: string;
+        country: CountryCode;
+        firstName: string;
+        lastName: string;
+        line1: string;
+        line2?: string | null;
+        phone: string;
+        postal_code?: string;
+        state?: string;
+    };
+    /**
+     * Checkout session id that the party will be attached to
+     */
+    checkoutSessionId: string;
+    companyName: string;
+    email: string;
+    isTest: boolean;
+    rootId: string;
+};
+export type CreateBillingPartyResponse = {
+    billToPartyId: string;
+};

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

@@ -1,4 +1,4 @@
-import type { CartAdjustmentType, CartCheckoutWorkflowQuery, CountryCode, CurrencyCode, ItemMeasurementType, ItemType, ItemUnitOfMeasure } from "../../generated/graphql.internal.types";
+import type { CartAdjustmentType, CartCheckoutWorkflowQuery, CartType, CountryCode, CurrencyCode, ItemMeasurementType, ItemType, ItemUnitOfMeasure } from "../../generated/graphql.internal.types";
 import type { GenericZonosSettings } from "../../utils/ZonosSettings";
 export type NormalizedItemAttribute = {
     key: string;
@@ -51,8 +51,13 @@ export type NormalizedTempCart = {
         key: string;
         value: string;
     }[];
+    references: {
+        checkoutSessionId?: string | null;
+        landedCostId?: string | null;
+    } | null;
     storeBaseUrl: string;
     storeId: number;
+    type: CartType;
 };
 type Settings = Omit<CartCheckoutWorkflowQuery['cartCheckoutWorkflow'], 'cart'> & {
     genericSettings: GenericZonosSettings | null;