@zonos/elements 1.3.11-alpha.0 → 1.3.11-alpha.2

package/dist/esm/{cart-5a88b4f3.js → cart-cc09eaef.js}

@@ -1,6 +1,6 @@
-import { c as createStore, z as zonosStore } from './zonosStore-aac7c6ac.js';
-import { i as isDarkColor } from './isDarkColor-c34dfed9.js';
-import { g as getBorderRadius } from './getBorderRadius-5d750ab8.js';
+import { c as createStore, z as zonosStore } from './zonosStore-c4c45591.js';
+import { i as isDarkColor } from './isDarkColor-6bf71e51.js';
+import { g as getBorderRadius } from './getBorderRadius-a89e45fb.js';
 
 const stringsArabic = {
     'Above de minimis threshold for': {
@@ -66,6 +66,9 @@ const stringsArabic = {
     'No shipping method selected': {
         value: 'لم يتم تحديد طريقة الشحن',
     },
+    '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.': {
+        value: 'لم يتم العثور على طرق شحن - يرجى مراجعة وتحديث تفاصيل عنوانك بتحديد علامة التبويب "العميل" أعلاه. إذا واصلت مواجهة مشكلات، اتصل بفريق الدعم لدينا للحصول على المساعدة.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'لم يتم العثور على طرق شحن - جرب تحرير عنوانك أو الاتصال بالدعم إذا استمر الخطأ',
     },
@@ -246,6 +249,9 @@ const stringsBase = {
     'No shipping method selected': {
         value: '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.': {
+        value: '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': {
         value: 'No shipping methods found - try editing your address or contacting support if the error persists',
     },
@@ -426,6 +432,9 @@ const stringsChinese = {
     'No shipping method selected': {
         value: '未选择运输方式',
     },
+    '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.': {
+        value: '未找到配送方式 - 请通过选择上方的"客户"标签，检查并更新您的地址详情。如果您继续遇到问题，请联系我们的支持团队寻求帮助。',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: '未找到运输方法 - 如果错误仍然存在，请尝试编辑您的地址或联系支持',
     },
@@ -606,6 +615,9 @@ const stringsDanish = {
     'No shipping method selected': {
         value: 'Ingen leveringsmetode valgt',
     },
+    '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.': {
+        value: 'Ingen leveringsmetoder fundet - venligst gennemgå og opdater dine adresseoplysninger ved at vælge "Kunde" fanen ovenfor. Hvis du fortsætter med at opleve problemer, kontakt da vores supportteam for assistance.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Ingen forsendelsesmetoder fundet - prøv at redigere din adresse eller kontakte support, hvis fejlen fortsætter',
     },
@@ -786,6 +798,9 @@ const stringsDutch = {
     'No shipping method selected': {
         value: 'Geen verzendmethode geselecteerd',
     },
+    '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.': {
+        value: 'Geen verzendmethoden gevonden - gelieve uw adresgegevens te controleren en bij te werken door het tabblad "Klant" hierboven te selecteren. Als u problemen blijft ondervinden, neem dan contact op met ons ondersteuningsteam voor hulp.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Geen verzendmethoden gevonden - probeer uw adres te bewerken of neem contact op met de ondersteuning als de fout aanhoudt',
     },
@@ -966,6 +981,9 @@ const stringsFrench = {
     'No shipping method selected': {
         value: 'Aucune méthode de livraison sélectionnée',
     },
+    '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.': {
+        value: "Aucune méthode d'expédition trouvée - veuillez vérifier et mettre à jour vos détails d'adresse en sélectionnant l'onglet 'Client' ci-dessus. Si vous continuez à rencontrer des problèmes, contactez notre équipe de support pour assistance.",
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: "Aucune méthode d'expédition trouvée - essayez de modifier votre adresse ou de contacter le support si l'erreur persiste",
     },
@@ -1146,6 +1164,9 @@ const stringsGerman = {
     'No shipping method selected': {
         value: 'Keine Versandart ausgewählt',
     },
+    '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.': {
+        value: 'Keine Versandmethoden gefunden - bitte überprüfen und aktualisieren Sie Ihre Adressangaben, indem Sie den Reiter "Kunde" oben auswählen. Wenn Sie weiterhin Probleme haben, kontaktieren Sie unser Support-Team zur Unterstützung.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Keine Versandmethoden gefunden - versuchen Sie, Ihre Adresse zu bearbeiten, oder kontaktieren Sie den Support, wenn der Fehler weiterhin besteht',
     },
@@ -1326,6 +1347,9 @@ const stringsHebrew = {
     'No shipping method selected': {
         value: 'לא נבחרה שיטת משלוח',
     },
+    '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.': {
+        value: 'לא נמצאו שיטות משלוח - אנא בדוק ועדכן את פרטי הכתובת שלך על ידי בחירת הכרטיסייה "לקוח" למעלה. אם אתה ממשיך להיתקל בבעיות, צור קשר עם צוות התמיכה שלנו לעזרה.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'לא נמצאו שיטות משלוח - נסו לערוך את הכתובת שלך או ליצור קשר עם התמיכה אם השגיאה ממשיכה',
     },
@@ -1506,6 +1530,9 @@ const stringsIndonesian = {
     'No shipping method selected': {
         value: 'Tidak ada metode pengiriman yang dipilih',
     },
+    '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.': {
+        value: 'Tidak ditemukan metode pengiriman - silakan tinjau dan perbarui detail alamat Anda dengan memilih tab "Pelanggan" di atas. Jika Anda terus mengalami masalah, hubungi tim dukungan kami untuk bantuan.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Tidak ditemukan metode pengiriman - coba edit alamat Anda atau hubungi dukungan jika kesalahan masih berlanjut',
     },
@@ -1686,6 +1713,9 @@ const stringsItalian = {
     'No shipping method selected': {
         value: 'Nessun metodo di spedizione selezionato',
     },
+    '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.': {
+        value: 'Nessun metodo di spedizione trovato - si prega di rivedere e aggiornare i dettagli del vostro indirizzo selezionando la scheda "Cliente" sopra. Se continuate a incontrare problemi, contattate il nostro team di supporto per assistenza.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: "Nessun metodo di spedizione trovato - prova a modificare il tuo indirizzo o contatta il supporto se l'errore persiste",
     },
@@ -1866,6 +1896,9 @@ const stringsJapanese = {
     'No shipping method selected': {
         value: '配送方法が選択されていません',
     },
+    '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.': {
+        value: '配送方法が見つかりませんでした - 上の「顧客」タブを選択して住所の詳細を確認し、更新してください。引き続き問題が発生する場合は、サポートチームに連絡して支援を受けてください。',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: '配送方法が見つかりません - 住所を編集するか、エラーが続く場合はサポートにお問い合わせください',
     },
@@ -2046,6 +2079,9 @@ const stringsKorean = {
     'No shipping method selected': {
         value: '선택된 배송 방법이 없습니다',
     },
+    '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.': {
+        value: '배송 방법을 찾을 수 없습니다 - 위의 "고객" 탭을 선택하여 주소 세부 정보를 검토하고 업데이트하십시오. 문제가 계속 발생하는 경우, 지원 팀에 연락하여 도움을 받으십시오.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: '배송 방법을 찾을 수 없습니다 - 주소를 편집하거나 오류가 계속되는 경우 지원팀에 문의하세요',
     },
@@ -2226,6 +2262,9 @@ const stringsNorwegian = {
     'No shipping method selected': {
         value: 'Ingen fraktmetode valgt',
     },
+    '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.': {
+        value: 'Ingen fraktmetoder funnet - vennligst se over og oppdater dine adresseopplysninger ved å velge "Kunde"-fanen ovenfor. Hvis du fortsetter å oppleve problemer, kontakt vårt støtteteam for assistanse.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Ingen fraktmetoder funnet - prøv å redigere adressen din eller kontakte støtte hvis feilen fortsetter',
     },
@@ -2406,6 +2445,9 @@ const stringsPolish = {
     'No shipping method selected': {
         value: 'Nie wybrano metody wysyłki',
     },
+    '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.': {
+        value: 'Nie znaleziono metod wysyłki - proszę przejrzeć i zaktualizować szczegóły adresu, wybierając zakładkę "Klient" powyżej. Jeśli nadal napotykasz problemy, skontaktuj się z naszym zespołem wsparcia w celu uzyskania pomocy.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Nie znaleziono metod dostawy - spróbuj edytować swój adres lub skontaktować się z obsługą, jeśli błąd będzie się utrzymywać',
     },
@@ -2586,6 +2628,9 @@ const stringsPortuguese = {
     'No shipping method selected': {
         value: 'Nenhum método de envio selecionado',
     },
+    '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.': {
+        value: 'Nenhum método de envio encontrado - por favor, revise e atualize os detalhes do seu endereço selecionando a aba "Cliente" acima. Se você continuar encontrando problemas, entre em contato com nossa equipe de suporte para assistência.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Nenhum método de envio encontrado - tente editar seu endereço ou entrar em contato com o suporte se o erro persistir',
     },
@@ -2766,6 +2811,9 @@ const stringsRussian = {
     'No shipping method selected': {
         value: 'Метод доставки не выбран',
     },
+    '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.': {
+        value: 'Способы доставки не найдены - пожалуйста, проверьте и обновите детали вашего адреса, выбрав вкладку "Клиент" выше. Если вы продолжаете сталкиваться с проблемами, свяжитесь с нашей службой поддержки за помощью.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Не найдено методов доставки - попробуйте отредактировать ваш адрес или свяжитесь с поддержкой, если ошибка сохраняется',
     },
@@ -2946,6 +2994,9 @@ const stringsSpanish = {
     'No shipping method selected': {
         value: 'No se ha seleccionado un método de envío',
     },
+    '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.': {
+        value: 'No se encontraron métodos de envío - por favor revise y actualice los detalles de su dirección seleccionando la pestaña "Cliente" arriba. Si continúa encontrando problemas, contacte a nuestro equipo de soporte para obtener ayuda.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'No se encontraron métodos de envío: intenta editar tu dirección o contactar al soporte si el error persiste',
     },
@@ -3126,6 +3177,9 @@ const stringsSwedish = {
     'No shipping method selected': {
         value: 'Ingen fraktmetod vald',
     },
+    '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.': {
+        value: 'Inga leveransmetoder hittades - vänligen granska och uppdatera dina adressuppgifter genom att välja "Kund"-fliken ovan. Om du fortsätter att stöta på problem, kontakta vårt supportteam för hjälp.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Inga leveransmetoder hittades - försök redigera din adress eller kontakta supporten om felet kvarstår',
     },
@@ -3306,6 +3360,9 @@ const stringsTurkish = {
     'No shipping method selected': {
         value: 'Kargo yöntemi seçilmedi',
     },
+    '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.': {
+        value: 'Gönderim yöntemleri bulunamadı - lütfen "Müşteri" sekmesini yukarıdan seçerek adres detaylarınızı gözden geçirin ve güncelleyin. Sorunlarla karşılaşmaya devam ederseniz, yardım için destek ekibimizle iletişime geçin.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Hiçbir gönderi yöntemi bulunamadı - eğer hata devam ediyorsa adresinizi düzenlemeyi deneyin veya destekle iletişime geçin',
     },
@@ -3486,6 +3543,9 @@ const stringsVietnamese = {
     'No shipping method selected': {
         value: 'Chưa chọn phương thức vận chuyển',
     },
+    '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.': {
+        value: 'Không tìm thấy phương thức vận chuyển - vui lòng xem lại và cập nhật chi tiết địa chỉ của bạn bằng cách chọn tab "Khách hàng" phía trên. Nếu bạn tiếp tục gặp sự cố, hãy liên hệ với đội ngũ hỗ trợ của chúng tôi để được hỗ trợ.',
+    },
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Không tìm thấy phương thức vận chuyển - hãy thử chỉnh sửa địa chỉ của bạn hoặc liên hệ hỗ trợ nếu lỗi vẫn tiếp tục',
     },
@@ -4409,9 +4469,6 @@ const addressRuleStyle = ({ theme, }) => {
             // any value here will be add up to the default paddingTop (20px).
             paddingTop: '6px',
         },
-        '.Input:focus': {
-            boxShadow: 'none',
-        },
         '.PickerItem--highlight': {
             boxShadow: '0 0 0 2px var(--colorBackground)',
         },
@@ -4633,6 +4690,9 @@ const stripeStorePrefetchLandedCost = async () => {
             }
         }
         catch (err) {
+            // default to empty array if we fail to fetch landed cost, so we can show the error message
+            cartStore.landedCostData = [];
+            cartStore.shippingData = [];
             logError(err);
         }
         stripeStore.isFetchingLandedCost = false;
@@ -4817,6 +4877,7 @@ const getDaysDifference = (targetDate) => {
 const { onChange, reset, state: cartStore, } = createStore(() => ({
     checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
     currency: 'USD',
+    doneSteps: [],
     dutiesTaxFees: 0,
     error: null,
     exchangeRate: null,
@@ -4832,6 +4893,27 @@ const { onChange, reset, state: cartStore, } = createStore(() => ({
     shippingData: null,
     step: 'customer-info',
     subtotal: 0,
+    tabItems: {
+        'customer-info': {
+            index: 1,
+            isDone: false,
+            label: 'Customer',
+            value: 'customer-info',
+        },
+        shipping: {
+            index: 2,
+            isDone: false,
+            label: 'Delivery',
+            value: 'shipping',
+        },
+        // eslint-disable-next-line sort-keys/sort-keys-fix
+        payment: {
+            index: 3,
+            isDone: false,
+            label: 'Payment',
+            value: 'payment',
+        },
+    },
     total: 0,
 }));
 /**
@@ -4981,37 +5063,20 @@ const cartStoreUpdateItems = async (items) => {
     });
     stripeStore.isFetchingSession = false;
 };
-const cartStoreResetSelectedShippingOption = () => {
-    cartStore.selectedShippingOption = null;
-    cartStore.isSelectedShippingAboveDeminimis = false;
-    cartStore.isSelectedShippingGuarantee = false;
-    cartStore.selectedShippingOptionExpectedDate = '';
-    cartStore.selectedShippingOptionTransitTime = '';
-    cartStore.dutiesTaxFees = 0;
-    cartStore.shipping = 0;
-    // reset total to subtotal
-    cartStore.total = cartStore.subtotal;
-};
 const cartStoreNextStep = () => {
     if (cartStore.step === 'customer-info') {
         cartStore.step = 'shipping';
+        //  set customer-info step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { 'customer-info': Object.assign(Object.assign({}, cartStore.tabItems['customer-info']), { isDone: true }) });
     }
     else if (cartStore.step === 'shipping') {
         cartStore.step = 'payment';
+        //  set shipping step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: true }) });
     }
     else if (cartStore.step === 'payment') {
         cartStore.step = 'finish';
     }
 };
-const cartStorePreviousStep = () => {
-    if (cartStore.step === 'payment') {
-        cartStore.step = 'shipping';
-    }
-    else if (cartStore.step === 'shipping') {
-        cartStore.step = 'customer-info';
-        // reset selected shipping option
-        cartStoreResetSelectedShippingOption();
-    }
-};
 
-export { currencyConvertAndFormat as A, currencyConvert as B, currencyFormat as C, stripeStoreRetrievePayment as D, cartStoreUpdateSelectedShippingOption as E, cartStoreGetShippingTransitInfo as F, localizationStoreUpdateSelectedLocale as G, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreUpdateToErrorState as m, stripeStorePrefetchLandedCost as n, cartStoreNextStep as o, stripeStoreConfirmPayment as p, stripeStoreReset as q, cartStorePreviousStep as r, stripeStoreGetDomesticShippingSession as s, translate as t, handleFetch as u, isValidSelector as v, initLocalizationStore as w, getZCountryUrlParam as x, setZCountryUrlParam as y, currencyDisplay as z };
+export { currencyConvert as A, currencyFormat as B, stripeStoreRetrievePayment as C, cartStoreUpdateSelectedShippingOption as D, cartStoreGetShippingTransitInfo as E, localizationStoreUpdateSelectedLocale as F, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreUpdateToErrorState as m, stripeStorePrefetchLandedCost as n, cartStoreNextStep as o, stripeStoreConfirmPayment as p, stripeStoreReset as q, handleFetch as r, stripeStoreGetDomesticShippingSession as s, translate as t, isValidSelector as u, initLocalizationStore as v, getZCountryUrlParam as w, setZCountryUrlParam as x, currencyDisplay as y, currencyConvertAndFormat as z };

package/dist/esm/{getBorderRadius-5d750ab8.js → getBorderRadius-a89e45fb.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-aac7c6ac.js';
+import { z as zonosStore } from './zonosStore-c4c45591.js';
 
 /**
  * Get the border radius for the elements based on the style

package/dist/esm/getContrastColor-5fbc4746.js

@@ -0,0 +1,18 @@
+import { t as tinycolor, i as isDarkColor } from './isDarkColor-6bf71e51.js';
+
+const getContrastColor = ({ backgroundColor, color, }) => {
+    // get readibility of the color
+    const colorReadibilityValue = tinycolor.readability(color, backgroundColor);
+    if (colorReadibilityValue > 2.5) {
+        // no need to change the color if it's already contrast enough
+        return color;
+    }
+    if (isDarkColor(color)) {
+        return '#ffffff';
+    }
+    else {
+        return tinycolor(color).darken(25).toHexString();
+    }
+};
+
+export { getContrastColor as g };

package/dist/esm/{isColorVariable-91c33804.js → isColorVariable-fbf2d80d.js}

@@ -4,7 +4,7 @@ const isColorVariable = (color) => {
         (/--amino-/gi.test(color) ||
             // match 'gray-0'
             /(\-*)\w+-\d+/gi.test(color));
-    return (isAminoVariable &&
+    return (!!isAminoVariable &&
         // match rgb, rgba, hsl, hsla, hex, and css variable
         !color.includes('(') &&
         // match hex

package/dist/esm/{isDarkColor-c34dfed9.js → isDarkColor-6bf71e51.js}

@@ -1,4 +1,4 @@
-import { a as commonjsGlobal } from './zonosStore-aac7c6ac.js';
+import { a as commonjsGlobal } from './zonosStore-c4c45591.js';
 
 var tinycolor$1 = {exports: {}};
 
@@ -1196,4 +1196,4 @@ const isDarkColor = (color) => {
     return tinycolor(color).isDark();
 };
 
-export { isDarkColor as i };
+export { isDarkColor as i, tinycolor as t };

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["zonos-checkout",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]}]]],["zonos-component",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-badge_2",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-country-flag",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-banner",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3",[[1,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}]]],["zonos-select-dialog-header_2",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-select_3",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_4",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"hasInvalidCharacters":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_9",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32],"hasInvalidShippingCharacters":[32],"hasInvalidBillingCharacters":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-footer",{"showDialog":[32]},[[4,"click","handleGlobalClick"]]],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
+  return bootstrapLazy([["zonos-checkout",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"]}]]],["zonos-hello",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]}]]],["zonos-component",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-country-flag",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-banner",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-icon",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-button_2",[[1,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}]]],["zonos-select-dialog-header_2",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-select_3",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_4",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"hasInvalidCharacters":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_10",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32],"hasInvalidShippingCharacters":[32],"hasInvalidBillingCharacters":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"disabled":[32],"serviceLevels":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{submitGtag-289ddd8b.js → submitGtag-2eedb117.js}

@@ -1,10 +1,12 @@
-import { u as handleFetch, l as localizationStore, a as log } from './cart-5a88b4f3.js';
-import { z as zonosStore } from './zonosStore-aac7c6ac.js';
+import { r as handleFetch, l as localizationStore, a as log } from './cart-cc09eaef.js';
+import { z as zonosStore } from './zonosStore-c4c45591.js';
 
 const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;
     // If a Zonos domain, or in qa mode with zonosQaUrl, or debug mode is on, we don't want analytics to be tracked
     if (window.location.href.includes('zonos.com') ||
+        // legacy mock checkout, no need to track analytics for this
+        window.location.href.includes('checkout.iglobalstores.com') ||
         !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.zonosQaUrl) ||
         !!((_b = window.Zonos) === null || _b === void 0 ? void 0 : _b.debug)) {
         return;
@@ -24,6 +26,16 @@ const trackConversionEvent = async (eventName, metadata) => {
     });
 };
 
+/**
+ * Strongly typed custom event creation for all available events in zonos-checkout project
+ */
+const createCustomEvent = (eventName, detail) => {
+    // eslint-disable-next-line no-restricted-syntax
+    return new CustomEvent(eventName, {
+        detail,
+    });
+};
+
 const sendErrorLog = async ({ endpoint, errors, metadata }) => {
     const userAgentData = 'userAgentData' in window.navigator
         ? // userAgentData is not yet supported in all browsers
@@ -57,4 +69,4 @@ const submitGtag = (event) => {
     }
 };
 
-export { submitGtag as a, sendErrorLog as s, trackConversionEvent as t };
+export { submitGtag as a, createCustomEvent as c, sendErrorLog as s, trackConversionEvent as t };

package/dist/esm/zonos-address_4.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-dd40cc85.js';
-import { j as stripeStore, d as logError, l as localizationStore, t as translate, n as stripeStorePrefetchLandedCost } from './cart-5a88b4f3.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-aac7c6ac.js';
+import { j as stripeStore, d as logError, l as localizationStore, t as translate, n as stripeStorePrefetchLandedCost } from './cart-cc09eaef.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-5d750ab8.js';
-import { i as isDarkColor } from './isDarkColor-c34dfed9.js';
+import { g as getBorderRadius } from './getBorderRadius-a89e45fb.js';
+import { i as isDarkColor } from './isDarkColor-6bf71e51.js';
 
 /**
  * Check if the given address object contains non-latin characters
@@ -115,7 +115,10 @@ const ZonosAddress = class {
             : [];
         const addressElement = stripeElements.create('address', {
             allowedCountries: this.type === 'shipping' ? shippingZone : [],
-            contacts: this.defaultAddress ? [this.defaultAddress] : [],
+            // only show the default address if stripeAddressEventData is not provided
+            contacts: this.defaultAddress && !stripeAddressEventData
+                ? [this.defaultAddress]
+                : [],
             defaultValues: {
                 address: Object.assign(Object.assign({}, stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address), { country: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country) ||
                         localizationStore.selectedCountryCode ||
@@ -189,7 +192,7 @@ const ZonosAddress = class {
     }
     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: '3927946760be161a50ccf924cef5a58503887ac8', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'ac95946a7322dbfab13b3d29df2e22d251ba553c', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '552c6e94d64a842f702c5499320713c8b8fcab6b', class: "zonos--address-component" }), this.hasInvalidCharacters && (h("zonos-banner", { bannerTitle: translate('Please ensure your text uses the Latin alphabet only (A-Z, a-z).'), intent: "error" }))));
+        return (h(Host, { key: '81b9d2e822eea4eb85a3d7d21ff645c9f0841f30', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'cd180e130f161233fd05365f9250913214846ced', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b4d15f56e1215305367c071c4d9be985b09245b8', class: "zonos--address-component" }), this.hasInvalidCharacters && (h("zonos-banner", { bannerTitle: translate('Please ensure your text uses the Latin alphabet only (A-Z, a-z).'), intent: "error" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -237,14 +240,14 @@ const ZonosCheckbox = class {
                     ? 'var(--amino-gray-800)'
                     : 'var(--amino-gray-0)';
         const borderStyle = getBorderRadius(this.borderStyle, '4px');
-        return (h(Host, { key: '5f8516f5933b739cc3f21d901e50dec1c761fa58', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: '2ae2a0d33d34aafe96cc91e1cd7c7ee530dede4b', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--background-color': backgroundColor,
                 '--border-radius': borderStyle,
                 '--font-family': zonosStoreFontFamily(),
                 '--size': `${this.size}px`,
-            } }, h("label", { key: '6544f51a8c892d616123ab4194d069b055e3dc86', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: '958e35bf16be575230748fccdb1a3916942c3a30', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
+            } }, h("label", { key: 'b9630027581a9f20374c2dfe88faa94cb50203c9', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: 'd1b2411d9f906692f18514a15df1bb290f662164', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '2c55e0a190b092dd083c433c35143e253910f54f', class: "checkmark-container" }, h("svg", { key: '0aa1f705b728055835159a399173a170aee4f7c0', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd526bbafde4d4399be3f3a0a7cc87e92634d9548', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '8fc3cda232615f446aff5db71cd992de5327b8e7', class: "checkmark-container" }, h("svg", { key: '5b91a7a26abfd80850eb3c2bb2e045ef73abfd7a', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2046a40a75da63ac288c5def90d82ab0d0e0523c', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -294,10 +297,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '7ac8b898feadfb4424b3b48a98135cb18994f4e0', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '032f5818dd8394b5111927907c8fa135a55fef5c', class: 'zonos--elements zonos--collapse', style: {
                 '--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: '4a527ec319b59041196284d4d9a8f22b943a74e6' }, h("iframe", { key: '2fb51c16e13ca90561b1b1e6cab89d87e4a37a47', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '6d7849f6c35be611446b0da36d657396e5ca3122' }))));
+            } }, h("div", { key: '5ddbf406c93f37c9e23375f11dd8439934c0d2a5' }, h("iframe", { key: 'b3efa8bc198918dbb3284e8ce658ffca6249eaa8', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'ffcd123c3a046e62855a650da9972cde94a7774c' }))));
     }
     get el() { return getElement(this); }
 };
@@ -338,7 +341,7 @@ const ZonosLinkAuthentication = class {
     }
     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: '671681b3ca3e95ab25a70cb44e84db7e2b3903e8', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '8d20c795500e3ce27b92cdeb0446908e550f9f13', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b8374d7d7a4844b4c2cf6363b8d2d225bb52b21d', class: "zonos--link-authentication-component" })));
+        return (h(Host, { key: 'a434761e3f237cd44971e458512c7649f214eb4d', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '0c350ff6dabb1c71376e4e6539a68613d7174189', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e9cc2bd1e68b64e2fed41851a0d2f2be40583337', class: "zonos--link-authentication-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/zonos-badge_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-dd40cc85.js';
-import { d as zonosStoreFontFamily } from './zonosStore-aac7c6ac.js';
+import { d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosBadgeCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";
@@ -16,16 +16,16 @@ const ZonosBadge = class {
         this.rounded = false;
     }
     render() {
-        return (h(Host, { key: '1cece57ce37e04873f625d05ad5a0bea6368b46b', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '9e6c4ec2341f5ca076a3c54bcce347db9e83bb38', class: classes(['zonos--elements zonos--badge']), style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '8caf3f2ffb7deda215c44ad0c6c0892936d526c2', class: classes([
+            } }, h("div", { key: 'ad4d88e7ac5b8e8a617bb904faeaad73d426c271', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: 'fb8ac7f09675f9cfd829ecea54c61f5c699caa00' }, h("slot", { key: '978bc876e427d932662a0100043e04b105e9df8d' })))));
+            ]) }, this.icon, h("zonos-text", { key: 'd0709a3ffbcc65703933273f614bbb71792b8f61' }, h("slot", { key: '997537e7fd4102a35a1e16789fa7b5444ee85a5a' })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;
@@ -41,10 +41,10 @@ const ZonosTooltip = class {
         this.showTooltip = false;
     }
     render() {
-        return (h(Host, { key: '4864150b0af4119fc7d87aec5af3c258fb27802d', class: "zonos--elements" }, h("div", { key: 'c11d3da431f9c4507bc58ec38d0b1ef21c99b584', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '0a92efb2e6c17f67c2feacbd17bbddd4fb63f7da' }), h("div", { key: '0ea54bfaf54a2f170044d77c2b555e5da37af8ae', class: classes([
+        return (h(Host, { key: 'a23ad45e8f96b88b0feaf17690c6bdb75aacb12c', class: "zonos--elements" }, h("div", { key: 'b057f5ae304921f5fd50536cb5b7fb493120f1e7', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '396ac2ec3fcc8d49f8a346d1059cb096ef2e2874' }), h("div", { key: '4aa607dcc9c4c675224e9d7effd1e8ad2bdee097', class: classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: '73c55a7318eb36760d2779691f9ea79d2c5bf8c7', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '1f4106f67fc468121d7fb7fbc0ee69363bb26186', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, h("zonos-text", { key: 'e69a1883f21f277be88e892a99ae6e66a9829a1c', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: 'cb901c3cd7d0931f157eddef8fe4286fbd66b66b', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
 };
 ZonosTooltip.style = ZonosTooltipStyle0;

package/dist/esm/zonos-banner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-dd40cc85.js';
-import { d as zonosStoreFontFamily } from './zonosStore-aac7c6ac.js';
+import { d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosBannerCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:var(--amino-space-0);grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:var(--amino-space-4)}:host(.info){background-color:var(--amino-blue-100);border:1px solid var(--amino-blue-200)}:host(.success){background-color:var(--amino-green-100);border:1px solid var(--amino-green-200)}:host(.error){background-color:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host(.warning){background-color:var(--amino-orange-100);border:1px solid var(--amino-orange-200)}";