@zonos/elements 1.3.114 → 1.3.116

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

@@ -41,7 +41,7 @@ export class ZonosPaypalPayment {
         void this.loadPaypal();
     }
     render() {
-        return (h(Host, { key: '7be3c38f702c8fb105c54e652774f69fbbcfd34c', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '6845b53c2a5d1f2637f3ae9d867d2c6de48ab1b5', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'a09fe5b66b1ac971c10529ecb6213479f2870f08', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '6ba337785b8a90965e0cba05fd62681bc92633fe', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-paypal-payment"; }
     static get encapsulation() { return "scoped"; }

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

@@ -248,15 +248,7 @@ const stripeStorePrefetchLandedCost = async (params) => {
             // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
             cartStoreApplySubtotals({
                 method: (matchLandedCost === null || matchLandedCost === void 0 ? void 0 : matchLandedCost.landedCost.method) || 'DDP',
-                subtotals: {
-                    adjustments: subtotals.adjustments,
-                    exchangeRate: subtotals.exchangeRate,
-                    items: subtotals.items,
-                    landedCostTotal: subtotals.landedCostTotal,
-                    presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
-                    shipping: subtotals.shipping,
-                    total: subtotals.total,
-                },
+                subtotals,
             });
         }
     }
@@ -484,7 +476,24 @@ const stripeStoreInitCheckoutSession = async () => {
         cartId: window.Zonos.cartId,
         currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
         itemsAmount: total,
-        metadata: [{ key: 'language', value: localizationStore.selectedLocale }],
+        metadata: [
+            {
+                key: 'language',
+                value: localizationStore.selectedLocale,
+            },
+            {
+                key: 'appVersion',
+                value: window.Zonos.version,
+            },
+            {
+                key: 'appVersionNpmIntegration',
+                value: window.Zonos.isNpm ? '1' : '0',
+            },
+            {
+                key: 'legacyCheckoutFacade',
+                value: window.Zonos.isLegacyCheckout ? '1' : '0',
+            },
+        ],
         presentmentCountryCode: localizationStore.selectedCountryCode,
     };
     log('Checkout session body', 'info', body);
@@ -503,7 +512,7 @@ const stripeStoreInitCheckoutSession = async () => {
     stripeStore.clientSecret = result.clientSecret;
     cartStoreApplySubtotals({
         method: ((_b = result.landedCost) === null || _b === void 0 ? void 0 : _b.method) || 'DDP',
-        subtotals: Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }),
+        subtotals: result.subtotals,
     });
     log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
     log('done-init-checkout-session');
@@ -523,6 +532,24 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
             id,
             itemsAmount,
             landedCostId,
+            metadata: [
+                {
+                    key: 'language',
+                    value: localizationStore.selectedLocale,
+                },
+                {
+                    key: 'appVersion',
+                    value: window.Zonos.version,
+                },
+                {
+                    key: 'appVersionNpmIntegration',
+                    value: window.Zonos.isNpm ? '1' : '0',
+                },
+                {
+                    key: 'legacyCheckoutFacade',
+                    value: window.Zonos.isLegacyCheckout ? '1' : '0',
+                },
+            ],
             presentmentCountryCode,
         },
         method: 'POST',

package/dist/collection/components/store/hello/localization.js

@@ -189,6 +189,33 @@ const initHelloCountryList = (allCountries) => {
             ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
     }, {});
 };
