@zonos/elements 1.3.143 → 1.3.144

package/dist/types/components/store/translationStore/strings.norwegian.d.ts

@@ -173,6 +173,9 @@ export declare const stringsNorwegian: {
     'No countries found': {
         value: string;
     };
+    'No payment method needed for staging': {
+        value: string;
+    };
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: string;
     };
@@ -230,6 +233,9 @@ export declare const stringsNorwegian: {
     'Phone number': {
         value: string;
     };
+    'Place test order': {
+        value: string;
+    };
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
@@ -332,6 +338,9 @@ export declare const stringsNorwegian: {
     'Spend [threshold] tax free.': {
         value: string;
     };
+    'Staging mode': {
+        value: string;
+    };
     State: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.polish.d.ts

@@ -173,6 +173,9 @@ export declare const stringsPolish: {
     'No countries found': {
         value: string;
     };
+    'No payment method needed for staging': {
+        value: string;
+    };
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: string;
     };
@@ -230,6 +233,9 @@ export declare const stringsPolish: {
     'Phone number': {
         value: string;
     };
+    'Place test order': {
+        value: string;
+    };
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
@@ -332,6 +338,9 @@ export declare const stringsPolish: {
     'Spend [threshold] tax free.': {
         value: string;
     };
+    'Staging mode': {
+        value: string;
+    };
     State: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.portuguese.d.ts

@@ -173,6 +173,9 @@ export declare const stringsPortuguese: {
     'No countries found': {
         value: string;
     };
+    'No payment method needed for staging': {
+        value: string;
+    };
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: string;
     };
@@ -230,6 +233,9 @@ export declare const stringsPortuguese: {
     'Phone number': {
         value: string;
     };
+    'Place test order': {
+        value: string;
+    };
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
@@ -332,6 +338,9 @@ export declare const stringsPortuguese: {
     'Spend [threshold] tax free.': {
         value: string;
     };
+    'Staging mode': {
+        value: string;
+    };
     State: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.russian.d.ts

@@ -173,6 +173,9 @@ export declare const stringsRussian: {
     'No countries found': {
         value: string;
     };
+    'No payment method needed for staging': {
+        value: string;
+    };
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: string;
     };
@@ -230,6 +233,9 @@ export declare const stringsRussian: {
     'Phone number': {
         value: string;
     };
+    'Place test order': {
+        value: string;
+    };
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
@@ -332,6 +338,9 @@ export declare const stringsRussian: {
     'Spend [threshold] tax free.': {
         value: string;
     };
+    'Staging mode': {
+        value: string;
+    };
     State: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.spanish.d.ts

@@ -173,6 +173,9 @@ export declare const stringsSpanish: {
     'No countries found': {
         value: string;
     };
+    'No payment method needed for staging': {
+        value: string;
+    };
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: string;
     };
@@ -230,6 +233,9 @@ export declare const stringsSpanish: {
     'Phone number': {
         value: string;
     };
+    'Place test order': {
+        value: string;
+    };
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
@@ -332,6 +338,9 @@ export declare const stringsSpanish: {
     'Spend [threshold] tax free.': {
         value: string;
     };
+    'Staging mode': {
+        value: string;
+    };
     State: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.swedish.d.ts

@@ -173,6 +173,9 @@ export declare const stringsSwedish: {
     'No countries found': {
         value: string;
     };
+    'No payment method needed for staging': {
+        value: string;
+    };
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: string;
     };
@@ -230,6 +233,9 @@ export declare const stringsSwedish: {
     'Phone number': {
         value: string;
     };
+    'Place test order': {
+        value: string;
+    };
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
@@ -332,6 +338,9 @@ export declare const stringsSwedish: {
     'Spend [threshold] tax free.': {
         value: string;
     };
+    'Staging mode': {
+        value: string;
+    };
     State: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.turkish.d.ts

@@ -173,6 +173,9 @@ export declare const stringsTurkish: {
     'No countries found': {
         value: string;
     };
+    'No payment method needed for staging': {
+        value: string;
+    };
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: string;
     };
@@ -230,6 +233,9 @@ export declare const stringsTurkish: {
     'Phone number': {
         value: string;
     };
+    'Place test order': {
+        value: string;
+    };
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
@@ -332,6 +338,9 @@ export declare const stringsTurkish: {
     'Spend [threshold] tax free.': {
         value: string;
     };
+    'Staging mode': {
+        value: string;
+    };
     State: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.vietnamese.d.ts

@@ -173,6 +173,9 @@ export declare const stringsVietnamese: {
     'No countries found': {
         value: string;
     };
+    'No payment method needed for staging': {
+        value: string;
+    };
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: string;
     };
@@ -230,6 +233,9 @@ export declare const stringsVietnamese: {
     'Phone number': {
         value: string;
     };
+    'Place test order': {
+        value: string;
+    };
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
@@ -332,6 +338,9 @@ export declare const stringsVietnamese: {
     'Spend [threshold] tax free.': {
         value: string;
     };
+    'Staging mode': {
+        value: string;
+    };
     State: {
         value: string;
     };

package/dist/types/components/stripe/zonos-link-authentication/zonos-link-authentication.d.ts

@@ -18,8 +18,14 @@ export declare class ZonosLinkAuthentication {
      */
     linkAuthenticationChange?: EventEmitter<void>;
     stripe: Stripe | null;
+    isStagingMode: boolean;
+    clientSecret: string;
     el: HTMLZonosLinkAuthenticationElement;
+    watchIsStagingMode(): void;
     watchInitStripe(): void;
+    private setCustomEmailInputToLinkEvent;
+    private handleNormalEmailInput;
+    watchDefaultEmail(): void;
     componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/utils/api/getLocaleMessages.d.ts

@@ -4,7 +4,7 @@ export declare const getLocaleMessages: ({ countryCode, localeTo, storeId, }: {
     localeTo?: string;
     storeId: number;
 }) => Promise<{
-    countryCodes: Array<string>;
+    countryCodes: Array<string> | null;
     countryCodesPageMessageLinks: Array<{
         id: number;
         message: {

package/dist/types/components/utils/api/placeTestOrder.d.ts

@@ -0,0 +1,7 @@
+export declare const placeTestOrder: () => Promise<{
+    errors: string[];
+    json: null;
+} | {
+    errors: never[];
+    json: import("../../../types/generated/graphql.internal.types").OrderCreateMutation;
+}>;

package/dist/types/components/utils/checkout/getIsStagingMode.d.ts

@@ -0,0 +1 @@
+export declare const getIsStagingMode: () => boolean;

package/dist/types/components/utils/checkout/getIsTestMode.d.ts

@@ -1 +1 @@
-export declare const getIsTestMode: () => boolean | undefined;
+export declare const getIsTestMode: () => boolean;

package/dist/types/components/utils/validateEmailValue.d.ts

@@ -0,0 +1 @@
+export declare const validateEmailValue: (value: string) => boolean;

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
@@ -993,6 +1015,10 @@ export namespace Components {
           * Secondary color to override secondary color from appearance secondary color in setting
          */
         "overrideSecondaryColor"?: string;
+        /**
+          * The value of the input.
+         */
+        "value": string;
     }
     interface ZonosText {
         /**
@@ -1420,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: {
@@ -1689,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;
@@ -2049,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
          */
@@ -2091,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
          */
@@ -2103,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
          */
@@ -2347,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
@@ -2663,6 +2718,10 @@ declare namespace LocalJSX {
           * Secondary color to override secondary color from appearance secondary color in setting
          */
         "overrideSecondaryColor"?: string;
+        /**
+          * The value of the input.
+         */
+        "value"?: string;
     }
     interface ZonosText {
         /**
@@ -2771,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;
@@ -2828,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>;

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;

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

@@ -557,7 +557,7 @@ export type FailToGetQuoteErrorsQuery = {
 };
 export type LocaleCountryMessagesQuery = {
     locale_countryCodesPage: Array<{
-        countryCodes: Array<string>;
+        countryCodes: Array<string> | null;
         countryCodesPageMessageLinks: Array<{
             id: number;
             message: {

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

@@ -565,7 +565,7 @@ export type FailToGetQuoteErrorsQuery = {
 
 export type LocaleCountryMessagesQuery = {
   locale_countryCodesPage: Array<{
-    countryCodes: Array<string>;
+    countryCodes: Array<string> | null;
     countryCodesPageMessageLinks: Array<{
       id: number;
       message: {

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

@@ -162,7 +162,7 @@ export declare const amountDetailSubtotalType: {
     readonly Tax: "TAX";
 };
 export type AmountDetailSubtotalType = (typeof amountDetailSubtotalType)[keyof typeof amountDetailSubtotalType];
-export declare const amountDetailUse: {
+export declare const amountDetailTarget: {
     readonly BillingCompany: "BILLING_COMPANY";
     readonly MerchantBase: "MERCHANT_BASE";
     readonly MerchantProvided: "MERCHANT_PROVIDED";
@@ -170,7 +170,7 @@ export declare const amountDetailUse: {
     readonly ShopperPresented: "SHOPPER_PRESENTED";
     readonly ZonosBase: "ZONOS_BASE";
 };
-export type AmountDetailUse = (typeof amountDetailUse)[keyof typeof amountDetailUse];
+export type AmountDetailTarget = (typeof amountDetailTarget)[keyof typeof amountDetailTarget];
 export type AmountRange = {
     max?: InputMaybe<Scalars['Decimal']['input']>;
     min?: InputMaybe<Scalars['Decimal']['input']>;
@@ -432,6 +432,11 @@ export declare const catalogStatus: {
     readonly Enabled: "ENABLED";
 };
 export type CatalogStatus = (typeof catalogStatus)[keyof typeof catalogStatus];
+export declare const checkoutSessionCreationModeType: {
+    readonly WithPaymentIntent: "WITH_PAYMENT_INTENT";
+    readonly WithoutPaymentIntent: "WITHOUT_PAYMENT_INTENT";
+};
+export type CheckoutSessionCreationModeType = (typeof checkoutSessionCreationModeType)[keyof typeof checkoutSessionCreationModeType];
 export declare const checkoutStatus: {
     readonly Disabled: "DISABLED";
     readonly Enabled: "ENABLED";
@@ -789,6 +794,7 @@ export declare const contentType: {
 };
 export type ContentType = (typeof contentType)[keyof typeof contentType];
 export declare const controlType: {
+    readonly Carrier: "CARRIER";
     readonly Export: "EXPORT";
     readonly Import: "IMPORT";
 };
@@ -1908,6 +1914,7 @@ export declare const landedCostMethod: {
 };
 export type LandedCostMethod = (typeof landedCostMethod)[keyof typeof landedCostMethod];
 export declare const landedCostQuoteType: {
+    readonly Api: "API";
     readonly Auditing: "AUDITING";
     readonly Checkout: "CHECKOUT";
     readonly InclusivePrice: "INCLUSIVE_PRICE";
@@ -3270,6 +3277,53 @@ export type CheckoutSessionCreateMutation = {
         };
     };
 };
+export type CheckoutSessionPaymentIntentCreateMutation = {
+    checkoutSessionPaymentIntentCreate: {
+        cartId: string | null;
+        clientSecret: string;
+        id: string;
+        landedCost: {
+            amountSubtotals: {
+                discounts: number | null;
+                duties: number;
+                fees: number;
+                items: number;
+                landedCostTotal: number;
+                shipping: number;
+                taxes: number;
+            } | null;
+            id: string;
+            landedCostGuaranteeCode: LandedCostGuaranteeCode;
+            method: IncotermCode;
+            shipmentRating: {
+                displayName: string;
+            };
+        } | null;
+        metadata: Array<{
+            key: string;
+            value: string;
+        } | null> | null;
+        organizationId: string;
+        subtotals: {
+            adjustments: number;
+            duties: number;
+            exchangeRate: {
+                id: string;
+                rate: number;
+                sourceCurrencyCode: CurrencyCode;
+                targetCurrencyCode: CurrencyCode;
+                type: ExchangeRateType;
+            };
+            fees: number;
+            items: number;
+            landedCostTotal: number;
+            presentmentCurrencyCode: CurrencyCode;
+            shipping: number;
+            taxes: number;
+            total: number;
+        };
+    };
+};
 export type PaypalOrderCreateMutation = {
     paypalOrderCreate: {
         paypalOrderId: string | null;
@@ -3294,10 +3348,18 @@ export type GetCheckoutSessionQuery = {
     checkoutSession: {
         landedCost: {
             id: string;
+            root: {
+                parties: Array<{
+                    id: string;
+                } | null> | null;
+            } | null;
         } | null;
         order: {
             id: string;
         } | null;
+        subtotals: {
+            presentmentCurrencyCode: CurrencyCode;
+        };
     };
 };
 export type ActiveDiscountsQuery = {
@@ -3337,6 +3399,11 @@ export type GetInclusivePriceSettingByCountryQuery = {
         }>;
     } | null;
 };
+export type OrderCreateMutation = {
+    orderCreate: {
+        id: string;
+    } | null;
+};
 export type ShippingZonesQuery = {
     shippingZones: Array<{
         countryCodes: Array<CountryCode> | null;
@@ -3940,6 +4007,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     checkoutSessionCreate(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CheckoutSessionCreateMutation>;
+    checkoutSessionPaymentIntentCreate(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CheckoutSessionPaymentIntentCreateMutation>;
     checkoutSessionUpdate(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CheckoutSessionUpdateMutation>;
@@ -3985,6 +4055,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     onlineStoreSettings(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<OnlineStoreSettingsQuery>;
+    orderCreate(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<OrderCreateMutation>;
     orderUpdateAccountOrderNumber(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<OrderUpdateAccountOrderNumberMutation>;