@zonos/elements 1.3.15-alpha.3 → 1.3.15

package/dist/collection/components/store/translationStore/strings.spanish.js

@@ -20,9 +20,15 @@ export const stringsSpanish = {
     Back: {
         value: 'Regresar',
     },
+    Billing: {
+        value: 'Facturación',
+    },
     'Billing address': {
         value: 'Dirección de facturación',
     },
+    Cancel: {
+        value: 'Cancelar',
+    },
     'Cart subtotal': {
         value: 'Subtotal del carrito',
     },
@@ -59,6 +65,9 @@ export const stringsSpanish = {
     'Duties, taxes, and fees': {
         value: 'Aranceles, impuestos y cuotas',
     },
+    Email: {
+        value: 'Correo electrónico',
+    },
     'Error creating Checkout': {
         value: 'Error al crear el pago',
     },
@@ -68,6 +77,9 @@ export const stringsSpanish = {
     'Expected delivery': {
         value: 'Entrega esperada',
     },
+    'First name': {
+        value: 'Nombre',
+    },
     'Go to payment': {
         value: 'Ir al pago',
     },
@@ -80,6 +92,9 @@ export const stringsSpanish = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Conozca los aranceles e impuestos antes de comprar. ¡Compre con confianza!',
     },
+    'Last name': {
+        value: 'Apellido',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'Faltan campos obligatorios. Asegúrate de que todos los campos estén completos.',
     },
@@ -125,12 +140,12 @@ export const stringsSpanish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Procesando pago. Le informaremos cuando se reciba el pago.',
     },
+    'Phone number': {
+        value: 'Número de teléfono',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Por favor, asegúrese de que su texto use solo el alfabeto latino (A-Z, a-z).',
     },
-    'Please resolve the following errors:': {
-        value: 'Por favor, resuelva los siguientes errores:',
-    },
     'Postal code': {
         value: 'Código postal',
     },
@@ -176,6 +191,9 @@ export const stringsSpanish = {
     State: {
         value: 'Estado',
     },
+    'State/Province': {
+        value: 'Estado/Provincia',
+    },
     'Taxes will apply to all orders': {
         value: 'Los impuestos se aplicarán a todos los pedidos',
     },
@@ -185,6 +203,18 @@ export const stringsSpanish = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'Se ha producido un error al actualizar su sesión de pago. Vuelva a cargar la página e inténtelo de nuevo o póngase en contacto con el soporte si el error persiste',
     },
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: 'Para asegurar la entrega, todos los detalles de la dirección deben estar en caracteres latinos.',
+    },
+    'Translated address': {
+        value: 'Dirección traducida',
+    },
+    'Update address': {
+        value: 'Actualizar dirección',
+    },
+    'Update your address': {
+        value: 'Actualiza tu dirección',
+    },
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: 'No pudimos completar su pago. Por favor verifique los datos de pago y vuelva a intentarlo.',
     },