+const updateCheckoutSessionLanguage = async () => {
+    if (!cartStore.checkoutSessionId) {
+        return null;
+    }
+    const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
+        body: {
+            id: cartStore.checkoutSessionId,
+            metadata: [
+                {
+                    key: 'language',
+                    value: localizationStore.selectedLocale,
+                },
+            ],
+        },
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
+        return { errors, json };
+    }
+    return { errors: [], json };
+};
+const localizationStoreUpdateSelectedLocale = (newSelectedLocale) => {
+    localizationStore.selectedLocale = newSelectedLocale;
+    translationStoreUpdateLanguage(newSelectedLocale);
+    void updateCheckoutSessionLanguage();
+};
 const initLocalizationStore = async () => {
     // all countries from countries.json, shipping zone and localization
     const [allCountries, shippingZoneCountries, localization] = await Promise.all([getCountries(), getShippingZones(), getLocalization()]);
@@ -207,8 +234,7 @@ const initLocalizationStore = async () => {
     localizationStoreUpdateSelectedCountryCode(country);
     // use locale from params if it exists, otherwise use locale from localization
     const overrideLocale = getOverrideLocale();
-    localizationStore.selectedLocale = overrideLocale || locale || 'en';
-    translationStoreUpdateLanguage(localizationStore.selectedLocale);
+    localizationStoreUpdateSelectedLocale(overrideLocale || locale || 'en');
     const devSites = [
         'dev.storybook.elements',
         'dev.elements',
@@ -223,31 +249,4 @@ const initLocalizationStore = async () => {
     }
     localizationStore.localizationLoaded = true;
 };
-const updateCheckoutSessionLanguage = async () => {
-    if (!cartStore.checkoutSessionId) {
-        return null;
-    }
-    const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
-        body: {
-            id: cartStore.checkoutSessionId,
-            metadata: [
-                {
-                    key: 'language',
-                    value: localizationStore.selectedLocale,
-                },
-            ],
-        },
-        method: 'POST',
-    });
-    if (errors.length || !json) {
-        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
-        return { errors, json };
-    }
-    return { errors: [], json };
-};
-const localizationStoreUpdateSelectedLocale = (newSelectedLocale) => {
-    localizationStore.selectedLocale = newSelectedLocale;
-    translationStoreUpdateLanguage(newSelectedLocale);
-    void updateCheckoutSessionLanguage();
-};
 export { initLocalizationStore, localizationDispose, localizationStore, localizationStoreOnUpdate, localizationStoreUpdateSelectedCountryCode, localizationStoreUpdateSelectedLocale, };

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

@@ -149,6 +149,9 @@ export const stringsArabic = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'يبدو أنك قدمت طلبًا قبل بضع دقائق فقط ([date] في [time]). تحقق من بريدك الإلكتروني لتأكيد الطلب. هل أنت متأكد أنك تريد تقديم طلب آخر؟',
     },
+    'Keep shopping': {
+        value: 'استمر في التسوق',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'تعرف على الرسوم والضرائب قبل الشراء. اشترِ بثقة!',
     },

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

@@ -149,6 +149,9 @@ export const stringsBase = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?',
     },
+    'Keep shopping': {
+        value: 'Keep shopping',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Know about duties and taxes before you buy. Shop with confidence!',
     },

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

@@ -149,6 +149,9 @@ export const stringsChinese = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: '您似乎在几分钟前下了订单（[date] [time]）。请检查您的电子邮件以获取订单确认。您确定要再下一个订单吗？',
     },
+    'Keep shopping': {
+        value: '继续购物',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: '在购买之前了解关税和税款。放心购物！',
     },

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

@@ -149,6 +149,9 @@ export const stringsDanish = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Det ser ud til, at du har afgivet en ordre for få minutter siden ([date] kl. [time]). Tjek din e-mail for ordrebekræftelsen. Er du sikker på, at du vil afgive en til?',
     },
+    'Keep shopping': {
+        value: 'Fortsæt med at handle',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Lær om told og skatter, før du køber. Handle trygt!',
     },

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

@@ -149,6 +149,9 @@ export const stringsDutch = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Het lijkt erop dat je een paar minuten geleden een bestelling hebt geplaatst ([date] om [time]). Controleer je e-mail voor de orderbevestiging. Weet je zeker dat je er nog een wilt plaatsen?',
     },
+    'Keep shopping': {
+        value: 'Blijf winkelen',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Weet wat de heffingen en belastingen zijn voordat je koopt. Winkel met vertrouwen!',
     },

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

@@ -149,6 +149,9 @@ export const stringsFrench = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Il semble que vous ayez passé une commande il y a quelques minutes ([date] à [time]). Vérifiez votre e-mail pour la confirmation de commande. Êtes-vous sûr de vouloir en passer une autre?',
     },
