@zonos/elements 1.3.183 → 1.3.185

package/dist/types/constants/phone-formats.d.ts

@@ -0,0 +1,5 @@
+export type CountryPhoneFormat = {
+    phoneFormat: string;
+    phonePlaceholder: string;
+};
+export declare const PHONE_FORMATS: Record<string, CountryPhoneFormat>;

package/dist/types/environment.d.ts

@@ -59,7 +59,7 @@ export declare const env: Readonly<{
 type Keys = keyof typeof env;
 type Props = {
     override?: {
-        [key in Keys]: string;
+        [_key in Keys]: string;
     };
 };
 /**

package/dist/types/scripts/_zonosBase.d.ts

@@ -1,6 +1,7 @@
 import type { PayPalNamespace } from '@paypal/paypal-js';
 import type { Stripe } from '@stripe/stripe-js';
 import type { AppearanceConfig } from "../components/store/zonosStore";
+import { IframeService } from "../components/utils/iframe/IframeHelpers";
 import type { LoadTimeApiLogInfo } from "../components/utils/logging/prepLoadTimeApiLog";
 import type { NotificationInit } from "../types/index";
 import type { CartCheckoutResult, NormalizedTempCart } from "../types/checkout/api/NormalizedTempCart";
@@ -199,6 +200,10 @@ export interface Zonos {
     debug?: boolean;
     domain: string;
     doneInit: boolean;
+    /**
+     * Log type for iframe, print out console or not
+     */
+    iframeLogType: string | null;
     isBigCommerce: boolean;
     /**
      * This will be set to true when it's called form legacy checkout
@@ -209,6 +214,10 @@ export interface Zonos {
     logIntervalId: NodeJS.Timeout | null;
     /** Flag if already alerted when preview domain is defined and it's connecting production environment */
     modeAlerted: boolean;
+    /**
+     * Override the default behavior of using the custom address form
+     */
+    overrideUseCustomAddressForm: boolean;
     paypal: PayPalNamespace | null;
     /**
      * Version release timestamp
@@ -257,11 +266,13 @@ export declare abstract class Zonos {
     static debug: boolean;
     static zonosConversionTest: boolean;
     static _paypalMockResponse: PaypalMockResponse | null;
+    static iframeLogType: string | null;
     static isBigCommerce: boolean;
     static releaseDate: string;
     static isLegacyCheckout: boolean;
     static domain: string;
     static showBaseForeign: boolean;
+    static overrideUseCustomAddressForm: boolean;
     /**
      * By default, the package will load from npm
      */
@@ -274,6 +285,7 @@ export declare abstract class Zonos {
     static cartData: NormalizedTempCart | null;
     static paypal: PayPalNamespace | null;
     static zonosMode: 'production' | 'test' | null;
+    static IframeService: typeof IframeService;
     static getCurrentTimestamp: () => number;
     static cartId: string | null;
     private static zonosController;
@@ -305,4 +317,4 @@ export declare abstract class Zonos {
     static setupGoogleFont: (fontFamily: string) => void;
     static injectSupportGoogleFont: (fontUrl: string) => void;
 }
-export {};
+export { IframeService } from 'src/components/utils/iframe/IframeHelpers';

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

@@ -139,6 +139,7 @@ export declare const setupCartDataWithSettings: (cartId: string) => Promise<{
             restrictionBehavior: import("../../types/generated/graphql.internal.types").HelloRestrictionBehavior;
             updatedAt: string;
             updatedBy: string;
+            visibilityStatus: import("../../types/generated/graphql.internal.types").HelloVisibilityStatus;
         };
         onlineStoreSettings: {
             allowedDomains: Array<string>;

package/dist/types/types/CountryFields.d.ts

@@ -0,0 +1,40 @@
+import type { CountryCode } from "./generated/graphql.internal.types";
+export type CountryFieldLabelStateLabel = 'Commune' | 'County' | 'County or sector' | 'Department' | 'Derzhava' | 'District' | 'Do/Si' | 'Island' | 'Municipality' | 'Oblast' | 'Parish' | 'Prefecture' | 'Province' | 'Region' | 'State' | 'State or Territory' | 'State or province' | 'Village';
+export type CountryFieldLabelAddress1Label = 'Address line 1' | 'Address1' | 'Adresa vulytsi' | 'Street address' | 'Street or avenue' | 'Ulica';
+export type CountryFieldLabelAddress2Label = '' | 'Address 2' | 'Address line 2' | 'Address2' | 'Sector' | 'Street address 2';
+export type CountryFieldLabelAddress3Label = '' | 'Address line 3' | 'Address3' | 'CEDEX' | 'Street address 3';
+export type CountryFieldLabelCityLabel = '' | 'Area' | 'City' | 'City/Town' | 'Emirate' | 'Gorod' | 'Locality' | 'Misto' | 'Town' | 'Town / City' | 'Town or city';
+export type CountryFieldLabelZipLabel = '' | 'Code postal' | 'Indeks' | 'Kodepos' | 'Poshtovyy indeks' | 'Postal code' | 'Postcode' | 'ZIP code' | 'Zip';
+export type ICountryFieldLabelRegion = {
+    interpayCode: string;
+};
+export type CountryFields = {
+    address1Label: CountryFieldLabelAddress1Label;
+    address1Required: boolean;
+    address1Show: boolean;
+    address2Label: CountryFieldLabelAddress2Label;
+    address2Required: boolean;
+    address2Show: boolean;
+    address3Label: CountryFieldLabelAddress3Label;
+    address3Required: boolean;
+    address3Show: boolean;
+    cityLabel: CountryFieldLabelCityLabel;
+    cityRequired: boolean;
+    cityShow: boolean;
+    countryCode: CountryCode;
+    countryCodeLabel?: string;
+    displayName: string;
+    nameLabel: string;
+    phoneCode: number;
+    phoneFormat: string | null;
+    phonePlaceholder: string | null;
+    regions: Record<string, ICountryFieldLabelRegion> | null;
+    stateLabel: CountryFieldLabelStateLabel;
+    stateRequired: boolean;
+    stateShow: boolean;
+    zipFormat: string | null;
+    zipLabel: CountryFieldLabelZipLabel;
+    zipRegex: string | null;
+    zipRequired: boolean;
+    zipShow: boolean;
+};

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

@@ -40,6 +40,10 @@ export type CheckoutConfig = {
      * @default LOCAL
      */
     allowedSettlementCurrencies: AllowedSettlementCurrencies;
+    /**
+     * Always trigger International Checkout with this selector regardless of shipping zone
+     */
+    alwaysTriggerInternationalCheckoutSelector?: string | null;
     analyticsProviders: Array<{
         status: AnalyticsProviderStatus;
         type: AnalyticsProviderType;
@@ -90,6 +94,9 @@ export type CheckoutConfig = {
         };
     };
     organization: string;
+    /**
+     * Place order button selector that only trigger International Checkout when shopper is in merchant's shipping zones
+     */
     placeOrderButtonSelector: string | null;
     /**
      * @param subscriptionStatus subscription status for checkout, checkout only available if subscription status is ENABLED and visibility status is ENABLED

package/dist/types/types/checkout/form/CustomAddressErrors.d.ts

@@ -0,0 +1,13 @@
+export type CustomAddressErrors = {
+    city: string;
+    firstName: string;
+    lastName: string;
+    line1: string;
+    phone: string;
+    postalCode: string;
+    /**
+     * Toggle to indicate if the error message should be shown
+     */
+    showError: boolean;
+    state: string;
+};

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

@@ -85,6 +85,7 @@ export declare const featureAspectKeyEnum: {
     readonly ClassifySingleRequest: "classify_single_request";
     readonly ComConsolidation: "com_consolidation";
     readonly DashboardCheckout_2Settings: "dashboard_checkout_2_settings";
+    readonly DashboardChurnedNotification: "dashboard_churned_notification";
     readonly DashboardHello_2Settings: "dashboard_hello_2_settings";
     readonly DashboardNewLabelUi: "dashboard_new_label_ui";
     readonly DashboardOrderApprove: "dashboard_order_approve";
@@ -112,6 +113,7 @@ export declare const featureAudienceNameEnum: {
     readonly ClassifyBulkMerchant: "classify_bulk_merchant";
     readonly ClassifyBulkMerchantExportConfidenceScore: "classify_bulk_merchant_export_confidence_score";
     readonly CustomerSuccess: "customer_success";
+    readonly DashboardChurnedNotificationMerchant: "dashboard_churned_notification_merchant";
     readonly DashboardLabelBetaMerchant: "dashboard_label_beta_merchant";
     readonly Designer: "designer";
     readonly DocsContributor: "docs_contributor";
@@ -535,6 +537,160 @@ export declare const promptBulkJobStatusEnum: {
     readonly Queued: "queued";
 };
 export type Prompt_BulkJobStatus_Enum = (typeof promptBulkJobStatusEnum)[keyof typeof promptBulkJobStatusEnum];
+export type AnalyticConversionEventQuery = {
+    cartCreate: {
+        aggregate: {
+            avg: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            count: number;
+            max: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            min: {
+                checkoutStepSeconds: number | null;
+            } | null;
+        } | null;
+    };
+    customerInfoCompleted: {
+        aggregate: {
+            avg: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            count: number;
+            max: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            min: {
+                checkoutStepSeconds: number | null;
+            } | null;
+        } | null;
+    };
+    customerInfoFilled: {
+        aggregate: {
+            avg: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            count: number;
+            max: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            min: {
+                checkoutStepSeconds: number | null;
+            } | null;
+        } | null;
+    };
+    orderCompleted: {
+        aggregate: {
+            avg: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            count: number;
+            max: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            min: {
+                checkoutStepSeconds: number | null;
+            } | null;
+        } | null;
+    };
+    paymentInfoCompleted: {
+        aggregate: {
+            avg: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            count: number;
+            max: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            min: {
+                checkoutStepSeconds: number | null;
+            } | null;
+        } | null;
+    };
+    paymentInfoFilled: {
+        aggregate: {
+            avg: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            count: number;
+            max: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            min: {
+                checkoutStepSeconds: number | null;
+            } | null;
+        } | null;
+    };
+    quoteReceived: {
+        aggregate: {
+            avg: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            count: number;
+            max: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            min: {
+                checkoutStepSeconds: number | null;
+            } | null;
+        } | null;
+    };
+    shippingInfoCompleted: {
+        aggregate: {
+            avg: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            count: number;
+            max: {
+                checkoutStepSeconds: number | null;
+            } | null;
+            min: {
+                checkoutStepSeconds: number | null;
+            } | null;
+        } | null;
+    };
+};
+export type ConversionEventFragmentFragment = {
+    aggregate: {
+        avg: {
+            checkoutStepSeconds: number | null;
+        } | null;
+        count: number;
+        max: {
+            checkoutStepSeconds: number | null;
+        } | null;
+        min: {
+            checkoutStepSeconds: number | null;
+        } | null;
+    } | null;
+};
+export type MetricAllApiPathsQuery = {
+    usage_scriptLoadEvent: Array<{
+        href: string;
+    }>;
+};
+export type MetricApiPathSpeedQuery = {
+    usage_scriptLoadEvent_aggregate: {
+        aggregate: {
+            avg: {
+                loadTimeClientMiddleware: number | null;
+                loadTimeInternal: number | null;
+            } | null;
+            count: number;
+            max: {
+                createdAt: string | null;
+                loadTimeClientMiddleware: number | null;
+                loadTimeInternal: number | null;
+            } | null;
+            min: {
+                createdAt: string | null;
+                loadTimeClientMiddleware: number | null;
+                loadTimeInternal: number | null;
+            } | null;
+        } | null;
+    };
+};
 export type FailToGetQuoteErrorsQuery = {
     error_event_aggregate: {
         aggregate: {
@@ -559,7 +715,7 @@ export type FailToGetQuoteErrorsQuery = {
 };
 export type LocaleCountryMessagesQuery = {
     locale_countryCodesPage: Array<{
-        countryCodes: Array<string>;
+        countryCodes: Array<string> | null;
         countryCodesPageMessageLinks: Array<{
             id: number;
             message: {
@@ -802,6 +958,9 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     allSettings(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<AllSettingsQuery>;
+    analyticConversionEvent(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<AnalyticConversionEventQuery>;
     cleanupTestErrors(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<CleanupTestErrorsMutation>;
@@ -874,6 +1033,12 @@ export declare function getSdk(client: GraphQLClient, withWrapper?: SdkFunctionW
     localeCountryMessages(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<LocaleCountryMessagesQuery>;
+    metricAllApiPaths(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<MetricAllApiPathsQuery>;
+    metricApiPathSpeed(variables?: {
+        [x: string]: never;
+    }, requestHeaders?: GraphQLClientRequestHeaders): Promise<MetricApiPathSpeedQuery>;
     storeVersionSetting(variables?: {
         [x: string]: never;
     }, requestHeaders?: GraphQLClientRequestHeaders): Promise<StoreVersionSettingQuery>;

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

@@ -64,6 +64,7 @@ export const featureAspectKeyEnum = {
   ClassifySingleRequest: 'classify_single_request',
   ComConsolidation: 'com_consolidation',
   DashboardCheckout_2Settings: 'dashboard_checkout_2_settings',
+  DashboardChurnedNotification: 'dashboard_churned_notification',
   DashboardHello_2Settings: 'dashboard_hello_2_settings',
   DashboardNewLabelUi: 'dashboard_new_label_ui',
   DashboardOrderApprove: 'dashboard_order_approve',
@@ -95,6 +96,8 @@ export const featureAudienceNameEnum = {
   ClassifyBulkMerchantExportConfidenceScore:
     'classify_bulk_merchant_export_confidence_score',
   CustomerSuccess: 'customer_success',
+  DashboardChurnedNotificationMerchant:
+    'dashboard_churned_notification_merchant',
   DashboardLabelBetaMerchant: 'dashboard_label_beta_merchant',
   Designer: 'designer',
   DocsContributor: 'docs_contributor',
@@ -541,6 +544,108 @@ export const promptBulkJobStatusEnum = {
 export type Prompt_BulkJobStatus_Enum =
   (typeof promptBulkJobStatusEnum)[keyof typeof promptBulkJobStatusEnum];
 
+export type AnalyticConversionEventQuery = {
+  cartCreate: {
+    aggregate: {
+      avg: { checkoutStepSeconds: number | null } | null;
+      count: number;
+      max: { checkoutStepSeconds: number | null } | null;
+      min: { checkoutStepSeconds: number | null } | null;
+    } | null;
+  };
+  customerInfoCompleted: {
+    aggregate: {
+      avg: { checkoutStepSeconds: number | null } | null;
+      count: number;
+      max: { checkoutStepSeconds: number | null } | null;
+      min: { checkoutStepSeconds: number | null } | null;
+    } | null;
+  };
+  customerInfoFilled: {
+    aggregate: {
+      avg: { checkoutStepSeconds: number | null } | null;
+      count: number;
+      max: { checkoutStepSeconds: number | null } | null;
+      min: { checkoutStepSeconds: number | null } | null;
+    } | null;
+  };
+  orderCompleted: {
+    aggregate: {
+      avg: { checkoutStepSeconds: number | null } | null;
+      count: number;
+      max: { checkoutStepSeconds: number | null } | null;
+      min: { checkoutStepSeconds: number | null } | null;
+    } | null;
+  };
+  paymentInfoCompleted: {
+    aggregate: {
+      avg: { checkoutStepSeconds: number | null } | null;
+      count: number;
+      max: { checkoutStepSeconds: number | null } | null;
+      min: { checkoutStepSeconds: number | null } | null;
+    } | null;
+  };
+  paymentInfoFilled: {
+    aggregate: {
+      avg: { checkoutStepSeconds: number | null } | null;
+      count: number;
+      max: { checkoutStepSeconds: number | null } | null;
+      min: { checkoutStepSeconds: number | null } | null;
+    } | null;
+  };
+  quoteReceived: {
+    aggregate: {
+      avg: { checkoutStepSeconds: number | null } | null;
+      count: number;
+      max: { checkoutStepSeconds: number | null } | null;
+      min: { checkoutStepSeconds: number | null } | null;
+    } | null;
+  };
+  shippingInfoCompleted: {
+    aggregate: {
+      avg: { checkoutStepSeconds: number | null } | null;
+      count: number;
+      max: { checkoutStepSeconds: number | null } | null;
+      min: { checkoutStepSeconds: number | null } | null;
+    } | null;
+  };
+};
+
+export type ConversionEventFragmentFragment = {
+  aggregate: {
+    avg: { checkoutStepSeconds: number | null } | null;
+    count: number;
+    max: { checkoutStepSeconds: number | null } | null;
+    min: { checkoutStepSeconds: number | null } | null;
+  } | null;
+};
+
+export type MetricAllApiPathsQuery = {
+  usage_scriptLoadEvent: Array<{ href: string }>;
+};
+
+export type MetricApiPathSpeedQuery = {
+  usage_scriptLoadEvent_aggregate: {
+    aggregate: {
+      avg: {
+        loadTimeClientMiddleware: number | null;
+        loadTimeInternal: number | null;
+      } | null;
+      count: number;
+      max: {
+        createdAt: string | null;
+        loadTimeClientMiddleware: number | null;
+        loadTimeInternal: number | null;
+      } | null;
+      min: {
+        createdAt: string | null;
+        loadTimeClientMiddleware: number | null;
+        loadTimeInternal: number | null;
+      } | null;
+    } | null;
+  };
+};
+
 export type FailToGetQuoteErrorsQuery = {
   error_event_aggregate: {
     aggregate: { count: number } | null;
@@ -567,7 +672,7 @@ export type FailToGetQuoteErrorsQuery = {
 
 export type LocaleCountryMessagesQuery = {
   locale_countryCodesPage: Array<{
-    countryCodes: Array<string>;
+    countryCodes: Array<string> | null;
     countryCodesPageMessageLinks: Array<{
       id: number;
       message: {
@@ -824,6 +929,20 @@ export function getSdk(
         'query',
       );
     },
+    analyticConversionEvent(
+      variables?: { [x: string]: never },
+      requestHeaders?: GraphQLClientRequestHeaders,
+    ): Promise<AnalyticConversionEventQuery> {
+      return withWrapper(
+        wrappedRequestHeaders =>
+          client.request<AnalyticConversionEventQuery>('', variables, {
+            ...requestHeaders,
+            ...wrappedRequestHeaders,
+          }),
+        'analyticConversionEvent',
+        'query',
+      );
+    },
     cleanupTestErrors(
       variables?: { [x: string]: never },
       requestHeaders?: GraphQLClientRequestHeaders,
@@ -1163,6 +1282,34 @@ export function getSdk(
         'query',
       );
     },
+    metricAllApiPaths(
+      variables?: { [x: string]: never },
+      requestHeaders?: GraphQLClientRequestHeaders,
+    ): Promise<MetricAllApiPathsQuery> {
+      return withWrapper(
+        wrappedRequestHeaders =>
+          client.request<MetricAllApiPathsQuery>('', variables, {
+            ...requestHeaders,
+            ...wrappedRequestHeaders,
+          }),
+        'metricAllApiPaths',
+        'query',
+      );
+    },
+    metricApiPathSpeed(
+      variables?: { [x: string]: never },
+      requestHeaders?: GraphQLClientRequestHeaders,
+    ): Promise<MetricApiPathSpeedQuery> {
+      return withWrapper(
+        wrappedRequestHeaders =>
+          client.request<MetricApiPathSpeedQuery>('', variables, {
+            ...requestHeaders,
+            ...wrappedRequestHeaders,
+          }),
+        'metricApiPathSpeed',
+        'query',
+      );
+    },
     storeVersionSetting(
       variables?: { [x: string]: never },
       requestHeaders?: GraphQLClientRequestHeaders,