@zonos/elements 1.3.218 → 1.3.220

package/dist/esm-es5/zonos-v-stack.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-55a03023.js";import{f as zonosStoreFontFamily}from"./zonosStore-c456b933.js";import{c as classes}from"./classes-0d95c529.js";import"./VarianceTest-fef2d958.js";var zonosVStackCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";var ZonosVStackStyle0=zonosVStackCss;var VStack=function(){function o(o){registerInstance(this,o);this.spacing=24}o.prototype.render=function(){return h(Host,{key:"558218f6135d5fcc9f3649b76c568a9f514aa8e8",style:{"--zonos--font-family":zonosStoreFontFamily()}},h("div",{key:"86af63aa01214db20cc094ddcbfd05b3ee28f1ed",class:classes(["vstack"]),style:{"grid-row-gap":"".concat(this.spacing,"px")}},h("slot",{key:"4786fb44cbf865a548c900b752f9b13709f1f935"})))};return o}();VStack.style=ZonosVStackStyle0;export{VStack as zonos_v_stack};
+import{r as registerInstance,h,H as Host}from"./index-55a03023.js";import{f as zonosStoreFontFamily}from"./zonosStore-c456b933.js";import{c as classes}from"./classes-0d95c529.js";import"./VarianceTest-fef2d958.js";var zonosVStackCss=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";var ZonosVStackStyle0=zonosVStackCss;var VStack=function(){function o(o){registerInstance(this,o);this.spacing=24}o.prototype.render=function(){return h(Host,{key:"d65f235ba8ffaefff1ec5e5bbd8bba1313e97a83",style:{"--zonos--font-family":zonosStoreFontFamily()}},h("div",{key:"31806036975f9640fdccafcc11053596dd17f4ef",class:classes(["vstack"]),style:{"grid-row-gap":"".concat(this.spacing,"px")}},h("slot",{key:"a3c5a3f592f86cfd9ebb810c72e2e22011ec4758"})))};return o}();VStack.style=ZonosVStackStyle0;export{VStack as zonos_v_stack};

package/dist/scripts/index.d.ts

@@ -180,6 +180,11 @@ declare const cartAdjustmentType: {
     readonly Shipping: "SHIPPING";
 };
 type CartAdjustmentType = (typeof cartAdjustmentType)[keyof typeof cartAdjustmentType];