@@ -197,6 +227,9 @@ export const stringsSpanish = {
     'Welcome!': {
         value: '¡Bienvenido!',
     },
+    'What you entered': {
+        value: 'Lo que ingresaste',
+    },
     "You're all set!": {
         value: '¡Está todo listo!',
     },
@@ -212,9 +245,6 @@ export const stringsSpanish = {
     'duty free': {
         value: 'libre de impuestos',
     },
-    'only supports Latin characters (A-Z, a-z)': {
-        value: 'solo admite caracteres latinos (A-Z, a-z)',
-    },
     'tax free': {
         value: 'libre de impuestos',
     },

package/dist/collection/components/store/translationStore/strings.swedish.js

@@ -20,9 +20,15 @@ export const stringsSwedish = {
     Back: {
         value: 'Tillbaka',
     },
+    Billing: {
+        value: 'Fakturering',
+    },
     'Billing address': {
         value: 'Fakturaadress',
     },
+    Cancel: {
+        value: 'Avbryt',
+    },
     'Cart subtotal': {
         value: 'Varukorgens delsumma',
     },
@@ -59,6 +65,9 @@ export const stringsSwedish = {
     'Duties, taxes, and fees': {
         value: 'Tull, skatter och avgifter',
     },
+    Email: {
+        value: 'E-post',
+    },
     'Error creating Checkout': {
         value: 'Fel vid skapande av utcheckning',
     },
@@ -68,6 +77,9 @@ export const stringsSwedish = {
     'Expected delivery': {
         value: 'Beräknad leverans',
     },
+    'First name': {
+        value: 'Förnamn',
+    },
     'Go to payment': {
         value: 'Gå till betalning',
     },
@@ -80,6 +92,9 @@ export const stringsSwedish = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Känn till tull och skatter innan du köper. Handla med förtroende!',
     },
+    'Last name': {
+        value: 'Efternamn',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'Obligatoriska fält saknas. Se till att alla fält är ifyllda.',
     },
@@ -125,12 +140,12 @@ export const stringsSwedish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Betalningsbehandling. Vi kommer att uppdatera dig när betalningen har mottagits.',
     },
+    'Phone number': {
+        value: 'Telefonnummer',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Vänligen se till att din text endast använder det latinska alfabetet (A-Z, a-z).',
     },
-    'Please resolve the following errors:': {
-        value: 'Vänligen åtgärda följande fel:',
-    },
     'Postal code': {
         value: 'Postnummer',
     },
@@ -176,6 +191,9 @@ export const stringsSwedish = {
     State: {
         value: 'Stat',
     },
+    'State/Province': {
+        value: 'Delstat/Provins',
+    },
     'Taxes will apply to all orders': {
         value: 'Skatter kommer att gälla för alla beställningar',
     },
@@ -185,6 +203,18 @@ export const stringsSwedish = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'Det har uppstått ett fel när din utcheckningssession uppdaterades. Vänligen ladda om sidan och försök igen eller kontakta supporten om felet kvarstår',
     },
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: 'För att säkerställa leveransen måste alla adressuppgifter vara på latinska tecken.',
+    },
+    'Translated address': {
+        value: 'Översatt adress',
+    },
+    'Update address': {
+        value: 'Uppdatera adress',
+    },
+    'Update your address': {
+        value: 'Uppdatera din adress',
+    },
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: 'Vi kunde inte slutföra din betalning. Vänligen verifiera betalningsuppgifterna och försök igen.',
     },
@@ -197,6 +227,9 @@ export const stringsSwedish = {
     'Welcome!': {
         value: 'Välkommen!',
     },
+    'What you entered': {
+        value: 'Det du angav',
+    },
     "You're all set!": {
         value: 'Du är klar!',
     },
@@ -212,9 +245,6 @@ export const stringsSwedish = {
     'duty free': {
         value: 'tullfri',
     },
-    'only supports Latin characters (A-Z, a-z)': {
-        value: 'stöder endast latinska tecken (A-Z, a-z)',
-    },
     'tax free': {
         value: 'skattefri',
     },

package/dist/collection/components/store/translationStore/strings.turkish.js

@@ -20,9 +20,15 @@ export const stringsTurkish = {
     Back: {
         value: 'Geri',
     },
+    Billing: {
+        value: 'Faturalama',
+    },
     'Billing address': {
         value: 'Fatura Adresi',
     },
+    Cancel: {
+        value: 'İptal',
+    },
     'Cart subtotal': {
         value: 'Sepet ara toplam',
     },
@@ -59,6 +65,9 @@ export const stringsTurkish = {
     'Duties, taxes, and fees': {
         value: 'Gümrük vergisi, vergiler ve ücretler',
     },
+    Email: {
+        value: 'E-posta',
+    },
     'Error creating Checkout': {
         value: 'Ödeme oluşturma hatası',
     },
@@ -68,6 +77,9 @@ export const stringsTurkish = {
     'Expected delivery': {
         value: 'Beklenen teslimat',
     },
+    'First name': {
+        value: 'Ad',
+    },
     'Go to payment': {
         value: 'Ödemeye git',
     },
@@ -80,6 +92,9 @@ export const stringsTurkish = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Satın almadan önce vergi ve gümrük vergileri hakkında bilgi edinin. Güvenle alışveriş yapın!',
     },
+    'Last name': {
+        value: 'Soyad',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'Gerekli alanlar eksik. Tüm alanların tamamlandığından emin olun.',
     },
@@ -125,12 +140,12 @@ export const stringsTurkish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Ödeme işleniyor. Ödeme alındığında sizi bilgilendireceğiz.',
     },
+    'Phone number': {
+        value: 'Telefon numarası',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Lütfen metninizin sadece Latin alfabesini kullandığından emin olun (A-Z, a-z).',
     },
-    'Please resolve the following errors:': {
-        value: 'Lütfen aşağıdaki hataları çözün:',
-    },
     'Postal code': {
         value: 'Posta kodu',
     },
@@ -176,6 +191,9 @@ export const stringsTurkish = {
     State: {
         value: 'Eyalet',
     },
+    'State/Province': {
+        value: 'Eyalet/İl',
+    },
     'Taxes will apply to all orders': {
         value: 'Vergiler tüm siparişlere uygulanacak.',
     },
@@ -185,6 +203,18 @@ export const stringsTurkish = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'Ödeme oturumunuzu güncelleme sırasında bir hata oluştu. Lütfen hata devam ederse sayfayı yeniden yükleyin ve tekrar deneyin veya destekle iletişime geçin',
     },
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: 'Teslimatı sağlamak için tüm adres detaylarının Latin karakterleriyle olması gerekir.',
+    },
+    'Translated address': {
+        value: 'Çevrilmiş adres',
+    },
+    'Update address': {
+        value: 'Adresi güncelle',
+    },
+    'Update your address': {
+        value: 'Adresini güncelle',
+    },
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: 'Ödemenizi tamamlayamadık. Lütfen ödeme bilgilerinizi kontrol edip tekrar deneyin.',
     },
@@ -197,6 +227,9 @@ export const stringsTurkish = {
     'Welcome!': {
         value: 'Hoş geldiniz!',
     },
+    'What you entered': {
+        value: 'Girdiğin şey',
+    },
     "You're all set!": {
         value: 'Hazırsınız!',
     },
@@ -212,9 +245,6 @@ export const stringsTurkish = {
     'duty free': {
         value: 'gümrüksüz',
     },
-    'only supports Latin characters (A-Z, a-z)': {
-        value: 'sadece Latin karakterleri destekler (A-Z, a-z)',
-    },
     'tax free': {
         value: 'vergisiz',
     },

package/dist/collection/components/store/translationStore/strings.vietnamese.js

@@ -20,9 +20,15 @@ export const stringsVietnamese = {
     Back: {
         value: 'Quay lại',
     },
+    Billing: {
+        value: 'Thanh toán',
+    },
     'Billing address': {
         value: 'Địa chỉ thanh toán',
     },
+    Cancel: {
+        value: 'Hủy bỏ',
+    },
     'Cart subtotal': {
         value: 'Tổng giỏ hàng',
     },
@@ -59,6 +65,9 @@ export const stringsVietnamese = {
     'Duties, taxes, and fees': {
         value: 'Thuế, phí và lệ phí',
     },
+    Email: {
+        value: 'Email',
+    },
     'Error creating Checkout': {
         value: 'Lỗi khi tạo phiên thanh toán',
     },
@@ -68,6 +77,9 @@ export const stringsVietnamese = {
     'Expected delivery': {
         value: 'Dự kiến giao hàng',
     },
+    'First name': {
+        value: 'Tên',
+    },
     'Go to payment': {
         value: 'Đi đến thanh toán',
     },
@@ -80,6 +92,9 @@ export const stringsVietnamese = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Tìm hiểu về thuế và phí trước khi mua hàng. Mua sắm với sự tự tin!',
     },
+    'Last name': {
+        value: 'Họ',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'Thiếu trường bắt buộc. Đảm bảo tất cả các trường đã được hoàn thành.',
     },
@@ -125,12 +140,12 @@ export const stringsVietnamese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Đang xử lý thanh toán. Chúng tôi sẽ thông báo khi nhận được thanh toán.',
     },
+    'Phone number': {
+        value: 'Số điện thoại',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Vui lòng đảm bảo rằng văn bản của bạn chỉ sử dụng bảng chữ cái Latinh (A-Z, a-z).',
     },
-    'Please resolve the following errors:': {
-        value: 'Vui lòng giải quyết các lỗi sau:',
-    },
     'Postal code': {
         value: 'Mã bưu điện',
     },
@@ -176,6 +191,9 @@ export const stringsVietnamese = {
     State: {
         value: 'Bang',
     },
+    'State/Province': {
+        value: 'Bang/Tỉnh',
+    },
     'Taxes will apply to all orders': {
         value: 'Thuế sẽ áp dụng cho tất cả đơn hàng',
     },
@@ -185,6 +203,18 @@ export const stringsVietnamese = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'Đã xảy ra lỗi khi cập nhật phiên thanh toán của bạn. Vui lòng tải lại và thử lại hoặc liên hệ với hỗ trợ nếu lỗi vẫn tiếp tục',
     },
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: 'Để đảm bảo giao hàng, tất cả chi tiết địa chỉ phải bằng ký tự Latinh.',
+    },
+    'Translated address': {
+        value: 'Địa chỉ đã dịch',
+    },
+    'Update address': {
+        value: 'Cập nhật địa chỉ',
+    },
+    'Update your address': {
+        value: 'Cập nhật địa chỉ của bạn',
+    },
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: 'Chúng tôi không thể hoàn tất thanh toán của bạn. Vui lòng xác minh thông tin thanh toán và thử lại.',
     },
@@ -197,6 +227,9 @@ export const stringsVietnamese = {
     'Welcome!': {
         value: 'Chào mừng!',
     },
+    'What you entered': {
+        value: 'Những gì bạn đã nhập',
+    },
     "You're all set!": {
         value: 'Bạn đã sẵn sàng!',
     },
@@ -212,9 +245,6 @@ export const stringsVietnamese = {
     'duty free': {
         value: 'miễn thuế',
     },
-    'only supports Latin characters (A-Z, a-z)': {
-        value: 'chỉ hỗ trợ ký tự Latinh (A-Z, a-z)',
-    },
     'tax free': {
         value: 'không chịu thuế',
     },

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -1,21 +1,8 @@
 import { h, Host, } from "@stencil/core";
 import { stripeStore } from "../../store/checkout/stripe";
 import { localizationStore } from "../../store/hello/localization";
-import { translate } from "../../store/translationStore";
-import { zonosStore } from "../../store/zonosStore";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
-import { containsNonLatinChars } from "../../utils/containsNonLatinChars";
 import { logError } from "../../utils/logging/logError";
-import { sendErrorLog } from "../../utils/logging/sendErrorLog";
-const mappedFields = {
-    city: 'City',
-    country: 'Country',
-    line1: 'Address line 1',
-    line2: 'Address line 2',
-    name: 'Name',
-    postal_code: 'Postal code',
-    state: 'State',
-};
 /**
  * This component is a wrapper for the stripe address element that would render default style object
  */
@@ -25,8 +12,6 @@ export class ZonosAddress {
         this.titleText = undefined;
         this.defaultAddress = null;
         this.stripe = window.Zonos.stripe;
-        this.reportedInvalidCharacters = false;
-        this.invalidCharacterList = null;
         this.isDirtyAddress = false;
     }
     getStripeAddressInstance() {
@@ -52,9 +37,6 @@ export class ZonosAddress {
                 stripeStore.stripeAddressEventData = event;
                 break;
         }
-        const invalidCharacterList = this.checkInvalidCharacters(event);
-        this.invalidCharacterList = invalidCharacterList;
-        this.invalidCharacters.emit(!!invalidCharacterList);
     }
     updateAddressElement({ stripeAddressElement, type, }) {
         if (type === 'shipping') {
@@ -63,47 +45,6 @@ export class ZonosAddress {
         }
         stripeStore.stripeBillingAddressElement = stripeAddressElement;
     }
-    checkInvalidCharacters(address) {
-        // Do nothing if the allowed character sets is ALL or the address is incomplete
-        if (!address.complete ||
-            zonosStore.checkoutSettings.allowedCharacterSets === 'ALL') {
-            return null;
-        }
-        const { address: addressValue, firstName, lastName, name } = address.value;
-        const { city, country, line1, line2, postal_code, state } = addressValue;
-        const invalidList = containsNonLatinChars({
-            city,
-            country,
-            line1,
-            line2: line2 || '',
-            name: name || `${firstName} ${lastName}`,
-            postal_code,
-            state,
-        });
-        if (!Object.keys(invalidList).length) {
-            return null;
-        }
-        // send error event only once so we know what value is invalid
-        if (!this.reportedInvalidCharacters) {
-            this.reportedInvalidCharacters = true;
-            void sendErrorLog({
-                endpoint: 'NonLatinInput',
-                errors: Object.keys(invalidList).map(fieldName => {
-                    var _a;
-                    if (fieldName !== 'name') {
-                        // trim all number so we don't send sensitive information
-                        const trimmedAddress = (_a = addressValue[fieldName]) === null || _a === void 0 ? void 0 : _a.replace(/[\d\w]+/g, '');
-                        return `Invalid character found ${fieldName}: "${trimmedAddress}"`;
-                    }
-                    const customerName = name || `${firstName} ${lastName}`;
-                    const trimmedName = customerName.replace(/[\d\w]+/g, '');
-                    return `Invalid character found ${fieldName}: "${trimmedName}"`;
-                }),
-                metadata: {},
-            });
-        }
-        return invalidList;
-    }
     async watchInitStripe() {
         var _a, _b;
         this.stripe = window.Zonos.stripe;
@@ -191,17 +132,10 @@ export class ZonosAddress {
                 stripeAddressEventData.value.address.line1.length > 0;
         // @Watch doesn't get trigger on initial load
         void this.watchInitStripe();
-        setTimeout(() => {
-            // check if the address contains invalid characters after address is loaded
-            const newStripeAddressEventData = this.getStripeAddressInstance().stripeAddressEventData;
-            if (newStripeAddressEventData) {
-                this.checkInvalidCharacters(newStripeAddressEventData);
-            }
-        }, 500);
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'd5100d824d84c5e5b238f4877d489ca1b3f7b886', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '0fd51ddf9b08b4f62aa75a5f2e919d40e52f6fc3', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '3a53ec2a36e96639ec5437b928d4be4b84fb3aff', class: "zonos--address-component" }), this.invalidCharacterList && (h("zonos-banner", { key: '1141be407cff5b6741a40a06712a71e881d3a082', bannerTitle: translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (h("zonos-text", null, `- ${translate(mappedFields[fieldName])}: ${translate('only supports Latin characters (A-Z, a-z)')}`)))))));
+        return (h(Host, { key: 'f45a7bbe9d6b5ffac15671a862b3ad4f2eb4a87b', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'a9119e6e0c4e5c81a7d17ebe4d6bec925404a3dd', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '7dc12043c6e75ebabd646490c390bafdc2cd4a1d', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -255,10 +189,10 @@ export class ZonosAddress {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ContactOption | null",
+                    "original": "StripeContactOption | null",
                     "resolved": "ContactOption | null",
                     "references": {
-                        "ContactOption": {
+                        "StripeContactOption": {
                             "location": "import",
                             "path": "@stripe/stripe-js",
                             "id": ""
@@ -278,8 +212,6 @@ export class ZonosAddress {
     static get states() {
         return {
             "stripe": {},
-            "reportedInvalidCharacters": {},
-            "invalidCharacterList": {},
             "isDirtyAddress": {}
         };
     }

package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { h, Host } from "@stencil/core";
-import { stripeStore, stripeStorePrefetchLandedCost, } from "../../store/checkout/stripe";
+import { stripeStore } from "../../store/checkout/stripe";
 import { logError } from "../../utils/logging/logError";
 /**
  * This component is a wrapper for the stripe authentication element that would render default style object
@@ -8,15 +8,23 @@ import { logError } from "../../utils/logging/logError";
 export class ZonosLinkAuthentication {
     constructor() {
         this.titleText = undefined;
+        this.defaultEmail = null;
         this.stripe = stripeStore.stripe;
     }
     watchInitStripe() {
         if (!this.stripe || !stripeStore.stripeElements) {
             return;
         }
+        const defaultValues = this.defaultEmail
+            ? {
+                email: this.defaultEmail,
+            }
+            : undefined;
         // Create and mount the Authentication Element in ${type} mode
         const linkAuthenticationElement = stripeStore.stripeLinkElement ||
-            stripeStore.stripeElements.create('linkAuthentication');
+            stripeStore.stripeElements.create('linkAuthentication', {
+                defaultValues: defaultValues || undefined,
+            });
         const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
         if (!linkAuthenticationElementContainer) {
             logError('Cannot find container element for linkAuthenticationElement');
@@ -25,8 +33,6 @@ export class ZonosLinkAuthentication {
         linkAuthenticationElement.mount(linkAuthenticationElementContainer);
         linkAuthenticationElement.on('change', event => {
             stripeStore.stripeLinkEventData = event;
-            // run prefetch landed cost when address is changed
-            void stripeStorePrefetchLandedCost();
         });
         stripeStore.stripeLinkElement = linkAuthenticationElement;
     }
@@ -36,7 +42,7 @@ export class ZonosLinkAuthentication {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '97c3c388d1a035e6a46ecdbd3bc66d80a589b19f', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: 'e799af821045b2c1792d2971843afa0c7d3ece5b', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'eaf9be27a11d279c13f261e1312ee8a46e4620f7', class: "zonos--link-authentication-component" })));
+        return (h(Host, { key: '4a7b9eb534e938f791f70e04756aa9fb1c39f2c7', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: 'cc4fe49ed6d4bd7cec502ef739b9e835e9e26584', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'f04a438d04e6ccd608d7ff61ac300fb09da4f0ce', class: "zonos--link-authentication-component" })));
     }
     static get is() { return "zonos-link-authentication"; }
     static get encapsulation() { return "scoped"; }
@@ -68,6 +74,24 @@ export class ZonosLinkAuthentication {
                 },
                 "attribute": "title-text",
                 "reflect": false
+            },
+            "defaultEmail": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Default email for stripe"
+                },
+                "attribute": "default-email",
+                "reflect": false,
+                "defaultValue": "null"
             }
         };
     }

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js

@@ -37,7 +37,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '2ac7d34f60a5e4fc21fed92218e8b467e49bee33', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'a0360edd61bf571645fbc0781a43a94cf02e9acc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '41a1daa79d640eecf197e520145c41cf957fbee1', class: "zonos--payment-component" })));
+        return (h(Host, { key: '7967dfeb2c8661201aed74d3d9f4be1df9eb993d', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '2a3b744c1935f471897ab492efa7d3788907b126', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '7d643ec935dc15339c79237572bd067efa8f23ea', class: "zonos--payment-component" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }