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

package/dist/collection/types/generated/graphql.customer.types.js

@@ -203,6 +203,11 @@ export const classificationCalculateSource = {
     Internal: 'INTERNAL',
     Legacy: 'LEGACY',
 };
+export const classificationRequestField = {
+    Category: 'CATEGORY',
+    Description: 'DESCRIPTION',
+    Name: 'NAME',
+};
 export const clearanceType = {
     Commercial: 'COMMERCIAL',
     Postal: 'POSTAL',
@@ -1516,6 +1521,28 @@ export const lcgBillingMethod = {
     BillingDgs: 'BILLING_DGS',
     Legacy: 'LEGACY',
 };
+export const manualClassificationRequestCreateStatus = {
+    Created: 'CREATED',
+    Existing: 'EXISTING',
+};
+export const manualClassificationRequestStatus = {
+    Completed: 'COMPLETED',
+    Invalidated: 'INVALIDATED',
+    Pending: 'PENDING',
+    Reserved: 'RESERVED',
+};
+export const manualClassificationRequestsSorting = {
+    HsCode: 'HS_CODE',
+    Priority: 'PRIORITY',
+};
+export const manualClassificationSettingStatus = {
+    Disabled: 'DISABLED',
+    Enabled: 'ENABLED',
+};
+export const manualClassificationStatus = {
+    Active: 'ACTIVE',
+    Archived: 'ARCHIVED',
+};
 export const matchType = {
     ExactMatch: 'EXACT_MATCH',
     NoMatch: 'NO_MATCH',
@@ -1653,6 +1680,15 @@ export const propertyType = {
     Residental: 'RESIDENTAL',
     Residential: 'RESIDENTIAL',
 };
+export const providedHsCodeVisibilityStatus = {
+    NotVisible: 'NOT_VISIBLE',
+    Visible: 'VISIBLE',
+};
+export const restrictedItemAction = {
+    Block: 'BLOCK',
+    BlockAll: 'BLOCK_ALL',
+    Warn: 'WARN',
+};
 export const result = {
     Failure: 'FAILURE',
     Success: 'SUCCESS',
@@ -1689,6 +1725,31 @@ export const shipmentConsolidationStatus = {
     Closed: 'CLOSED',
     Open: 'OPEN',
 };
+export const shipmentRatingBatteryMaterialType = {
+    LithiumIon: 'LITHIUM_ION',
+    LithiumMetal: 'LITHIUM_METAL',
+};
+export const shipmentRatingBatteryPackingType = {
+    BatteryInsideEquipment: 'BATTERY_INSIDE_EQUIPMENT',
+    BatteryOnly: 'BATTERY_ONLY',
+    BatteryPackagedWithEquipment: 'BATTERY_PACKAGED_WITH_EQUIPMENT',
+};
+export const shipmentRatingSignatureOptionType = {
+    Adult: 'ADULT',
+    Default: 'DEFAULT',
+    Direct: 'DIRECT',
+    Indirect: 'INDIRECT',
+};
+export const shipmentRatingSpecialServiceType = {
+    Alcohol: 'ALCOHOL',
+    Battery: 'BATTERY',
+    CutFlowers: 'CUT_FLOWERS',
+    DangerousGoods: 'DANGEROUS_GOODS',
+    DryIce: 'DRY_ICE',
+    SaturdayDelivery: 'SATURDAY_DELIVERY',
+    SignatureOption: 'SIGNATURE_OPTION',
+    SundayDelivery: 'SUNDAY_DELIVERY',
+};
 export const shipmentSpecialService = {
     Consolidation: 'CONSOLIDATION',
     CutFlowers: 'CUT_FLOWERS',
@@ -1810,6 +1871,7 @@ export const taxIdType = {
 export const taxMethodType = {
     Consignment: 'CONSIGNMENT',
     Default: 'DEFAULT',
+    Domestic: 'DOMESTIC',
 };
 export const tokenTypeCategory = {
     Auxiliary: 'AUXILIARY',
@@ -1897,6 +1959,17 @@ export const wcoVersion = {
     Wco_2067: 'WCO_2067',
     Wco_2072: 'WCO_2072',
 };
+export const webhookStatus = {
+    Disabled: 'DISABLED',
+    Enabled: 'ENABLED',
+};
+export const webhookType = {
+    OrderCanceled: 'ORDER_CANCELED',
+    OrderCreated: 'ORDER_CREATED',
+    OrderStatusChanged: 'ORDER_STATUS_CHANGED',
+    ShipmentCanceled: 'SHIPMENT_CANCELED',
+    ShipmentCreated: 'SHIPMENT_CREATED',
+};
 export const weightUnitCode = {
     Gram: 'GRAM',
     Kilogram: 'KILOGRAM',

package/dist/components/stripe.js

@@ -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',
     },
@@ -4626,9 +4686,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)',
         },
@@ -4850,6 +4907,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;

package/dist/components/trackConversionEvent.js

@@ -5,6 +5,8 @@ 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;

package/dist/components/zonos-address2.js

@@ -115,7 +115,10 @@ const ZonosAddress = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
             : [];
         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 = /*@__PURE__*/ proxyCustomElement(class ZonosAddress extends
     }
     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: '94a81dc71b5425ac0ab7868bc55072fdd695fa7d', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '5bddb83ba17b50b779820fd9bdf0630ce03274b5', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '0f076c843b1997b8e1290caf2b8fe18b78114f65', 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 this; }
     static get watchers() { return {

package/dist/components/zonos-checkbox2.js

@@ -46,14 +46,14 @@ const ZonosCheckbox = /*@__PURE__*/ proxyCustomElement(class ZonosCheckbox exten
                     ? 'var(--amino-gray-800)'
                     : 'var(--amino-gray-0)';
         const borderStyle = getBorderRadius(this.borderStyle, '4px');
-        return (h(Host, { key: '20c925f03d3659edde22d4e075aab5ac7323efc1', 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: 'c2a0fd9fa8f3aebed3bc996647bfb88299822257', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: 'c3293e1ac102b874eccd2ef9494f94c5da3e28e1', 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: '8d0a39007516ee7f9700f40f3fab20f21161a045', class: "checkmark-container" }, h("svg", { key: 'ee310e0aa1d06f7c81272cac5991dc5c34e19655', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '44611f270e104bc421f50aaccbce1b059e8aa15f', "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)))));
     }
     static get style() { return ZonosCheckboxStyle0; }
 }, [1, "zonos-checkbox", {

package/dist/components/zonos-checkout-finish2.js

@@ -9,6 +9,16 @@ import { d as defineCustomElement$3 } from './zonos-icon2.js';
 import { d as defineCustomElement$2 } from './zonos-spinner2.js';
 import { d as defineCustomElement$1 } from './zonos-text2.js';
 
+/**
+ * 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
@@ -126,10 +136,8 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
                     void trackConversionEvent('checkout_paymentInfoCompleted', {
                         paymentMethod,
                     });
-                    const successEvent = new CustomEvent('zonos-checkout-success', {
-                        detail: {
-                            message: 'Zonos Checkout successfully processed order',
-                        },
+                    const successEvent = createCustomEvent('zonos-checkout-success', {
+                        message: 'Zonos Checkout successfully processed order',
                     });
                     document.dispatchEvent(successEvent);
                 }
@@ -179,7 +187,7 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (h(Host, { key: 'd3e8a30ddfffe0cee18ff29edf839775f7a9d8ec', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '8c2087b3a0578cbbd7979fff5e6b696a4325e548', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius(this.borderRadius),
             } }, this.isLoading && (h("div", { class: "loading-wrapper" }, h("zonos-spinner", null))), !this.isLoading && (h(Fragment, null, h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", null, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
     }
@@ -229,4 +237,4 @@ function defineCustomElement() {
     } });
 }
 
-export { ZonosCheckoutFinish as Z, defineCustomElement as d, sendErrorLog as s };
+export { ZonosCheckoutFinish as Z, createCustomEvent as c, defineCustomElement as d, sendErrorLog as s };

package/dist/components/zonos-checkout-progress-tabs2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as cartStore } from './stripe.js';
+import { c as cartStore, t as translate } from './stripe.js';
 import { z as zonosStore } from './zonosStore.js';
 import { c as classes } from './classes.js';
 import { g as getContrastColor } from './getContrastColor.js';
@@ -12,7 +12,7 @@ const TabCheckmark = `<svg width="25" height="24" viewBox="0 0 25 24" fill="none
 </svg>
 `;
 
-const zonosCheckoutProgressTabsCss = ":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{margin-bottom:var(--amino-space-32)}:host .zonos--tab-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}:host .zonos--tab-index{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;width:24px;height:24px;font-weight:bold}:host .zonos--tab-index .zonos--tab-index-label,:host .zonos--tab-index .zonos--tab-index-done-icon{position:absolute;top:0;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out;transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out}:host .zonos--tab-index .zonos--tab-index-done-icon{top:-50%;opacity:0}:host .zonos--tab-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:transparent;border:0}:host .zonos--tab-item.done .zonos--tab-index-done-icon{top:0;opacity:1}:host .zonos--tab-item.done .zonos--tab-index-label{opacity:0;top:50%}:host .zonos--tab-item.selected zonos-text{color:var(--color)}:host .zonos--tab-progress{width:100%;background-color:transparent;border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);overflow:hidden;position:relative;padding:1px;height:8px}:host .zonos--tab-progress .zonos--progress-bar-fill{border-radius:10px;background-color:var(--color);height:100%;width:var(--progress-percent);-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out}";
+const zonosCheckoutProgressTabsCss = ":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{margin-bottom:var(--amino-space-32)}:host .zonos--tab-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}:host .zonos--tab-index{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;width:24px;height:24px;font-weight:bold}:host .zonos--tab-index .zonos--tab-index-label,:host .zonos--tab-index .zonos--tab-index-done-icon{position:absolute;top:0;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out;transition:top 0.5s ease-in-out, opacity 0.5s ease-in-out}:host .zonos--tab-index .zonos--tab-index-done-icon{top:-50%;opacity:0}:host .zonos--tab-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:transparent;border:0;cursor:pointer}:host .zonos--tab-item.done .zonos--tab-index-done-icon{top:0;opacity:1}:host .zonos--tab-item.done .zonos--tab-index-label{opacity:0;top:50%}:host .zonos--tab-item.selected zonos-text{color:var(--color)}:host .zonos--tab-progress{width:100%;background-color:transparent;border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.4);overflow:hidden;position:relative;padding:1px;height:8px}:host .zonos--tab-progress .zonos--progress-bar-fill{border-radius:10px;background-color:var(--color);height:100%;width:var(--progress-percent);-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out}";
 const ZonosCheckoutProgressTabsStyle0 = zonosCheckoutProgressTabsCss;
 
 const ZonosCheckoutProgressTabs = /*@__PURE__*/ proxyCustomElement(class ZonosCheckoutProgressTabs extends HTMLElement {
@@ -74,17 +74,17 @@ const ZonosCheckoutProgressTabs = /*@__PURE__*/ proxyCustomElement(class ZonosCh
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: '1fd6d6cb0f4e819f7e0a204fdc1bccbd2753154c', class: "zonos--elements", "data-theme": zonosStore.appearance.theme, style: {
+        return (h(Host, { key: 'e79dc4967096d3b6f0ac25d58f02e77f773c8e95', class: "zonos--elements", style: {
                 '--color': contrastLabelColor,
                 '--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: 'e7b0c9e9376461461286856553381d20bdd50bb6', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '20e500d31c28ee0705c1999e0f258b679af9d73a', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
-                ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, tab.label)));
-        })), h("div", { key: 'e924379e523d61952e3db826daeb080917c5b468', class: "zonos--tab-progress" }, h("div", { key: '80d193a8f2099a6eb552c1c016be545b9120c6d1', class: "zonos--progress-bar-fill" }))));
+                ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, translate(tab.label))));
+        })), h("div", { key: '129502b873f339192ef5f4c67ac8c06d533ccfca', class: "zonos--tab-progress" }, h("div", { key: '728a074d6a411b400be30929bf9a5fdc8431745d', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return this; }