@zonos/elements 1.3.200 → 1.3.202

package/dist/types/components/utils/varianceTest/filterValidTests.d.ts

@@ -0,0 +1,9 @@
+import type { StorageVariantTestKey } from "../../../types/index";
+/**
+ * Filter the response to only include test keys and variants key that we support
+ */
+export declare const filterValidTests: (testKeys: {
+    expiresAt?: number;
+    selectedVariantKey: string | null;
+    testKey: string;
+}[]) => StorageVariantTestKey[];

package/dist/types/components/utils/varianceTest/getSelectedTestVariant.d.ts

@@ -0,0 +1,2 @@
+import type { AvailableVariant, TestKey } from "../../../types/index";
+export declare const getSelectedTestVariant: <T extends TestKey>(testKey: T) => AvailableVariant<T> | null;

package/dist/types/components/utils/varianceTest/hasAtLeastOneAvailableTestKey.d.ts

@@ -0,0 +1,8 @@
+import { type StorageVariantTestKey } from "../../../types/index";
+/**
+ * Check if the response contains at least one available test key that we support
+ */
+export declare const hasAtLeastOneAvailableTestKey: (rawResponse: {
+    selectedVariantKey: string | null;
+    testKey: string;
+}[]) => rawResponse is StorageVariantTestKey[];

package/dist/types/components/utils/varianceTest/isInAvailableTestKey.d.ts

@@ -0,0 +1,2 @@
+import { type TestKey } from "../../../types/index";
+export declare const isInAvailableTestKey: (testKey: string) => testKey is TestKey;

package/dist/types/components/utils/varianceTest/isTestEnabled.d.ts

@@ -0,0 +1,2 @@
+import type { TestKey } from "../../../types/index";
+export declare const isTestEnabled: (testKey: TestKey) => boolean;

package/dist/types/components/utils/varianceTest/isTestKeysAllVariantSelected.d.ts

@@ -0,0 +1,9 @@
+import type { StorageVariantTestKey } from "../../../types/index";
+/**
+ * Typeguard to check if all variant test keys are selected.
+ */
+export declare const isTestKeysAllVariantSelected: (variantTestKeys: {
+    expiresAt: number;
+    selectedVariantKey: string | null;
+    testKey: string;
+}[]) => variantTestKeys is StorageVariantTestKey[];

package/dist/types/components/utils/varianceTest/mergeTest.d.ts

@@ -0,0 +1,5 @@
+import type { StorageVariantTestKey } from "../../../types/index";
+export declare const mergeTest: <TBase extends StorageVariantTestKey>({ baseTestObj, mergeTestObj, }: {
+    baseTestObj: TBase[];
+    mergeTestObj: TBase[];
+}) => StorageVariantTestKey[];

package/dist/types/components.d.ts

@@ -931,6 +931,27 @@ export namespace Components {
          */
         "titleText": string;
     }
+    interface ZonosLoadingOverlay {
+        /**
+          * Whether or not the overlay is open
+          * @default false
+         */
+        "open": boolean;
+        /**
+          * Spinner size (optional, default 40)
+         */
+        "size": number;
+        /**
+          * Spinner color (optional)
+         */
+        "spinnerColor"?: | 'primary'
+    | 'info'
+    | 'success'
+    | 'danger'
+    | 'warning'
+    | 'black'
+    | 'white';
+    }
     interface ZonosLogo {
         /**
           * Theme to change the color of the logo
@@ -1773,6 +1794,12 @@ declare global {
         prototype: HTMLZonosLinkAuthenticationElement;
         new (): HTMLZonosLinkAuthenticationElement;
     };
+    interface HTMLZonosLoadingOverlayElement extends Components.ZonosLoadingOverlay, HTMLStencilElement {
+    }
+    var HTMLZonosLoadingOverlayElement: {
+        prototype: HTMLZonosLoadingOverlayElement;
+        new (): HTMLZonosLoadingOverlayElement;
+    };
     interface HTMLZonosLogoElement extends Components.ZonosLogo, HTMLStencilElement {
     }
     var HTMLZonosLogoElement: {
@@ -2012,6 +2039,7 @@ declare global {
         "zonos-language-select": HTMLZonosLanguageSelectElement;
         "zonos-link": HTMLZonosLinkElement;
         "zonos-link-authentication": HTMLZonosLinkAuthenticationElement;
+        "zonos-loading-overlay": HTMLZonosLoadingOverlayElement;
         "zonos-logo": HTMLZonosLogoElement;
         "zonos-notification": HTMLZonosNotificationElement;
         "zonos-payment": HTMLZonosPaymentElement;
@@ -2924,6 +2952,27 @@ declare namespace LocalJSX {
          */
         "titleText": string;
     }
