@zonos/elements 1.3.12-alpha.1 → 1.3.12-alpha.11

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

@@ -1,10 +1,22 @@
 export declare const stringsSpanish: {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: string;
+    };
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: string;
+    };
     'Above de minimis threshold for': {
         value: string;
     };
     Address: {
         value: string;
     };
+    'Address line 1': {
+        value: string;
+    };
+    'Address line 2': {
+        value: string;
+    };
     Back: {
         value: string;
     };
@@ -14,12 +26,18 @@ export declare const stringsSpanish: {
     'Cart subtotal': {
         value: string;
     };
+    City: {
+        value: string;
+    };
     Contact: {
         value: string;
     };
     'Continue to shipping': {
         value: string;
     };
+    Country: {
+        value: string;
+    };
     Customer: {
         value: string;
     };
@@ -59,6 +77,9 @@ export declare const stringsSpanish: {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: string;
     };
+    Name: {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -77,6 +98,9 @@ export declare const stringsSpanish: {
     'Order total': {
         value: string;
     };
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: string;
+    };
     Pay: {
         value: string;
     };
@@ -98,6 +122,12 @@ export declare const stringsSpanish: {
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
+    'Please resolve the following errors:': {
+        value: string;
+    };
+    'Postal code': {
+        value: string;
+    };
     'Powered by': {
         value: string;
     };
@@ -140,6 +170,9 @@ export declare const stringsSpanish: {
     Spend: {
         value: string;
     };
+    State: {
+        value: string;
+    };
     'Taxes will apply to all orders': {
         value: string;
     };
@@ -176,6 +209,9 @@ export declare const stringsSpanish: {
     'duty free': {
         value: string;
     };
+    'only supports Latin characters (A-Z, a-z)': {
+        value: string;
+    };
     'tax free': {
         value: string;
     };

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

@@ -1,10 +1,22 @@
 export declare const stringsSwedish: {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: string;
+    };
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: string;
+    };
     'Above de minimis threshold for': {
         value: string;
     };
     Address: {
         value: string;
     };
+    'Address line 1': {
+        value: string;
+    };
+    'Address line 2': {
+        value: string;
+    };
     Back: {
         value: string;
     };
@@ -14,12 +26,18 @@ export declare const stringsSwedish: {
     'Cart subtotal': {
         value: string;
     };
+    City: {
+        value: string;
+    };
     Contact: {
         value: string;
     };
     'Continue to shipping': {
         value: string;
     };
+    Country: {
+        value: string;
+    };
     Customer: {
         value: string;
     };
@@ -59,6 +77,9 @@ export declare const stringsSwedish: {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: string;
     };
+    Name: {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -77,6 +98,9 @@ export declare const stringsSwedish: {
     'Order total': {
         value: string;
     };
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: string;
+    };
     Pay: {
         value: string;
     };
@@ -98,6 +122,12 @@ export declare const stringsSwedish: {
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
+    'Please resolve the following errors:': {
+        value: string;
+    };
+    'Postal code': {
+        value: string;
+    };
     'Powered by': {
         value: string;
     };
@@ -140,6 +170,9 @@ export declare const stringsSwedish: {
     Spend: {
         value: string;
     };
+    State: {
+        value: string;
+    };
     'Taxes will apply to all orders': {
         value: string;
     };
@@ -176,6 +209,9 @@ export declare const stringsSwedish: {
     'duty free': {
         value: string;
     };
+    'only supports Latin characters (A-Z, a-z)': {
+        value: string;
+    };
     'tax free': {
         value: string;
     };

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

@@ -1,10 +1,22 @@
 export declare const stringsTurkish: {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: string;
+    };
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: string;
+    };
     'Above de minimis threshold for': {
         value: string;
     };
     Address: {
         value: string;
     };
+    'Address line 1': {
+        value: string;
+    };
+    'Address line 2': {
+        value: string;
+    };
     Back: {
         value: string;
     };
@@ -14,12 +26,18 @@ export declare const stringsTurkish: {
     'Cart subtotal': {
         value: string;
     };
+    City: {
+        value: string;
+    };
     Contact: {
         value: string;
     };
     'Continue to shipping': {
         value: string;
     };
+    Country: {
+        value: string;
+    };
     Customer: {
         value: string;
     };
@@ -59,6 +77,9 @@ export declare const stringsTurkish: {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: string;
     };
+    Name: {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -77,6 +98,9 @@ export declare const stringsTurkish: {
     'Order total': {
         value: string;
     };
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: string;
+    };
     Pay: {
         value: string;
     };
@@ -98,6 +122,12 @@ export declare const stringsTurkish: {
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
+    'Please resolve the following errors:': {
+        value: string;
+    };
+    'Postal code': {
+        value: string;
+    };
     'Powered by': {
         value: string;
     };
@@ -140,6 +170,9 @@ export declare const stringsTurkish: {
     Spend: {
         value: string;
     };
+    State: {
+        value: string;
+    };
     'Taxes will apply to all orders': {
         value: string;
     };
@@ -176,6 +209,9 @@ export declare const stringsTurkish: {
     'duty free': {
         value: string;
     };
+    'only supports Latin characters (A-Z, a-z)': {
+        value: string;
+    };
     'tax free': {
         value: string;
     };

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

@@ -1,10 +1,22 @@
 export declare const stringsVietnamese: {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: string;
+    };
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: string;
+    };
     'Above de minimis threshold for': {
         value: string;
     };
     Address: {
         value: string;
     };
+    'Address line 1': {
+        value: string;
+    };
+    'Address line 2': {
+        value: string;
+    };
     Back: {
         value: string;
     };
@@ -14,12 +26,18 @@ export declare const stringsVietnamese: {
     'Cart subtotal': {
         value: string;
     };
+    City: {
+        value: string;
+    };
     Contact: {
         value: string;
     };
     'Continue to shipping': {
         value: string;
     };
+    Country: {
+        value: string;
+    };
     Customer: {
         value: string;
     };
@@ -59,6 +77,9 @@ export declare const stringsVietnamese: {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: string;
     };
+    Name: {
+        value: string;
+    };
     'No shipping method selected': {
         value: string;
     };
@@ -77,6 +98,9 @@ export declare const stringsVietnamese: {
     'Order total': {
         value: string;
     };
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: string;
+    };
     Pay: {
         value: string;
     };
@@ -98,6 +122,12 @@ export declare const stringsVietnamese: {
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
+    'Please resolve the following errors:': {
+        value: string;
+    };
+    'Postal code': {
+        value: string;
+    };
     'Powered by': {
         value: string;
     };
@@ -140,6 +170,9 @@ export declare const stringsVietnamese: {
     Spend: {
         value: string;
     };
+    State: {
+        value: string;
+    };
     'Taxes will apply to all orders': {
         value: string;
     };
@@ -176,6 +209,9 @@ export declare const stringsVietnamese: {
     'duty free': {
         value: string;
     };
+    'only supports Latin characters (A-Z, a-z)': {
+        value: string;
+    };
     'tax free': {
         value: string;
     };

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

@@ -7,5 +7,28 @@ declare const translationStore: TranslationStore;
 declare const translationStoreUpdateLanguage: (language: Locale_ElementsSupportedLocationCode_Enum | {
     _placeholder?: never;
 }) => void;
-declare const translate: (key: keyof typeof stringsBase) => string;
+/**
+ * Extracts variables pattern "${pattern}" from a string
+ * @example
+ * type Variables = ExtractVariables<'${percentage} GST due on any order above ${threshold}.'>
+ *
+ * // Variables = 'percentage' | 'threshold'
+ */
+type ExtractVariables<S extends string> = S extends `${infer _Start}\${${infer Var}}${infer End}` ? Var | ExtractVariables<End> : never;
+/**
+ * Require second argument to be an object with keys that match the variables in the string. If no variables are present, second argument is optional.
+ * @example
+ * type Params = TranslateParams<'${percentage} GST due on any order above ${threshold}.'>
+ * // Params = ['${percentage} GST due on any order above ${threshold}.', variables: { percentage: string, threshold: string }]
+ */
+type TranslateParams<T extends string> = ExtractVariables<T> extends never ? [T, variables?: never] : [T, variables: Record<ExtractVariables<T>, string>];
+/**
+ * Translate a string with variables if variable pattern is present in the string
+ * @example
+ * // Require variables:
+ * translate('${percentage} GST due on any order above ${threshold}.', { percentage: '5%', threshold: '$100' })
+ * // No variables:
+ * translate('Above de minimis threshold for')
+ */
+declare const translate: <T extends "${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy." | "${percentage} GST due on any order above ${threshold}." | "Above de minimis threshold for" | "Address" | "Address line 1" | "Address line 2" | "Back" | "Billing address" | "Cart subtotal" | "City" | "Contact" | "Continue to shipping" | "Country" | "Customer" | "Customer information" | "Delivery" | "Duties and taxes will be applied to items and shipping." | "Duties will apply to all orders" | "Duties, taxes, and fees" | "Error creating Checkout" | "Error updating Checkout" | "Expected delivery" | "Go to payment" | "Guaranteed" | "Keep shopping" | "Know about duties and taxes before you buy. Shop with confidence!" | "Name" | "No shipping method selected" | "No shipping methods found - please review and update your address details by selecting the \"Customer\" tab above. If you continue to encounter issues, contact our support team for assistance." | "No shipping methods found - try editing your address or contacting support if the error persists" | "Nothing due at the door" | "Order is over the de minimis threshold for both duty and tax" | "Order total" | "Orders to ${countryName} must be over ${threshold} to ship." | "Pay" | "Payment" | "Payment failed" | "Payment failed. Please try another payment method." | "Payment method" | "Payment processing. We'll update you when payment is received." | "Please ensure your text uses the Latin alphabet only (A-Z, a-z)." | "Please resolve the following errors:" | "Postal code" | "Powered by" | "Prepay duties and taxes at checkout" | "Restricted item" | "Restricted items found" | "Search countries" | "See duty and tax thresholds" | "Select a country" | "Select a language" | "Shipping" | "Shipping address same as billing" | "Shipping information" | "Shipping method" | "Something went wrong." | "Spend" | "State" | "Taxes will apply to all orders" | "There's been an error creating your checkout session. Please reload and try again or contact support if the error persists" | "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists" | "We couldn't complete your payment. Please verify the payment details and try again." | "We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time." | "Welcome to" | "Welcome!" | "You're all set!" | "Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us." | "business days" | "click to learn more" | "duty free" | "only supports Latin characters (A-Z, a-z)" | "tax free">(...[key, replacement]: TranslateParams<T>) => string;
 export { translate, translationStore, translationStoreUpdateLanguage };

package/dist/types/components/stripe/zonos-address/zonos-address.d.ts

@@ -1,5 +1,6 @@
 import type { EventEmitter } from '../../../stencil-public-runtime';
 import type { ContactOption, Stripe } from '@stripe/stripe-js';
+import { containsNonLatinChars } from "../../utils/containsNonLatinChars";
 export declare class ZonosAddress {
     /**
      * The type of address element to render
@@ -18,7 +19,12 @@ export declare class ZonosAddress {
      */
     invalidCharacters: EventEmitter<boolean>;
     stripe: Stripe | null;
-    hasInvalidCharacters: boolean;
+    /**
+     * Flag to know if we already sent a error event when the address contains invalid characters.
+     * We should just send the error event once.
+     */
+    reportedInvalidCharacters: boolean;
+    invalidCharacterList: ReturnType<typeof containsNonLatinChars> | null;
     /**
      * Check if the address is dirty or not to scroll into view. When the component is mounted, if the data is filled with address line 1, it's considered dirty
      */

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

@@ -1,9 +1,18 @@
 import type { CountryCode } from "../../../types/index";
 export type CountryLandedCost = {
+    /**
+     * @param allowLowValueOrders - Right now countries we have opted to block low value orders for are GB
+     * @default true for all countries except GB, with GB, use the value from `allowLowValueOrders`
+     */
+    allowLowValueOrders: boolean;
     calcAsVat: boolean;
-    countryCode: string;
+    countryCode: CountryCode;
     deminimusCurrencyCode: string;
     dutyDeminimus: number;
+    /**
+     * Has tax id in the system for this country
+     */
+    hasTaxId: boolean;
     vatTaxDeminimus: number;
     vatTaxRate: number;
 };

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

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

package/dist/types/components/utils/logging/getNavigatorConnection.d.ts

@@ -0,0 +1,8 @@
+type Connection = {
+    downlink?: number;
+    effectiveType?: 'slow-2g' | '2g' | '3g' | '4g';
+    rtt?: number;
+    saveData?: boolean;
+};
+export declare const getNavigatorConnection: () => Connection | null | undefined;
+export {};

package/dist/types/components/utils/logging/sendLoadScriptLog.d.ts

@@ -0,0 +1,4 @@
+import type { LogLoadScriptRequestBody } from "../../../types/LogLoadScriptRequestBody";
+type Params = Omit<LogLoadScriptRequestBody, 'href'>;
+export declare const sendLoadScriptLog: (params: Params) => Promise<void>;
+export {};

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

@@ -36,6 +36,10 @@ export interface Zonos {
     tempCartData: TempCart | null;
     version: string;
     zonosApiKey: string;
+    /**
+     * Flag to send tracking event to api for conversion testing, since we don't send tracking event to api when in debug/development mode
+     */
+    zonosConversionTest?: boolean;
     zonosQaUrl: string | null;
     displayCurrency: () => void;
     getCurrentTimestamp: () => number;
@@ -52,6 +56,7 @@ export declare abstract class Zonos {
     static storeId: number;
     static doneInit: boolean;
     static debug: boolean;
+    static zonosConversionTest: boolean;
     static isBigCommerce: boolean;
     static internationalHideSelector: string;
     static zonosQaUrl: string | null;

package/dist/types/types/LogLoadScriptRequestBody.d.ts

@@ -0,0 +1,12 @@
+type LoadEventName = 'vercel' | 'jsdelivr';
+export type LogLoadScriptRequestBody = {
+    cache: 'hit' | 'miss';
+    cdnLoadTime?: number;
+    eventName: LoadEventName;
+    href: string;
+    loadTime: number;
+    metadata: Record<string, unknown>;
+    scriptLoadUrl: string;
+    storeId: number;
+};
+export {};

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

@@ -28,7 +28,7 @@ export type CheckoutConfig = {
         orderConfirmation: {
             active: NotificationActiveStatus;
             sendCopiesTo: Array<string>;
-        };
+        } | null;
         orderShipped: {
             active: NotificationActiveStatus;
             sendCopiesTo: Array<string>;