@zonos/elements 1.3.15-alpha.3 → 1.3.16-alpha.0

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

@@ -20,9 +20,15 @@ export declare const stringsTurkish: {
     Back: {
         value: string;
     };
+    Billing: {
+        value: string;
+    };
     'Billing address': {
         value: string;
     };
+    Cancel: {
+        value: string;
+    };
     'Cart subtotal': {
         value: string;
     };
@@ -59,6 +65,9 @@ export declare const stringsTurkish: {
     'Duties, taxes, and fees': {
         value: string;
     };
+    Email: {
+        value: string;
+    };
     'Error creating Checkout': {
         value: string;
     };
@@ -68,6 +77,9 @@ export declare const stringsTurkish: {
     'Expected delivery': {
         value: string;
     };
+    'First name': {
+        value: string;
+    };
     'Go to payment': {
         value: string;
     };
@@ -80,6 +92,9 @@ export declare const stringsTurkish: {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: string;
     };
+    'Last name': {
+        value: string;
+    };
     'Missing required fields. Make sure all fields are completed.': {
         value: string;
     };
@@ -125,10 +140,10 @@ export declare const stringsTurkish: {
     "Payment processing. We'll update you when payment is received.": {
         value: string;
     };
-    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+    'Phone number': {
         value: string;
     };
-    'Please resolve the following errors:': {
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
     'Postal code': {
@@ -176,6 +191,9 @@ export declare const stringsTurkish: {
     State: {
         value: string;
     };
+    'State/Province': {
+        value: string;
+    };
     'Taxes will apply to all orders': {
         value: string;
     };
@@ -185,6 +203,18 @@ export declare const stringsTurkish: {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: string;
     };
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: string;
+    };
+    'Translated address': {
+        value: string;
+    };
+    'Update address': {
+        value: string;
+    };
+    'Update your address': {
+        value: string;
+    };
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: string;
     };
@@ -197,6 +227,9 @@ export declare const stringsTurkish: {
     'Welcome!': {
         value: string;
     };
+    'What you entered': {
+        value: string;
+    };
     "You're all set!": {
         value: string;
     };
@@ -212,9 +245,6 @@ 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

@@ -20,9 +20,15 @@ export declare const stringsVietnamese: {
     Back: {
         value: string;
     };
+    Billing: {
+        value: string;
+    };
     'Billing address': {
         value: string;
     };
+    Cancel: {
+        value: string;
+    };
     'Cart subtotal': {
         value: string;
     };
@@ -59,6 +65,9 @@ export declare const stringsVietnamese: {
     'Duties, taxes, and fees': {
         value: string;
     };
+    Email: {
+        value: string;
+    };
     'Error creating Checkout': {
         value: string;
     };
@@ -68,6 +77,9 @@ export declare const stringsVietnamese: {
     'Expected delivery': {
         value: string;
     };
+    'First name': {
+        value: string;
+    };
     'Go to payment': {
         value: string;
     };
@@ -80,6 +92,9 @@ export declare const stringsVietnamese: {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: string;
     };
+    'Last name': {
+        value: string;
+    };
     'Missing required fields. Make sure all fields are completed.': {
         value: string;
     };
@@ -125,10 +140,10 @@ export declare const stringsVietnamese: {
     "Payment processing. We'll update you when payment is received.": {
         value: string;
     };
-    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+    'Phone number': {
         value: string;
     };
-    'Please resolve the following errors:': {
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: string;
     };
     'Postal code': {
@@ -176,6 +191,9 @@ export declare const stringsVietnamese: {
     State: {
         value: string;
     };
+    'State/Province': {
+        value: string;
+    };
     'Taxes will apply to all orders': {
         value: string;
     };
@@ -185,6 +203,18 @@ export declare const stringsVietnamese: {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: string;
     };
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: string;
+    };
+    'Translated address': {
+        value: string;
+    };
+    'Update address': {
+        value: string;
+    };
+    'Update your address': {
+        value: string;
+    };
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: string;
     };
@@ -197,6 +227,9 @@ export declare const stringsVietnamese: {
     'Welcome!': {
         value: string;
     };
+    'What you entered': {
+        value: string;
+    };
     "You're all set!": {
         value: string;
     };
@@ -212,9 +245,6 @@ 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

@@ -30,5 +30,5 @@ type TranslateParams<T extends string> = ExtractVariables<T> extends never ? [T,
  * // 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" | "Delivery options" | "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!" | "Missing required fields. Make sure all fields are completed." | "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 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;
+declare const translate: <T extends "Shipping" | "Email" | "Name" | "Guaranteed" | "Country" | "Customer" | "Delivery" | "Payment" | "${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" | "Billing address" | "Cancel" | "Cart subtotal" | "City" | "Contact" | "Continue to shipping" | "Customer information" | "Delivery options" | "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" | "First name" | "Go to payment" | "Keep shopping" | "Know about duties and taxes before you buy. Shop with confidence!" | "Last name" | "Missing required fields. Make sure all fields are completed." | "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 failed" | "Payment failed. Please try another payment method." | "Payment method" | "Payment processing. We'll update you when payment is received." | "Phone number" | "Please ensure your text uses the Latin alphabet only (A-Z, a-z)." | "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 address same as billing" | "Shipping method" | "Something went wrong." | "Spend" | "State" | "State/Province" | "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" | "To ensure delivery all address details must be in Latin characters." | "Translated address" | "Update address" | "Update your address" | "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!" | "What you entered" | "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" | "tax free">(...[key, replacement]: TranslateParams<T>) => string;
 export { translate, translationStore, translationStoreUpdateLanguage };

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

@@ -1,6 +1,5 @@
 import type { EventEmitter } from '../../../stencil-public-runtime';
-import type { ContactOption, Stripe } from '@stripe/stripe-js';
-import { containsNonLatinChars } from "../../utils/containsNonLatinChars";
+import type { ContactOption as StripeContactOption, Stripe } from '@stripe/stripe-js';
 export declare class ZonosAddress {
     /**
      * The type of address element to render
@@ -13,18 +12,12 @@ export declare class ZonosAddress {
     /**
      * Default address for stripe
      */
-    defaultAddress: ContactOption | null;
+    defaultAddress: StripeContactOption | null;
     /**
      * Event to emit when address is not containing allowed character sets
      */
     invalidCharacters: EventEmitter<boolean>;
     stripe: Stripe | null;
-    /**
-     * 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
      */
@@ -33,7 +26,6 @@ export declare class ZonosAddress {
     private getStripeAddressInstance;
     private updateAddressEventData;
     private updateAddressElement;
-    private checkInvalidCharacters;
     watchInitStripe(): Promise<void>;
     disconnectedCallback(): void;
     componentDidLoad(): void;

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

@@ -4,6 +4,10 @@ export declare class ZonosLinkAuthentication {
      * The title text for the authentication element
      */
     titleText: string;
+    /**
+     * Default email for stripe
+     */
+    defaultEmail: string | null;
     stripe: Stripe | null;
     el: HTMLZonosLinkAuthenticationElement;
     watchInitStripe(): void;

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

@@ -37,7 +37,7 @@ import type { IDeepKeyof, IDeepPropertyType } from "../../types/utils/deep/IDeep
       },
     };
  */
-export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends IDeepKeyof<T, Depth>, Depth extends 0 | 8 | 7 | 1 | 2 | 3 | 4 | 5 | 6 | 9 = 4>({ obj, propertyPath, value, }: {
+export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends IDeepKeyof<T, Depth>, Depth extends 0 | 1 | 2 | 6 | 8 | 3 | 4 | 5 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
     obj: T;
     propertyPath: P;
     value: IDeepPropertyType<T, P, Depth>;

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

@@ -60,7 +60,7 @@ import type { IDeepKeyofAtIndex, IDeepPropertyTypeAtIndex } from "../../types/ut
       },
     };
  */
-export declare const changeDeepPropertyAtIndex: <T extends object, P extends IDeepKeyofAtIndex<T, Depth>, Depth extends 0 | 8 | 7 | 1 | 2 | 3 | 4 | 5 | 6 | 9 = 4>({ index, obj, propertyPath, value, }: {
+export declare const changeDeepPropertyAtIndex: <T extends object, P extends IDeepKeyofAtIndex<T, Depth>, Depth extends 0 | 1 | 2 | 6 | 8 | 3 | 4 | 5 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
     index: number;
     obj: T;
     propertyPath: P;

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

@@ -0,0 +1,26 @@
+import type { StripeAddressElementChangeEvent } from '@stripe/stripe-js';
+import type { containsNonLatinChars } from "../containsNonLatinChars";
+import type { ValidateAddressRequestBody } from "../../../types/checkout/api/ValidateAddressRequest";
+type Params = {
+    addressInvalidCharactersList: ReturnType<typeof containsNonLatinChars> | null;
+    billingAddressInvalidCharactersList: ReturnType<typeof containsNonLatinChars> | null;
+    stripeAddressEventData: StripeAddressElementChangeEvent | null;
+    stripeBillingAddressEventData: StripeAddressElementChangeEvent | null;
+    stripeShippingSameAsBilling: boolean;
+};
+/**
+ * This function builds the request body for validating an address. It checks if the address and billing address are ready and if they contain any invalid characters.
+ * If there are non-latin character to translate, returns an object with the address fields that have invalid characters, the destination country, and the first and last name.
+ * If the conditions are not met, it returns null.
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {ReturnType<typeof containsNonLatinChars> | null} params.addressInvalidCharactersList - The list of address fields that contain invalid characters.
+ * @param {ReturnType<typeof containsNonLatinChars> | null} params.billingAddressInvalidCharactersList - The list of billing address fields that contain invalid characters.
+ * @param {StripeAddressEventData} params.stripeAddressEventData - The Stripe event data for the address.
+ * @param {StripeAddressEventData} params.stripeBillingAddressEventData - The Stripe event data for the billing address.
+ * @param {boolean} params.stripeShippingSameAsBilling - A flag indicating whether the shipping address is the same as the billing address.
+ *
+ * @returns {ValidateAddressRequestBody | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
+ */
+export declare const buildTranslateRequestBody: ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }: Params) => ValidateAddressRequestBody | null;
+export {};

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

@@ -8,6 +8,7 @@ type Params = {
     state: string;
 };
 type Result = Partial<Record<keyof Params, boolean>>;
+export declare const isTextContainsNonLatinChars: (text: string) => boolean;
 /**
  * Check if the given address object contains non-latin characters
  * @returns an object with the same keys as the input object, and a boolean value indicating if the value contains non-latin characters

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

@@ -4,4 +4,10 @@ import type { ElementsUiStyle } from "../../types/generated/graphql.customer.typ
  * @param overrideBorderStyle
  * @returns
  */
-export declare const getBorderRadius: (overrideBorderStyle?: ElementsUiStyle, customRoundRadius?: string) => string;
+export declare const getBorderRadius: (params?: {
+    /**
+     * This is the custom round radius for component that 10px is too much for them
+     */
+    customRoundRadius?: string;
+    overrideBorderStyle?: ElementsUiStyle;
+}) => string;