@zonos/elements 1.3.143 → 1.3.145

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: {