+    interface ZonosLoadingOverlay {
+        /**
+          * Whether or not the overlay is open
+          * @default false
+         */
+        "open"?: boolean;
+        /**
+          * Spinner size (optional, default 40)
+         */
+        "size"?: number;
+        /**
+          * Spinner color (optional)
+         */
+        "spinnerColor"?: | 'primary'
+    | 'info'
+    | 'success'
+    | 'danger'
+    | 'warning'
+    | 'black'
+    | 'white';
+    }
     interface ZonosLogo {
         /**
           * Theme to change the color of the logo
@@ -3336,6 +3385,7 @@ declare namespace LocalJSX {
         "zonos-language-select": ZonosLanguageSelect;
         "zonos-link": ZonosLink;
         "zonos-link-authentication": ZonosLinkAuthentication;
+        "zonos-loading-overlay": ZonosLoadingOverlay;
         "zonos-logo": ZonosLogo;
         "zonos-notification": ZonosNotification;
         "zonos-payment": ZonosPayment;
@@ -3398,6 +3448,7 @@ declare module "@stencil/core" {
             "zonos-language-select": LocalJSX.ZonosLanguageSelect & JSXBase.HTMLAttributes<HTMLZonosLanguageSelectElement>;
             "zonos-link": LocalJSX.ZonosLink & JSXBase.HTMLAttributes<HTMLZonosLinkElement>;
             "zonos-link-authentication": LocalJSX.ZonosLinkAuthentication & JSXBase.HTMLAttributes<HTMLZonosLinkAuthenticationElement>;
+            "zonos-loading-overlay": LocalJSX.ZonosLoadingOverlay & JSXBase.HTMLAttributes<HTMLZonosLoadingOverlayElement>;
             "zonos-logo": LocalJSX.ZonosLogo & JSXBase.HTMLAttributes<HTMLZonosLogoElement>;
             "zonos-notification": LocalJSX.ZonosNotification & JSXBase.HTMLAttributes<HTMLZonosNotificationElement>;
             "zonos-payment": LocalJSX.ZonosPayment & JSXBase.HTMLAttributes<HTMLZonosPaymentElement>;

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

@@ -111,6 +111,13 @@ export declare const setupCartDataWithSettings: (cartId: string) => Promise<{
             }>;
             updatedAt: string;
             updatedBy: string;
+            varianceTestRegistrations: Array<{
+                testKey: string;
+                varianceAllocation: Array<{
+                    percentage: number;
+                    variantKey: string;
+                }>;
+            }> | null;
             visibilityStatus: import("../../types/generated/graphql.internal.types").CheckoutVisibilityStatus;
         };
         credentialTokenId: string;

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

@@ -20,7 +20,19 @@ export type PrefillAddress = {
      */
     customerCountry?: string;
     customerEmail: string;
-    customerName: string;
+    /**
+     * Will use this value to prefill the first name field in the checkout form instead of `customerName`
+     */
+    customerFirstName: string;
+    /**
+     * Will use this value to prefill the last name field in the checkout form instead of `customerName`
+     */
+    customerLastName: string;
+    /**
+     * Will use this value to prefill if customerFirstName and customerLastName are not provided
+     * @deprecated Use `customerFirstName` and `customerLastName` since Checkout uses 2 inputs for first and last name, there is not a good way to split the name into first and last name for some countries.
+     */
+    customerName?: string;
     customerPhone: string;
     customerState?: string;
     customerZip: string;

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

@@ -3,6 +3,10 @@ export type GetCheckoutSessionRequest = {
     checkoutSessionId: string;
 };
 export type GetCheckoutSessionResponse = GetCheckoutSessionQuery;
+type CheckoutSessionVariantTest = {
+    selectedVariantKey: string | null;
+    testKey: string;
+};
 export type CheckoutSessionUpdateRequest = {
     adjustmentsAmount: number;
     cartId: string | null;
@@ -20,6 +24,7 @@ export type CheckoutSessionUpdateRequest = {
     }[];
     presentmentCountryCode: CountryCode | null;
     skipPaymentIntent?: boolean;
+    varianceTestInput?: CheckoutSessionVariantTest[];
 };
 export type CheckoutSessionUpdateMetadata = {
     key: string;
@@ -41,6 +46,7 @@ export type CheckoutSessionCreateRequest = {
     metadata: CheckoutSessionUpdateMetadata;
     presentmentCountryCode: CountryCode | null;
     skipPaymentIntent?: boolean;
+    varianceTestInput?: CheckoutSessionVariantTest[];
 };
 export type PaymentIntentCreateRequest = {
     checkoutSessionId: string;
@@ -51,3 +57,4 @@ export type CheckoutSessionBaseCurrencyUpdatePayload = {
     currencyCode: CurrencyCode;
 };
 export type CheckoutSessionBaseCurrencyUpdateResponse = CheckoutSessionBaseCurrencyUpdateMutation;
+export {};

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

@@ -0,0 +1,30 @@
+export declare const availableTestKeys: {
+    readonly hosted_vs_native: {
+        readonly availableVariants: readonly ["hosted", "native"];
+    };
+    readonly test_A_B: {
+        readonly availableVariants: readonly ["A", "B"];
+    };
+};
+export type TestKey = keyof typeof availableTestKeys;
+export type AvailableVariant<_TestKey extends TestKey> = (typeof availableTestKeys)[_TestKey]['availableVariants'][number];
+export type VariantTestKey = {
+    [key in TestKey]: {
+        selectedVariantKey: AvailableVariant<key> | null;
+        testKey: key;
+    };
+}[TestKey];
+export type SelectVarianceTestPayload = {
+    testKeys: string[];
+};
+export type SelectVarianceTestRawResponse = {
+    selectedVariantKey: string;
+    testKey: string;
+}[];
+export type SelectVarianceTestResponse = VariantTestKey[];
+export type StorageVariantTestKey = VariantTestKey & {
+    /**
+     * The timestamp when the test key expires. (Use to assign new test for user once the test key expires)
+     */
+    expiresAt: number;
+};

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

@@ -3928,6 +3928,10 @@ export type CheckoutSessionCreateMutation = {
             taxes: number;
             total: number;
         };
+        varianceTestResults: Array<{
+            selectedVariantKey: string;
+            testKey: string;
+        }> | null;
     };
 };
 export type CheckoutSessionPaymentIntentCreateMutation = {
@@ -3991,6 +3995,10 @@ export type CheckoutSessionPaymentIntentCreateMutation = {
             taxes: number;
             total: number;
         };
+        varianceTestResults: Array<{
+            selectedVariantKey: string;
+            testKey: string;
+        }> | null;
     };
 };
 export type PaypalOrderCreateMutation = {
@@ -4125,6 +4133,13 @@ export type CartCheckoutWorkflowQuery = {
             }>;
             updatedAt: string;
             updatedBy: string;
+            varianceTestRegistrations: Array<{
+                testKey: string;
+                varianceAllocation: Array<{
+                    percentage: number;
+                    variantKey: string;
+                }>;
+            }> | null;
             visibilityStatus: CheckoutVisibilityStatus;
         };
         credentialTokenId: string;
@@ -4234,6 +4249,12 @@ export type CheckoutSessionOrderCreateMutation = {
         } | null;
     };
 };
+export type SelectCheckoutVarianceTestMutation = {
+    checkoutVarianceTestRegistrationSelect: Array<{
+        selectedVariantKey: string;
+        testKey: string;
+    }>;
+};
 export type ShippingZonesQuery = {
     shippingZones: Array<{
         countryCodes: Array<CountryCode> | null;
@@ -4316,6 +4337,10 @@ export type CheckoutSessionDetailsFragment = {
         taxes: number;
         total: number;
     };
+    varianceTestResults: Array<{
+        selectedVariantKey: string;
+        testKey: string;
+    }> | null;
 };
 export type CheckoutSessionUpdateMutation = {
     checkoutSessionUpdate: {
@@ -4378,6 +4403,10 @@ export type CheckoutSessionUpdateMutation = {
             taxes: number;
             total: number;
         };
+        varianceTestResults: Array<{
+            selectedVariantKey: string;
+            testKey: string;
+        }> | null;
     };
 };
 export type ZonosSettingsQuery = {
@@ -4446,6 +4475,13 @@ export type ZonosSettingsQuery = {
         }>;
         updatedAt: string;
         updatedBy: string;
+        varianceTestRegistrations: Array<{
+            testKey: string;
+            varianceAllocation: Array<{
+                percentage: number;
+                variantKey: string;
+            }>;
+        }> | null;
         visibilityStatus: CheckoutVisibilityStatus;
     } | null;
     helloSettings: {
@@ -4488,6 +4524,114 @@ export type ZonosSettingsQuery = {
         } | null;
     } | null;
 };