+declare const cartType: {
+    readonly Checkout: "CHECKOUT";
+    readonly Collect: "COLLECT";
+};
+type CartType = (typeof cartType)[keyof typeof cartType];
 declare const checkoutCompanyFieldsStatus: {
     readonly Disabled: "DISABLED";
     readonly Enabled: "ENABLED";
@@ -767,6 +772,7 @@ declare const landedCostAdjustmentType: {
 };
 type LandedCostAdjustmentType = (typeof landedCostAdjustmentType)[keyof typeof landedCostAdjustmentType];
 declare const landedCostGuaranteeCode: {
+    readonly CollectRemittance: "COLLECT_REMITTANCE";
     readonly InclusivePrice: "INCLUSIVE_PRICE";
     readonly NotApplicable: "NOT_APPLICABLE";
     readonly PostalDdp: "POSTAL_DDP";
@@ -1043,6 +1049,11 @@ type CartCheckoutWorkflowQuery = {
                     storeId: number | null;
                 } | null;
             } | null;
+            references: {
+                checkoutSessionId: string | null;
+                landedCostId: string | null;
+            } | null;
+            type: CartType | null;
         };
         checkoutSettings: {
             allowedCharacterSets: AllowedCharacterSets;
@@ -1144,6 +1155,7 @@ type CartCheckoutWorkflowQuery = {
 type CheckoutSessionDetailsFragment = {
     cartId: string | null;
     clientSecret: string;
+    completedAt: string | null;
     customerProfile: {
         email: string | null;
         locations: Array<{
@@ -1171,12 +1183,59 @@ type CheckoutSessionDetailsFragment = {
             shipping: number;
             taxes: number;
         } | null;
+        appliedAdjustments: Array<{
+            adjustment: {
+                name: string | null;
+                source: AdjustmentSource | null;
+            } | null;
+            amount: number;
+            item: {
+                amount: number;
+            } | null;
+            type: LandedCostAdjustmentType | null;
+        }> | null;
+        currencyCode: CurrencyCode;
+        deMinimis: Array<{
+            formula: string;
+            threshold: DeMinimisThreshold;
+            method: IncotermCode;
+            note: string;
+            type: DeMinimisType;
+        }>;
+        duties: Array<{
+            amount: number;
+            currencyCode: CurrencyCode;
+        }>;
+        fees: Array<{
+            amount: number;
+            currencyCode: CurrencyCode;
+        }>;
         id: string;
         landedCostGuaranteeCode: LandedCostGuaranteeCode;
         method: IncotermCode;
+        remittance: Array<{
+            amount: number;
+            description: string;
+        }>;
+        rootId: string;
         shipmentRating: {
+            amount: number;
+            currencyCode: CurrencyCode;
             displayName: string;
+            id: string;
+            shippingProfile: {
+                transitTime: {
+                    guaranteedDelivery: string | null;
+                    max: number | null;
+                    min: number | null;
+                    type: TransitTypeCode | null;
+                } | null;
+            } | null;
         };
+        taxes: Array<{
+            amount: number;
+            currencyCode: CurrencyCode;
+        }>;
     } | null;
     metadata: Array<{
         key: string;
@@ -1536,6 +1595,8 @@ type NotificationInit = {
     type?: 'error' | 'success' | 'warning';
 };
 
+type GridSpacing = 0 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40;
+
 declare const localeElementsSupportedLocationCodeEnum: {
     readonly Ar: "ar";
     readonly Da: "da";
@@ -1676,8 +1737,6 @@ type ToggleItem<TValue> = {
     value: TValue;
 };
 
-type GridSpacing = 0 | 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40;
-
 type VirtualScrollRenderItem = (itemIndex: number) => HTMLElement | Promise<HTMLElement> | HTMLElement[] | Promise<HTMLElement[]> | Promise<HTMLElement>[];
 
 /* eslint-disable */
@@ -2131,6 +2190,102 @@ declare 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
@@ -2210,6 +2365,10 @@ declare 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
@@ -2387,6 +2546,13 @@ declare 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
@@ -2682,6 +2848,22 @@ declare 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
@@ -2953,6 +3135,18 @@ interface ZonosCheckoutPaymentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosCheckoutPaymentElement;
 }
+interface ZonosCollectFinishCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCollectFinishElement;
+}
+interface ZonosCollectOrderDetailsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCollectOrderDetailsElement;
+}
+interface ZonosCollectPaymentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosCollectPaymentElement;
+}
 interface ZonosConfirmDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosConfirmDialogElement;
@@ -3209,6 +3403,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: {
@@ -3346,6 +3623,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: {
@@ -3521,6 +3804,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: {
@@ -3654,6 +3943,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;
@@ -3665,6 +3962,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;
@@ -3683,6 +3981,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;
@@ -4154,6 +4453,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
@@ -4425,6 +4840,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
@@ -4715,6 +5137,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
@@ -4999,6 +5437,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;
@@ -5010,6 +5456,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;
@@ -5028,6 +5475,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;
@@ -5062,6 +5510,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>;
@@ -5073,6 +5529,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>;
@@ -5091,6 +5548,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
@@ -5223,8 +5681,13 @@ 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;
@@ -5766,6 +6229,10 @@ 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
      */
@@ -5838,6 +6305,7 @@ declare abstract class Zonos {
     static domain: string;
     static showBaseForeign: boolean;
     static overrideUseCustomAddressForm: boolean;
+    static isCollect: boolean;
     /**
      * By default, the package will load from npm
      */