+    'Keep shopping': {
+        value: 'Continuez vos achats',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: "Renseignez-vous sur les droits et taxes avant d'acheter. Achetez en toute confiance !",
     },

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

@@ -149,6 +149,9 @@ export const stringsGerman = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Es sieht so aus, als hätten Sie vor ein paar Minuten eine Bestellung aufgegeben ([date] um [time]). Überprüfen Sie Ihre E-Mails auf die Bestellbestätigung. Sind Sie sicher, dass Sie eine weitere aufgeben möchten?',
     },
+    'Keep shopping': {
+        value: 'Weiter einkaufen',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Informieren Sie sich vor dem Kauf über Zölle und Steuern. Kaufen Sie vertrauensvoll!',
     },

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

@@ -149,6 +149,9 @@ export const stringsHebrew = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'נראה שהזמנת לפני כמה דקות בלבד ([date] ב-[time]). בדוק את הדוא"ל שלך לאישור ההזמנה. האם אתה בטוח שברצונך לבצע הזמנה נוספת?',
     },
+    'Keep shopping': {
+        value: 'המשך לקנות',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'למד על מכסים ומסים לפני שאתה קונה. קנה בביטחון!',
     },

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

@@ -149,6 +149,9 @@ export const stringsIndonesian = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Sepertinya Anda baru saja melakukan pemesanan beberapa menit yang lalu ([date] pukul [time]). Periksa email Anda untuk konfirmasi pesanan. Apakah Anda yakin ingin melakukan pemesanan lagi?',
     },
+    'Keep shopping': {
+        value: 'Lanjutkan berbelanja',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Ketahui tentang bea masuk dan pajak sebelum Anda membeli. Belanja dengan percaya diri!',
     },

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

@@ -149,6 +149,9 @@ export const stringsItalian = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: "Sembra che tu abbia effettuato un ordine solo pochi minuti fa ([date] alle [time]). Controlla la tua email per la conferma dell'ordine. Sei sicuro di volerne fare un altro?",
     },
+    'Keep shopping': {
+        value: 'Continua a fare acquisti',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Informati su dazi e tasse prima di acquistare. Acquista con fiducia!',
     },

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

@@ -149,6 +149,9 @@ export const stringsJapanese = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: '数分前に注文をしたようです（[date] [time]）。注文確認のメールを確認してください。もう一つ注文しますか？',
     },
+    'Keep shopping': {
+        value: '買い物を続ける',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: '購入前に関税と税金を確認してください。安心してご利用ください!',
     },

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

@@ -149,6 +149,9 @@ export const stringsKorean = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: '몇 분 전에 주문하신 것 같습니다 ([date] [time]). 주문 확인 이메일을 확인하세요. 또 다른 주문을 하시겠습니까?',
     },
+    'Keep shopping': {
+        value: '쇼핑 계속하기',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: '구매하기 전에 관세와 세금에 대해 알아보세요. 자신감 있게 쇼핑하세요!',
     },

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

@@ -149,6 +149,9 @@ export const stringsNorwegian = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Det ser ut som du la inn en bestilling for bare noen få minutter siden ([date] kl. [time]). Sjekk e-posten din for ordrebekreftelsen. Er du sikker på at du vil legge inn en til?',
     },
+    'Keep shopping': {
+        value: 'Fortsett å handle',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Finn ut om avgifter og skatt før du handler. Handle trygt!',
     },

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

@@ -149,6 +149,9 @@ export const stringsPolish = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Wygląda na to, że złożyłeś zamówienie zaledwie kilka minut temu ([date] o [time]). Sprawdź swoją skrzynkę e-mail, aby potwierdzić zamówienie. Czy na pewno chcesz złożyć kolejne?',
     },
+    'Keep shopping': {
+        value: 'Kontynuuj zakupy',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Dowiedz się o cłach i podatkach przed zakupem. Kupuj pewnie!',
     },

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

@@ -149,6 +149,9 @@ export const stringsPortuguese = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Parece que você fez um pedido há apenas alguns minutos ([date] às [time]). Verifique seu e-mail para a confirmação do pedido. Tem certeza de que deseja fazer outro?',
     },
