@zonos/elements 1.3.142 → 1.3.144

package/dist/types/components.d.ts

@@ -373,6 +373,10 @@ export namespace Components {
           * For usage in storybook for a mocked flow.
          */
         "mockCheckoutSession": (session: CheckoutSessionDetailsFragment) => Promise<void>;
+        /**
+          * Override staging mode. Solely use for storybook
+         */
+        "overrideStagingMode"?: boolean;
         /**
           * Preview checkout without needing to click on the button. This would be useful for demo purpose
          */
@@ -415,6 +419,14 @@ export namespace Components {
           * Whether or not the continue button is loading
          */
         "continueLoading": boolean;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "isMobile": boolean;
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
         /**
           * Submit button main color
          */
@@ -676,6 +688,16 @@ export namespace Components {
          */
         "width": string;
     }
+    interface ZonosEmptyStatePayment {
+        /**
+          * Text to display in the empty state
+         */
+        "emptyStateText": string;
+        /**
+          * Theme color of the icon
+         */
+        "theme": ElementsUiTheme;
+    }
     interface ZonosHello {
         /**
           * Force left animation instead of detecting which side has more space
@@ -961,6 +983,43 @@ export namespace Components {
          */
         "spinnerColor"?: SpinnerColor;
     }
+    /**
+     * 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
+     */
+    interface ZonosStripeInput {
+        /**
+          * Input label
+         */
+        "inputLabel": string;
+        /**
+          * Placeholder for the input
+         */
+        "inputPlaceholder": string;
+        /**
+          * Value of the stripeInput
+         */
+        "inputValue": string;
+        /**
+          * Disables the input
+         */
+        "isDisabled": boolean;
+        /**
+          * Error state of the input
+         */
+        "isError": boolean;
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Secondary color to override secondary color from appearance secondary color in setting
+         */
+        "overrideSecondaryColor"?: string;
+        /**
+          * The value of the input.
+         */
+        "value": string;
+    }
     interface ZonosText {
         /**
           * The size of the text
@@ -1101,6 +1160,10 @@ export interface ZonosShippingRichRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosShippingRichRadioElement;
 }
+export interface ZonosStripeInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZonosStripeInputElement;
+}
 export interface ZonosToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZonosToggleElement;
@@ -1383,6 +1446,12 @@ declare global {
         prototype: HTMLZonosDialogElement;
         new (): HTMLZonosDialogElement;
     };
+    interface HTMLZonosEmptyStatePaymentElement extends Components.ZonosEmptyStatePayment, HTMLStencilElement {
+    }
+    var HTMLZonosEmptyStatePaymentElement: {
+        prototype: HTMLZonosEmptyStatePaymentElement;
+        new (): HTMLZonosEmptyStatePaymentElement;
+    };
     interface HTMLZonosHelloElement extends Components.ZonosHello, HTMLStencilElement {
     }
     var HTMLZonosHelloElement: {
@@ -1558,6 +1627,26 @@ declare global {
         prototype: HTMLZonosSpinnerElement;
         new (): HTMLZonosSpinnerElement;
     };
+    interface HTMLZonosStripeInputElementEventMap {
+        "inputChange": string;
+    }
+    /**
+     * 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
+     */
+    interface HTMLZonosStripeInputElement extends Components.ZonosStripeInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLZonosStripeInputElementEventMap>(type: K, listener: (this: HTMLZonosStripeInputElement, ev: ZonosStripeInputCustomEvent<HTMLZonosStripeInputElementEventMap[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 HTMLZonosStripeInputElementEventMap>(type: K, listener: (this: HTMLZonosStripeInputElement, ev: ZonosStripeInputCustomEvent<HTMLZonosStripeInputElementEventMap[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 HTMLZonosStripeInputElement: {
+        prototype: HTMLZonosStripeInputElement;
+        new (): HTMLZonosStripeInputElement;
+    };
     interface HTMLZonosTextElement extends Components.ZonosText, HTMLStencilElement {
     }
     var HTMLZonosTextElement: {
@@ -1632,6 +1721,7 @@ declare global {
         "zonos-custom-message": HTMLZonosCustomMessageElement;
         "zonos-customer-info": HTMLZonosCustomerInfoElement;
         "zonos-dialog": HTMLZonosDialogElement;
+        "zonos-empty-state-payment": HTMLZonosEmptyStatePaymentElement;
         "zonos-hello": HTMLZonosHelloElement;
         "zonos-hello-dialog": HTMLZonosHelloDialogElement;
         "zonos-hello-dialog-footer": HTMLZonosHelloDialogFooterElement;
@@ -1650,6 +1740,7 @@ declare global {
         "zonos-shipping": HTMLZonosShippingElement;
         "zonos-shipping-rich-radio": HTMLZonosShippingRichRadioElement;
         "zonos-spinner": HTMLZonosSpinnerElement;
+        "zonos-stripe-input": HTMLZonosStripeInputElement;
         "zonos-text": HTMLZonosTextElement;
         "zonos-toggle": HTMLZonosToggleElement;
         "zonos-tooltip": HTMLZonosTooltipElement;
@@ -1991,6 +2082,10 @@ declare namespace LocalJSX {
           * Flag to determine if the checkout is on mobile
          */
         "mobile"?: boolean;
+        /**
+          * Override staging mode. Solely use for storybook
+         */
+        "overrideStagingMode"?: boolean;
         /**
           * Preview checkout without needing to click on the button. This would be useful for demo purpose
          */
@@ -2033,6 +2128,10 @@ declare namespace LocalJSX {
           * Whether or not the continue button is loading
          */
         "continueLoading"?: boolean;
+        /**
+          * Whether or not the checkout is in mobile mode
+         */
+        "isMobile"?: boolean;
         /**
           * Event to emit when the continue button is clicked
          */
@@ -2045,6 +2144,10 @@ declare namespace LocalJSX {
           * Event to emit when the paypal session failed
          */
         "onPaypalSessionFailed"?: (event: ZonosCheckoutPaymentCustomEvent<void>) => void;
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
         /**
           * Submit button main color
          */
@@ -2289,6 +2392,16 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    interface ZonosEmptyStatePayment {
+        /**
+          * Text to display in the empty state
+         */
+        "emptyStateText": string;
+        /**
+          * Theme color of the icon
+         */
+        "theme"?: ElementsUiTheme;
+    }
     interface ZonosHello {
         /**
           * Force left animation instead of detecting which side has more space
@@ -2569,6 +2682,47 @@ declare namespace LocalJSX {
          */
         "spinnerColor"?: SpinnerColor;
     }
+    /**
+     * 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
+     */
+    interface ZonosStripeInput {
+        /**
+          * Input label
+         */
+        "inputLabel": string;
+        /**
+          * Placeholder for the input
+         */
+        "inputPlaceholder"?: string;
+        /**
+          * Value of the stripeInput
+         */
+        "inputValue"?: string;
+        /**
+          * Disables the input
+         */
+        "isDisabled"?: boolean;
+        /**
+          * Error state of the input
+         */
+        "isError"?: boolean;
+        /**
+          * Event to emit when input value changes
+         */
+        "onInputChange"?: (event: ZonosStripeInputCustomEvent<string>) => void;
+        /**
+          * Primary color to override primary color from appearance primary color in setting.
+         */
+        "overridePrimaryColor"?: string;
+        /**
+          * Secondary color to override secondary color from appearance secondary color in setting
+         */
+        "overrideSecondaryColor"?: string;
+        /**
+          * The value of the input.
+         */
+        "value"?: string;
+    }
     interface ZonosText {
         /**
           * The size of the text
@@ -2676,6 +2830,7 @@ declare namespace LocalJSX {
         "zonos-custom-message": ZonosCustomMessage;
         "zonos-customer-info": ZonosCustomerInfo;
         "zonos-dialog": ZonosDialog;
+        "zonos-empty-state-payment": ZonosEmptyStatePayment;
         "zonos-hello": ZonosHello;
         "zonos-hello-dialog": ZonosHelloDialog;
         "zonos-hello-dialog-footer": ZonosHelloDialogFooter;
@@ -2694,6 +2849,7 @@ declare namespace LocalJSX {
         "zonos-shipping": ZonosShipping;
         "zonos-shipping-rich-radio": ZonosShippingRichRadio;
         "zonos-spinner": ZonosSpinner;
+        "zonos-stripe-input": ZonosStripeInput;
         "zonos-text": ZonosText;
         "zonos-toggle": ZonosToggle;
         "zonos-tooltip": ZonosTooltip;
@@ -2732,6 +2888,7 @@ declare module "@stencil/core" {
             "zonos-custom-message": LocalJSX.ZonosCustomMessage & JSXBase.HTMLAttributes<HTMLZonosCustomMessageElement>;
             "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-hello": LocalJSX.ZonosHello & JSXBase.HTMLAttributes<HTMLZonosHelloElement>;
             "zonos-hello-dialog": LocalJSX.ZonosHelloDialog & JSXBase.HTMLAttributes<HTMLZonosHelloDialogElement>;
             "zonos-hello-dialog-footer": LocalJSX.ZonosHelloDialogFooter & JSXBase.HTMLAttributes<HTMLZonosHelloDialogFooterElement>;
@@ -2750,6 +2907,10 @@ declare module "@stencil/core" {
             "zonos-shipping": LocalJSX.ZonosShipping & JSXBase.HTMLAttributes<HTMLZonosShippingElement>;
             "zonos-shipping-rich-radio": LocalJSX.ZonosShippingRichRadio & JSXBase.HTMLAttributes<HTMLZonosShippingRichRadioElement>;
             "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
+             */
+            "zonos-stripe-input": LocalJSX.ZonosStripeInput & JSXBase.HTMLAttributes<HTMLZonosStripeInputElement>;
             "zonos-text": LocalJSX.ZonosText & JSXBase.HTMLAttributes<HTMLZonosTextElement>;
             "zonos-toggle": LocalJSX.ZonosToggle & JSXBase.HTMLAttributes<HTMLZonosToggleElement>;
             "zonos-tooltip": LocalJSX.ZonosTooltip & JSXBase.HTMLAttributes<HTMLZonosTooltipElement>;

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

@@ -0,0 +1,20 @@
+export declare const countryRequireTaxId: ["AR", "BR", "KR", "MX"];
+export type CountryRequireTaxId = (typeof countryRequireTaxId)[number];
+export declare const shipToTaxIdLabels: {
+    readonly AR: {
+        readonly friendlyName: "Unique Labor Identification Code";
+        readonly placeholder: "00-00000000-0";
+    };
+    readonly BR: {
+        readonly friendlyName: "CPF/CNPJ number";
+        readonly placeholder: "000.000.000-00";
+    };
+    readonly KR: {
+        readonly friendlyName: "Personal Customers Clearance Code";
+        readonly placeholder: "000-00-00000";
+    };
+    readonly MX: {
+        readonly friendlyName: "RFC number";
+        readonly placeholder: "XAXX010101000";
+    };
+};

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

@@ -56,6 +56,10 @@ export type CalculateLandedCostRequest = {
         key: string;
         value: string;
     }[];
+    /**
+     * TaxId that the some destination countries require for the shipment.
+     */
+    shipToTaxId?: string;
     shippingAddress: {
         addressLine1: string;
         addressLine2?: string | undefined;
@@ -103,6 +107,10 @@ export type CartCalculateLandedCostRequest = {
         key: string;
         value: string;
     }[];
+    /**
+     * TaxId that the some destination countries require for the shipment.
+     */
+    shipToTaxId?: string;
     shippingAddress: {
         addressLine1: string;
         addressLine2?: string | undefined;

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

@@ -1,4 +1,4 @@
-import type { CountryCode, GetCheckoutSessionQuery } from "../../generated/graphql.internal.types";
+import type { CheckoutSessionPaymentIntentCreateMutation, CountryCode, GetCheckoutSessionQuery } from "../../generated/graphql.internal.types";
 export type GetCheckoutSessionRequest = {
     checkoutSessionId: string;
 };
@@ -15,6 +15,7 @@ export type CheckoutSessionUpdateRequest = {
         value: string;
     }[];
     presentmentCountryCode: CountryCode | null;
+    skipPaymentIntent?: boolean;
 };
 export type CheckoutSessionUpdateMetadata = {
     key: string;
@@ -25,10 +26,15 @@ export type CheckoutSessionUpdateMetadataRequest = {
     metadata: CheckoutSessionUpdateMetadata;
 };
 export type CheckoutSessionCreateRequest = {
-    adjustmentsAmount: number;
+    adjustmentsAmount?: number;
     cartId: string | null;
     currency: string;
     itemsAmount: number;
     metadata: CheckoutSessionUpdateMetadata;
     presentmentCountryCode: CountryCode | null;
+    skipPaymentIntent?: boolean;
+};
+export type PaymentIntentCreateRequest = {
+    checkoutSessionId: string;
 };
+export type PaymentIntentCreateResponse = CheckoutSessionPaymentIntentCreateMutation;

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

@@ -0,0 +1,7 @@
+import type { OrderCreateMutation } from "../../generated/graphql.internal.types";
+export type PlaceTestOrderRequest = {
+    billToPartyId: string;
+    checkoutSessionId: string;
+    shipToPartyId: string;
+};
+export type PlaceTestOrderResponse = OrderCreateMutation;