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

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js

@@ -37,7 +37,7 @@ export class ZonosShippingRichRadio {
     }
     render() {
         var _a;
-        return (h(Host, { key: '3633e3be9f679c54647d475c9d1831428410302b', class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: Object.assign(Object.assign({}, this.getRadioItemStyleVariables()), { '--font-family': zonosStoreFontFamily() }) }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
+        return (h(Host, { key: 'a1c2ace211e4d0b9d63a784028cc725bab7229e7', class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: Object.assign(Object.assign({}, this.getRadioItemStyleVariables()), { '--font-family': zonosStoreFontFamily() }) }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
             var _a;
             const selected = ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value) === item.value;
             return (h("div", { "aria-hidden": "true", class: classes([
@@ -90,8 +90,8 @@ export class ZonosShippingRichRadio {
                     "references": {
                         "Color": {
                             "location": "import",
-                            "path": "src/types",
-                            "id": "src/types/index.ts::Color"
+                            "path": "src/types/styles/Color",
+                            "id": "src/types/styles/Color.ts::Color"
                         }
                     }
                 },
@@ -113,8 +113,8 @@ export class ZonosShippingRichRadio {
                     "references": {
                         "ElementsUiStyle": {
                             "location": "import",
-                            "path": "src/types",
-                            "id": "src/types/index.ts::ElementsUiStyle"
+                            "path": "src/types/generated/graphql.customer.types",
+                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiStyle"
                         }
                     }
                 },
@@ -136,8 +136,8 @@ export class ZonosShippingRichRadio {
                     "references": {
                         "ElementsUiTheme": {
                             "location": "import",
-                            "path": "src/types",
-                            "id": "src/types/index.ts::ElementsUiTheme"
+                            "path": "src/types/generated/graphql.customer.types",
+                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiTheme"
                         }
                     }
                 },

package/dist/collection/components/hello/zonos-hello/zonos-hello.js

@@ -1,8 +1,8 @@
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import debounce from "lodash/debounce";
 import { localizationStore } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
-import { zonosStore, } from "../../store/zonosStore";
+import { getZonosStoreTheme, zonosStore, } from "../../store/zonosStore";
 import { classes } from "../../utils/classes";
 import { currencyConvert } from "../../utils/hello/currencyConversion/currencyConvert";
 import { currencyConvertAndFormat } from "../../utils/hello/currencyConversion/currencyConvertAndFormat";
@@ -204,6 +204,8 @@ export class ZonosHello {
                 this.helloRef.setAttribute('data-zonos-hello-loaded', '');
                 this.updateHelloOnPageChange();
                 this.watchPriceChange();
+                // update theme to browser preference theme if appearance theme is system
+                this.handleAppearanceSettingsOverrideChange();
                 clearInterval(initInterval);
             }
         }, 100);
@@ -250,6 +252,13 @@ export class ZonosHello {
     handleResize() {
         debounce(this.render.bind(this), RESIZE_DEBOUNCE_DELAY_MS);
     }
+    handleAppearanceSettingsOverrideChange() {
+        var _a;
+        if ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) {
+            // update theme to browser preference theme if appearance theme is system
+            this.appearanceSettingsOverride.theme = getZonosStoreTheme(this.appearanceSettingsOverride.theme);
+        }
+    }
     render() {
         var _a, _b;
         const isExcludedUrl = (_a = zonosStore.helloSettings.excludedUrlPatterns) === null || _a === void 0 ? void 0 : _a.some(pattern => new RegExp(pattern).test(window.location.href));
@@ -508,6 +517,12 @@ export class ZonosHello {
             }
         };
     }
+    static get watchers() {
+        return [{
+                "propName": "appearanceSettingsOverride",
+                "methodName": "handleAppearanceSettingsOverrideChange"
+            }];
+    }
     static get listeners() {
         return [{
                 "name": "resize",

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js

@@ -97,7 +97,7 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: 'a9e9d5946604f86ea0680af79ece9e079d4d00d7', class: "zonos--elements" }, h("div", { key: '47ed38de794c10b5689778257d134006c109c101', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: 'dcd4c055999375785e289cc273c37e50c358d594', class: "zonos--elements" }, h("div", { key: 'a8921afb921ee0b4c0adb31dca0da646c91bdecc', "aria-hidden": "true", class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
@@ -170,8 +170,8 @@ export class ZonosHelloDialog {
                     "references": {
                         "HelloMobileLocation": {
                             "location": "import",
-                            "path": "src/types",
-                            "id": "src/types/index.ts::HelloMobileLocation"
+                            "path": "src/types/generated/graphql.customer.types",
+                            "id": "src/types/generated/graphql.customer.types.ts::HelloMobileLocation"
                         }
                     }
                 },
@@ -220,8 +220,8 @@ export class ZonosHelloDialog {
                         },
                         "AppearanceConfig": {
                             "location": "import",
-                            "path": "src/types",
-                            "id": "src/types/index.ts::AppearanceConfig"
+                            "path": "src/components/store/zonosStore",
+                            "id": "src/components/store/zonosStore.ts::AppearanceConfig"
                         }
                     }
                 },

package/dist/collection/components/store/checkout/stripe.js

@@ -196,6 +196,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;
@@ -267,15 +270,18 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     };
 };
 const stripeStoreConfirmPayment = async () => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const stripePaymentReady = !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeElements = stripeStore.stripeElements;
     const stripe = stripeStore.stripe;
     const stripeClientSecret = stripeStore.clientSecret;
+    if (!((_b = cartStore.selectedLandedCost) === null || _b === void 0 ? void 0 : _b.landedCost.id)) {
+        throw new Error('Attemped to confirm the payment when no landed cost is found in store');
+    }
     if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {
         const { error } = await stripe.confirmPayment({
             confirmParams: {
-                receipt_email: (_c = (_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.email,
+                receipt_email: (_d = (_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.email,
                 return_url: window.location.href,
             },
             elements: stripeElements,

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

@@ -62,6 +62,9 @@ export 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: 'لم يتم العثور على طرق شحن - جرب تحرير عنوانك أو الاتصال بالدعم إذا استمر الخطأ',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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: '未找到运输方法 - 如果错误仍然存在，请尝试编辑您的地址或联系支持',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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",
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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: 'לא נמצאו שיטות משלוח - נסו לערוך את הכתובת שלך או ליצור קשר עם התמיכה אם השגיאה ממשיכה',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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",
     },

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

@@ -62,6 +62,9 @@ export 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: '配送方法が見つかりません - 住所を編集するか、エラーが続く場合はサポートにお問い合わせください',
     },

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

@@ -62,6 +62,9 @@ export 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: '배송 방법을 찾을 수 없습니다 - 주소를 편집하거나 오류가 계속되는 경우 지원팀에 문의하세요',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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ć',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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: 'Не найдено методов доставки - попробуйте отредактировать ваш адрес или свяжитесь с поддержкой, если ошибка сохраняется',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

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

@@ -62,6 +62,9 @@ export 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',
     },

package/dist/collection/components/store/zonosStore.js

@@ -74,6 +74,17 @@ const { reset, state: zonosStore } = createStore(() => ({
     zonosApiKey: '',
 }));
 let savedZonosSettings = null;
+/**
+ * Get theme from media query if theme is SYSTEM, otherwise return the theme
+ */
+const getZonosStoreTheme = (theme) => {
+    if (theme === 'SYSTEM') {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches
+            ? 'DARK'
+            : 'LIGHT';
+    }
+    return theme;
+};
 /**
  * Init setting from zonos setting
  */
@@ -84,9 +95,15 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
         // save zonos settings to be used later
         savedZonosSettings = zonosSettings;
     }
-    zonosStore.appearance = mergeConfig(zonosStore.appearance, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.appearanceSettings) ||
+    const mergedAppearanceConfig = mergeConfig(zonosStore.appearance, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.appearanceSettings) ||
         (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.appearanceSettings) ||
         null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.appearance);
+    // override the theme to user browser preferences if it is set to SYSTEM
+    if (mergedAppearanceConfig.theme === 'SYSTEM') {
+        // update theme to user browser preferences
+        mergedAppearanceConfig.theme = getZonosStoreTheme(mergedAppearanceConfig.theme);
+    }
+    zonosStore.appearance = mergedAppearanceConfig;
     zonosStore.checkoutSettings = mergeConfig(zonosStore.checkoutSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.checkoutSettings) ||
         (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) ||
         null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.checkoutSettings);
@@ -102,4 +119,4 @@ const zonosStoreFontFamily = () => {
     const fontFamily = zonosStore.appearance.fontFamily || 'Inter';
     return fontFamily;
 };
-export { zonosStore, zonosStoreFontFamily, zonosStoreInitSetting };
+export { getZonosStoreTheme, zonosStore, zonosStoreFontFamily, zonosStoreInitSetting, };

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

@@ -99,7 +99,10 @@ export class ZonosAddress {
             : [];
         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 ||
@@ -173,7 +176,7 @@ export class ZonosAddress {
     }
     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" }))));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/api/buildCartItemsByTempCart.js

@@ -0,0 +1,24 @@
+import { getAttributes } from "./tempCartItem/getAttributes";
+import { getMeasurements } from "./tempCartItem/getMeasurements";
+/**
+ * Map the items from tempCart like how we do it in dgs
+ * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L393
+ */
+export const buildCartItemsByTempCart = (tempCartData) => {
+    var _a;
+    const tempCartItems = ((_a = tempCartData === null || tempCartData === void 0 ? void 0 : tempCartData.items) === null || _a === void 0 ? void 0 : _a.map(item => ({
+        amount: item.unitPrice || 0,
+        attributes: getAttributes(item),
+        countryOfOrigin: item.countryOfOrigin || undefined,
+        currencyCode: 'USD',
+        description: item.itemDescriptionLong || '',
+        imageUrl: item.imageURL || '',
+        itemType: 'PHYSICAL_GOOD',
+        measurements: getMeasurements(item),
+        name: item.description || '',
+        productId: item.productId || '',
+        quantity: item.quantity || 0,
+        sku: item.sku || '',
+    }))) || [];
+    return tempCartItems;
+};

package/dist/collection/components/utils/api/tempCartItem/getAttributes.js

@@ -0,0 +1,66 @@
+/**
+ * This is just function to make the key typesafe to enter
+ * @returns
+ */
+const objAttribute = ({ key, value, }) => value
+    ? {
+        key,
+        value,
+    }
+    : null;
+/**
+ * Map legacy item attribute to dgs item attributes
+ * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L412
+ */
+export const getAttributes = (item) => {
+    return [
+        objAttribute({
+            key: 'brand',
+            value: item.itemBrand,
+        }),
+        objAttribute({
+            key: 'material',
+            value: item.itemMaterial,
+        }),
+        objAttribute({
+            key: 'category',
+            value: item.itemCategory,
+        }),
+        objAttribute({
+            key: 'color',
+            value: item.itemColor,
+        }),
+        objAttribute({
+            key: 'customization',
+            value: item.itemCustomization,
+        }),
+        objAttribute({
+            key: 'descriptionDetailed',
+            value: item.itemDescriptionDetailed,
+        }),
+        objAttribute({
+            key: 'fabricContent',
+            value: item.itemFabricContent,
+        }),
+        objAttribute({
+            key: 'ltlClass',
+            value: item.itemLtlClass,
+        }),
+        objAttribute({
+            key: 'pickingLocation',
+            value: item.itemPickingLocation,
+        }),
+        objAttribute({
+            key: 'shipFromLocation',
+            value: item.itemShipFromLocation,
+        }),
+        objAttribute({
+            key: 'size',
+            value: item.itemSize,
+        }),
+        objAttribute({
+            key: 'status',
+            value: item.status,
+        }),
+    ].filter(Boolean);
+};

package/dist/collection/components/utils/api/tempCartItem/getMeasurements.js

@@ -0,0 +1,58 @@
+/**
+ * Map legacy weight units with dgs
+ * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L483
+ */
+const getItemWeightUnit = (weightUnit) => {
+    if (!weightUnit) {
+        return 'POUND';
+    }
+    switch (weightUnit.toUpperCase()) {
+        case 'KG':
+            return 'KILOGRAM';
+        case 'OZ':
+            return 'OUNCE';
+        case 'G':
+            return 'GRAM';
+        default:
+            return 'POUND';
+    }
+};
+/**
+ * Mapping legacy measurement with dgs
+ * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L441
+ */
+export const getMeasurements = (item) => {
+    if (!item) {
+        return [];
+    }
+    const measurements = [];
+    if (item.length) {
+        measurements.push({
+            type: 'LENGTH',
+            unitOfMeasure: 'INCH',
+            value: item.length,
+        });
+    }
+    if (item.width) {
+        measurements.push({
+            type: 'WIDTH',
+            unitOfMeasure: 'INCH',
+            value: item.width,
+        });
+    }
+    if (item.weight) {
+        measurements.push({
+            type: 'WEIGHT',
+            unitOfMeasure: getItemWeightUnit(item.weightUnits),
+            value: item.weight,
+        });
+    }
+    if (item.height) {
+        measurements.push({
+            type: 'HEIGHT',
+            unitOfMeasure: 'INCH',
+            value: item.height,
+        });
+    }
+    return measurements;
+};

package/dist/collection/components/utils/api/trackConversionEvent.js

@@ -5,6 +5,8 @@ export 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/collection/components/utils/checkout/isShippableCountry.js

@@ -1,4 +1,5 @@
 import { localizationStore } from "../../store/hello/localization";
+import { createCustomEvent } from "../createCustomEvent";
 import { log } from "../logging/log";
 export const isShippableCountry = (showLog = true) => {
     if (!localizationStore.localizationLoaded) {
@@ -6,6 +7,7 @@ export const isShippableCountry = (showLog = true) => {
     }
     // if localization is loaded and the localization is not a shippable country, keep the original click event
     if (!localizationStore.isShippableCountry) {
+        document.dispatchEvent(createCustomEvent('legacyCheckoutError', 'Unable to initiate checkout process in a country where shipping is not available'));
         if (showLog) {
             log(`Checkout: not shippable country`);
         }