+    'Keep shopping': {
+        value: 'Continue comprando',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Saiba sobre impostos e taxas antes de comprar. Compre com confiança!',
     },

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

@@ -149,6 +149,9 @@ export const stringsRussian = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Похоже, вы сделали заказ всего несколько минут назад ([date] в [time]). Проверьте свою электронную почту для подтверждения заказа. Вы уверены, что хотите сделать еще один?',
     },
+    'Keep shopping': {
+        value: 'Продолжайте покупки',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Узнайте о пошлинах и налогах перед покупкой. Покупайте с уверенностью!',
     },

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

@@ -149,6 +149,9 @@ export const stringsSpanish = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Parece que realizaste un pedido hace solo unos minutos ([date] a las [time]). Revisa tu correo electrónico para la confirmación del pedido. ¿Estás seguro de que quieres hacer otro?',
     },
+    'Keep shopping': {
+        value: 'Sigue comprando',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Conozca los aranceles e impuestos antes de comprar. ¡Compre con confianza!',
     },

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

@@ -149,6 +149,9 @@ export const stringsSwedish = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Det verkar som att du lade en beställning för bara några minuter sedan ([date] kl. [time]). Kontrollera din e-post för orderbekräftelsen. Är du säker på att du vill göra en till?',
     },
+    'Keep shopping': {
+        value: 'Fortsätt handla',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Känn till tull och skatter innan du köper. Handla med förtroende!',
     },

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

@@ -149,6 +149,9 @@ export const stringsTurkish = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Görünüşe göre birkaç dakika önce bir sipariş verdiniz ([date] saat [time]). Sipariş onayı için e-postanızı kontrol edin. Başka bir sipariş vermek istediğinizden emin misiniz?',
     },
+    'Keep shopping': {
+        value: 'Alışverişe devam et',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Satın almadan önce vergi ve gümrük vergileri hakkında bilgi edinin. Güvenle alışveriş yapın!',
     },

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

@@ -149,6 +149,9 @@ export const stringsVietnamese = {
     'It looks like you placed an order just a few minutes ago ([date] at [time]). Check your email for the order confirmation. Are you sure you want to place another one?': {
         value: 'Có vẻ như bạn đã đặt hàng chỉ vài phút trước ([date] lúc [time]). Kiểm tra email của bạn để xác nhận đơn hàng. Bạn có chắc chắn muốn đặt thêm một cái nữa không?',
     },
+    'Keep shopping': {
+        value: 'Tiếp tục mua sắm',
+    },
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Tìm hiểu về thuế và phí trước khi mua hàng. Mua sắm với sự tự tin!',
     },

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

@@ -64,6 +64,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
         homepageUrlPattern: '',
         mobileLocation: 'BOTTOM_RIGHT',
         mode: 'LIVE',
+        notFoundElementFallback: null,
         organization: '',
         peekMessageBehavior: 'ENABLED',
         peekMessageDelay: 0,

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