+export type HelloSettingsQuery = {
+    helloSettings: {
+        allowedDomains: Array<string>;
+        anchorElementSelector: string;
+        cartUrlPattern: string | null;
+        createdAt: string;
+        createdBy: string;
+        currencyBehavior: HelloCurrencyBehavior;
+        currencyElementSelector: string;
+        dutyTaxEstimationBehavior: HelloEstimateBehavior;
+        excludedUrlPatterns: Array<string>;
+        homepageUrlPattern: string | null;
+        id: string;
+        mobileLocation: HelloMobileLocation;
+        mode: Mode;
+        organization: string;
+        peekMessageBehavior: HelloPeekMessageBehavior;
+        peekMessageDelay: number;
+        productAddToCartElementSelector: string | null;
+        productDescriptionElementSelector: string | null;
+        productDetailUrlPattern: string | null;
+        productListUrlPattern: string | null;
+        productPriceElementSelector: string | null;
+        productTitleElementSelector: string | null;
+        restrictionBehavior: HelloRestrictionBehavior;
+        updatedAt: string;
+        updatedBy: string;
+        visibilityStatus: HelloVisibilityStatus;
+    } | null;
+};
+export type CheckoutSettingsQuery = {
+    checkoutSettings: {
+        allowedCharacterSets: AllowedCharacterSets;
+        allowedSettlementCurrencies: AllowedSettlementCurrencies;
+        analyticsProviders: Array<{
+            status: AnalyticsProviderStatus;
+            type: AnalyticsProviderType;
+        }>;
+        captureDelay: number;
+        companyFieldsStatus: CheckoutCompanyFieldsStatus;
+        createdAt: string;
+        createdBy: string;
+        customHTML: string;
+        defaultCartExpiration: number;
+        disabledCountries: Array<CountryCode> | null;
+        externalPaymentMethods: Array<{
+            status: ExternalPaymentMethodStatus;
+            type: ExternalPaymentMethodType;
+        }> | null;
+        externalServiceTokens: Array<{
+            token: string;
+            type: ExternalServiceTokenType;
+        }>;
+        id: string;
+        mode: Mode;
+        orderNotifications: {
+            abandonedCart: {
+                delay: number;
+                discountPercent: number;
+                status: {
+                    active: NotificationActiveStatus;
+                    sendCopiesTo: Array<string>;
+                };
+            };
+            orderCancelled: {
+                active: NotificationActiveStatus;
+                sendCopiesTo: Array<string>;
+            };
+            orderShipped: {
+                active: NotificationActiveStatus;
+                sendCopiesTo: Array<string>;
+            };
+        };
+        organization: string;
+        placeOrderButtonSelector: string | null;
+        subscriptionStatus: CheckoutSubscriptionStatus;
+        successBehavior: CheckoutSuccessBehavior;
+        successRedirectUrl: string;
+        updatedAt: string;
+        updatedBy: string;
+        varianceTestRegistrations: Array<{
+            testKey: string;
+            varianceAllocation: Array<{
+                percentage: number;
+                variantKey: string;
+            }>;
+        }> | null;
+        visibilityStatus: CheckoutVisibilityStatus;
+    } | null;
+};
+export type AppearanceSettingsQuery = {
+    appearanceSettings: {
+        colorPrimary: string;
+        colorSecondary: string;
+        createdAt: string;
+        createdBy: string;
+        fontFamily: string;
+        id: string;
+        logoUrl: string;
+        mode: Mode;
+        organization: string;
+        style: ElementsUiStyle;
+        theme: ElementsUiTheme;
+        updatedAt: string;
+        updatedBy: string;
+        zonosAttribution: ZonosAttribution | null;
+    } | null;
+};
 export type CheckoutSettingFragment = {
     allowedCharacterSets: AllowedCharacterSets;
     allowedSettlementCurrencies: AllowedSettlementCurrencies;
@@ -4537,6 +4681,13 @@ export type CheckoutSettingFragment = {
     successRedirectUrl: string;
     updatedAt: string;
     updatedBy: string;
+    varianceTestRegistrations: Array<{
+        testKey: string;
+        varianceAllocation: Array<{
+            percentage: number;
+            variantKey: string;
+        }>;
+    }> | null;
     visibilityStatus: CheckoutVisibilityStatus;
 };
 export type HelloSettingFragment = {
@@ -4838,6 +4989,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     addTrackingNumber(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<AddTrackingNumberMutation>;
+    appearanceSettings(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<AppearanceSettingsQuery>;
     bulkClassify(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<BulkClassifyMutation>;
@@ -4886,6 +5040,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     checkoutSessionUpdateMetadata(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CheckoutSessionUpdateMetadataMutation>;
+    checkoutSettings(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CheckoutSettingsQuery>;
     createWebhook(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CreateWebhookMutation>;
@@ -4922,6 +5079,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     getWebhooks(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<GetWebhooksQuery>;
+    helloSettings(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<HelloSettingsQuery>;
     onlineStoreSettings(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<OnlineStoreSettingsQuery>;
@@ -4952,6 +5112,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     removeTrackingNumber(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<RemoveTrackingNumberMutation>;
+    selectCheckoutVarianceTest(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<SelectCheckoutVarianceTestMutation>;
     shippingZones(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<ShippingZonesQuery>;