@@ -138,7 +138,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: 'e66063ffb032f5c5506e2fe72c5b8986b7c63b16', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'bd0e6d1f9a895b9c97f72b3e2a872ddc6420550f', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e3fde23bbe25238a8d29005c9fe11b2d9f7f1cff', class: "zonos--address-component" })));
+        return (h(Host, { key: '50871d11c001d37882b61476acdc227fcf3e2abd', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '90ffd3b0cc76446c88f3afe864a9bc9ecabb3997', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '98c2bd4c328bc3df138ae61f767b70b18524e877', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

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

@@ -42,7 +42,7 @@ export class ZonosLinkAuthentication {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '715d58ba37c753ac4890aabf3b6979a759a5594a', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '1394e448a080a21522e91a62c8886d49c3616e59', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '417bc27477776220acfdc9d9f76acd91fd14c1ca', class: "zonos--link-authentication-component" })));
+        return (h(Host, { key: 'f0b26abf99ef99c6665dabdddebc9ff086b6816c', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '898dbdffac06fe2a68af90610a22044bb72391ce', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e2ec9abb0cf76a39a1262e1366e375dd898450cd', class: "zonos--link-authentication-component" })));
     }
     static get is() { return "zonos-link-authentication"; }
     static get encapsulation() { return "scoped"; }

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

@@ -36,7 +36,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '7bab752dbac3a51f765e59355575801637ad8dd7', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '755920aa1202842860391c3c6fe133878cbe84df', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '5224e2a003581bb1456d7eb05f443cee4c35fd76', class: "zonos--payment-component" }), h("div", { key: '58ff4898fbb318e6220611fdac63c6e58ef33aaf', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'adcbeae4dadcaff59781ae47f779032e9fe43f5c', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'c83017ca67410a6715cacf6c0e524ed7b4304837', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '55c6d6dde8efaffec4411a838c62b7ede3efe30a', class: "zonos--payment-component" }), h("div", { key: 'd27b440253222daf94e4a6ad862c901efa54bfe5', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

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

@@ -21,7 +21,7 @@ const getTranslatedAddress = ({ currentAddress, translatedAddress, }) => {
     };
 };
 /**
- * Similar to prepCalculateLandedCost except it only uses
+ * Similar to prepCalculateLandedCost except it only uses cart ID
  */
 export const prepCartCalculateLandedCost = (cartId) => {
     var _a;
@@ -120,6 +120,18 @@ export const prepCalculateLandedCost = () => {
     });
     const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
     const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
+    const adjustments = cartStore.promoCode
+        ? [
+            {
+                amount: 0,
+                productId: null,
+                promoCode: cartStore.promoCode,
+                sku: null,
+                type: 'PROMO_CODE',
+            },
+            ...cartStore.adjustments,
+        ]
+        : cartStore.adjustments;
     return {
         billingAddress: {
             addressLine1: translatedBillingAddress.line1,
@@ -146,17 +158,7 @@ export const prepCalculateLandedCost = () => {
             phone: translatedShippingAddress.phone,
         },
         items: cartStore.items,
-        landedCostAdjustments: cartStore.promoCode
-            ? [
-                {
-                    amount: 0,
-                    productId: null,
-                    promoCode: cartStore.promoCode,
-                    sku: null,
-                    type: 'PROMO_CODE',
-                },
-            ]
-            : [],
+        landedCostAdjustments: adjustments,
         shippingAddress: {
             addressLine1: translatedShippingAddress.line1,
             addressLine2: translatedShippingAddress.line2,

package/dist/collection/components/utils/cleanHtmlMarkdown.js

@@ -13,7 +13,7 @@ const turndownService = new TurndownService();
  * @example
  * const htmlInput = "<h1>Hello World</h1><p>This is a paragraph.</p>";
  * const result = cleanHtmlMarkdown(htmlInput);
- * console.log(result); // Outputs cleaned HTML after conversion and processing
+ * console.info(result); // Outputs cleaned HTML after conversion and processing
  */
 export const cleanHtmlMarkdown = (htmlString) => {
     const mdString = turndownService.turndown(htmlString);

package/dist/collection/components/utils/hello/initHello.js

@@ -12,6 +12,20 @@ const injectHelloComponent = (anchorElementSelector) => {
     }
     return false;
 };
+const convertPosition = (position) => {
+    switch (position) {
+        case 'BOTTOM_RIGHT':
+            return 'bottom-right';
+        case 'BOTTOM_LEFT':
+            return 'bottom-left';
+        case 'TOP_LEFT':
+            return 'top-left';
+        case 'TOP_RIGHT':
+            return 'top-right';
+        default:
+            return 'bottom-right';
+    }
+};
 /**
  * Injects the hello mobile wrapper to the DOM and returns the anchor element selector
  * @returns anchor element selector
@@ -87,5 +101,14 @@ export const initHello = async (helloSettings) => {
             // inject hello to mobile anchor if hello is still not found
             injectHelloComponent(helloAnchor);
         }, 1000);
+        setTimeout(() => {
+            if (helloSettings.notFoundElementFallback) {
+                log(`Hello anchor selector ${helloSettings.anchorElementSelector} not found after 3 seconds, falling back to 'notFoundElementFallback': ${helloSettings.notFoundElementFallback}`, 'info');
+                const defaultAnchor = injectDefaultWrapper({
+                    position: convertPosition(helloSettings.notFoundElementFallback),
+                });
+                injectHelloComponent(defaultAnchor);
+            }
+        }, 3000);
     }
 };

package/dist/collection/scripts/_getTempCartById.js

@@ -16,7 +16,7 @@ export const getTempCartById = async ({ cartId, retries, }) => {
             retries,
         });
         // wait 1 second before retrying
-        await new Promise(resolve => setTimeout(resolve, 1000));
+        await new Promise(resolve => setTimeout(resolve, 500));
         return getTempCartById({ cartId, retries: retries - 1 });
     }
     if (failedResponse) {

package/dist/collection/scripts/_zonosBase.js

@@ -58,7 +58,8 @@ Zonos.cartData = null;
 Zonos.paypal = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
-Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, overrideCurrencyFormat, storeId, zonosApiKey, }) => {
+Zonos.init = async (params) => {
+    const { appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, overrideCurrencyFormat, storeId, zonosApiKey, } = params;
     _a.cartId = getCartIdFromQueryParam();
     if (_a.doneInit) {
         // do nothing if zonos is already initialized
@@ -69,6 +70,28 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
     _a.storeId = storeId;
     if (_a.isNpm) {
         log('====== ZONOS LOADING FROM NPM ======');
+        const zonosQaUrl = getZonosQaUrl();
+        // if zonosQaUrl is available, inject the script from the zonosQaUrl and then call init again
+        if (zonosQaUrl && !window.isZonosPreview) {
+            log(`====== RE-INJECT "zonos.js" FROM PRVIEW: ${zonosQaUrl} ======`, 'info');
+            // inject the script from zonosQaUrl
+            const script = document.createElement('script');
+            script.src = `${zonosQaUrl}/dist/scripts/zonos.js`;
+            document.head.appendChild(script);
+            script.addEventListener('load', () => {
+                window.Zonos.isNpm = _a.isNpm;
+                window.Zonos.isBigCommerce = _a.isBigCommerce;
+                window.Zonos.isLegacyCheckout = _a.isLegacyCheckout;
+                // call init again after the script is loaded
+                void window.Zonos.init(params);
+            });
+            script.addEventListener('error', () => {
+                alert(`[ZONOS - loadZonos] Failed to load "loadZonos.js" from zonosQaUrl: ${zonosQaUrl}`);
+            });
+            // Set so won't inject the preview script again
+            window.isZonosPreview = true;
+            return;
+        }
         // zonosApiKey is required if tempCartUUID in query params are not provided
         if (!zonosApiKey && !_a.cartId) {
             logError('Zonos API key is required unless `tempCartUUID` is provided in url query params.');
@@ -80,13 +103,13 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
          */
         if (!_a.cartData && _a.cartId) {
             log('Initialize cart data');
-            const params = await setupCartData(_a.cartId);
-            if (!params) {
+            const cartinfo = await setupCartData(_a.cartId);
+            if (!cartinfo) {
                 logError('Failed to get cart data');
                 return;
             }
-            _a.cartData = params.cartData;
-            _a.zonosApiKey = params.zonosApiKey;
+            _a.cartData = cartinfo.cartData;
+            _a.zonosApiKey = cartinfo.zonosApiKey;
         }
     }
     // inject hidden button to body to trigger checkout right away if we have cartData

package/dist/esm/{CheckoutConfig-32f33d8b.js → CheckoutConfig-018263e2.js}

@@ -16,7 +16,7 @@ const getTempCartById = async ({ cartId, retries, }) => {
             retries,
         });
         // wait 1 second before retrying
-        await new Promise(resolve => setTimeout(resolve, 1000));
+        await new Promise(resolve => setTimeout(resolve, 500));
         return getTempCartById({ cartId, retries: retries - 1 });
     }
     if (failedResponse) {