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

package/dist/cjs/{cart-95209ae8.js → cart-5468dfd1.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-d8bb0bda.js');
-const isDarkColor = require('./isDarkColor-01f45d3f.js');
-const getBorderRadius = require('./getBorderRadius-44b3eca1.js');
+const zonosStore = require('./zonosStore-7c6205ca.js');
+const logError = require('./logError-4e2f2020.js');
+const isDarkColor = require('./isDarkColor-b0393089.js');
+const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
 
 const stringsArabic = {
     '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
@@ -23,6 +24,9 @@ const stringsArabic = {
     'Address line 2': {
         value: 'سطر العنوان 2',
     },
+    'Are you sure?': {
+        value: 'هل أنت متأكد؟',
+    },
     Back: {
         value: 'رجوع',
     },
@@ -41,6 +45,9 @@ const stringsArabic = {
     City: {
         value: 'مدينة',
     },
+    Close: {
+        value: 'أغلق',
+    },
     Contact: {
         value: 'اتصل بنا',
     },
@@ -62,6 +69,9 @@ const stringsArabic = {
     'Delivery options': {
         value: 'خيارات التوصيل',
     },
+    "Don't close": {
+        value: 'لا تغلق',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'سيتم تطبيق الرسوم والضرائب على العناصر والشحن.',
     },
@@ -245,6 +255,9 @@ const stringsArabic = {
     'What you entered': {
         value: 'ما أدخلته',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'هل ترغب في إغلاق عملية الدفع والعودة إلى الموقع؟',
+    },
     "You're all set!": {
         value: 'أنت جاهز!',
     },
@@ -287,6 +300,9 @@ const stringsBase = {
     'Address line 2': {
         value: 'Address line 2',
     },
+    'Are you sure?': {
+        value: 'Are you sure?',
+    },
     Back: {
         value: 'Back',
     },
@@ -305,6 +321,9 @@ const stringsBase = {
     City: {
         value: 'City',
     },
+    Close: {
+        value: 'Close',
+    },
     Contact: {
         value: 'Contact',
     },
@@ -326,6 +345,9 @@ const stringsBase = {
     'Delivery options': {
         value: 'Delivery options',
     },
+    "Don't close": {
+        value: "Don't close",
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Duties and taxes will be applied to items and shipping.',
     },
@@ -509,6 +531,9 @@ const stringsBase = {
     'What you entered': {
         value: 'What you entered',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Would you like to close checkout and return to the site?',
+    },
     "You're all set!": {
         value: "You're all set!",
     },
@@ -551,6 +576,9 @@ const stringsChinese = {
     'Address line 2': {
         value: '地址行2',
     },
+    'Are you sure?': {
+        value: '你确定吗？',
+    },
     Back: {
         value: '返回',
     },
@@ -569,6 +597,9 @@ const stringsChinese = {
     City: {
         value: '城市',
     },
+    Close: {
+        value: '关闭',
+    },
     Contact: {
         value: '联系方式',
     },
@@ -590,6 +621,9 @@ const stringsChinese = {
     'Delivery options': {
         value: '送货选项',
     },
+    "Don't close": {
+        value: '不要关',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: '商品和运费将征收关税和税款。',
     },
@@ -773,6 +807,9 @@ const stringsChinese = {
     'What you entered': {
         value: '您输入的内容',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: '您要关闭结帐并返回网站吗？',
+    },
     "You're all set!": {
         value: '您已完成设置！',
     },
@@ -815,6 +852,9 @@ const stringsDanish = {
     'Address line 2': {
         value: 'Adresse linje 2',
     },
+    'Are you sure?': {
+        value: 'Er du sikker?',
+    },
     Back: {
         value: 'Tilbage',
     },
@@ -833,6 +873,9 @@ const stringsDanish = {
     City: {
         value: 'By',
     },
+    Close: {
+        value: 'Lukke',
+    },
     Contact: {
         value: 'Kontakt',
     },
@@ -854,6 +897,9 @@ const stringsDanish = {
     'Delivery options': {
         value: 'Leveringsmuligheder',
     },
+    "Don't close": {
+        value: 'Luk ikke',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Told og skatter vil blive pålagt varer og fragt.',
     },
@@ -1037,6 +1083,9 @@ const stringsDanish = {
     'What you entered': {
         value: 'Det, du indtastede',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Vil du lukke kassen og vende tilbage til siden?',
+    },
     "You're all set!": {
         value: 'Du er klar til at gå!',
     },
@@ -1079,6 +1128,9 @@ const stringsDutch = {
     'Address line 2': {
         value: 'Adreslijn 2',
     },
+    'Are you sure?': {
+        value: 'Weet je het zeker?',
+    },
     Back: {
         value: 'Terug',
     },
@@ -1097,6 +1149,9 @@ const stringsDutch = {
     City: {
         value: 'Stad',
     },
+    Close: {
+        value: 'Sluiten',
+    },
     Contact: {
         value: 'Contact',
     },
@@ -1118,6 +1173,9 @@ const stringsDutch = {
     'Delivery options': {
         value: 'Bezorgopties',
     },
+    "Don't close": {
+        value: 'Niet sluiten',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Belastingen en heffingen worden toegepast op artikelen en verzending.',
     },
@@ -1301,6 +1359,9 @@ const stringsDutch = {
     'What you entered': {
         value: 'Wat u heeft ingevoerd',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Wilt u de kassa sluiten en terugkeren naar de site?',
+    },
     "You're all set!": {
         value: 'Je bent helemaal klaar!',
     },
@@ -1343,6 +1404,9 @@ const stringsFrench = {
     'Address line 2': {
         value: 'Adresse ligne 2',
     },
+    'Are you sure?': {
+        value: 'Es-tu sûr?',
+    },
     Back: {
         value: 'Retour',
     },
@@ -1361,6 +1425,9 @@ const stringsFrench = {
     City: {
         value: 'Ville',
     },
+    Close: {
+        value: 'Fermer',
+    },
     Contact: {
         value: 'Contact',
     },
@@ -1382,6 +1449,9 @@ const stringsFrench = {
     'Delivery options': {
         value: 'Options de livraison',
     },
+    "Don't close": {
+        value: 'Ne pas fermer',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Des droits et taxes seront appliqués aux articles et à la livraison.',
     },
@@ -1565,6 +1635,9 @@ const stringsFrench = {
     'What you entered': {
         value: 'Ce que vous avez entré',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Voulez-vous fermer la caisse et retourner sur le site?',
+    },
     "You're all set!": {
         value: 'Vous êtes prêt!',
     },
@@ -1607,6 +1680,9 @@ const stringsGerman = {
     'Address line 2': {
         value: 'Adresszeile 2',
     },
+    'Are you sure?': {
+        value: 'Bist du sicher?',
+    },
     Back: {
         value: 'Zurück',
     },
@@ -1625,6 +1701,9 @@ const stringsGerman = {
     City: {
         value: 'Stadt',
     },
+    Close: {
+        value: 'Schließen',
+    },
     Contact: {
         value: 'Kontakt',
     },
@@ -1646,6 +1725,9 @@ const stringsGerman = {
     'Delivery options': {
         value: 'Lieferoptionen',
     },
+    "Don't close": {
+        value: 'Nicht schließen',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Zölle und Steuern werden auf Artikel und Versand erhoben.',
     },
@@ -1829,6 +1911,9 @@ const stringsGerman = {
     'What you entered': {
         value: 'Was Sie eingegeben haben',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Möchten Sie den Checkout schließen und zur Seite zurückkehren?',
+    },
     "You're all set!": {
         value: 'Alles bereit!',
     },
@@ -1871,6 +1956,9 @@ const stringsHebrew = {
     'Address line 2': {
         value: 'כתובת שורה 2',
     },
+    'Are you sure?': {
+        value: 'אתה בטוח?',
+    },
     Back: {
         value: 'חזור',
     },
@@ -1889,6 +1977,9 @@ const stringsHebrew = {
     City: {
         value: 'עיר',
     },
+    Close: {
+        value: 'סגור',
+    },
     Contact: {
         value: 'צור קשר',
     },
@@ -1910,6 +2001,9 @@ const stringsHebrew = {
     'Delivery options': {
         value: 'אפשרויות משלוח',
     },
+    "Don't close": {
+        value: 'אל תסגור',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'מכס ומס יחולו על פריטים ומשלוח.',
     },
@@ -2093,6 +2187,9 @@ const stringsHebrew = {
     'What you entered': {
         value: 'מה שהזנת',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'האם תרצה לסגור את הקופה ולחזור לאתר?',
+    },
     "You're all set!": {
         value: 'הכל מוכן!',
     },
@@ -2135,6 +2232,9 @@ const stringsIndonesian = {
     'Address line 2': {
         value: 'Baris alamat 2',
     },
+    'Are you sure?': {
+        value: 'Apakah Anda yakin?',
+    },
     Back: {
         value: 'Kembali',
     },
@@ -2153,6 +2253,9 @@ const stringsIndonesian = {
     City: {
         value: 'Kota',
     },
+    Close: {
+        value: 'Tutup',
+    },
     Contact: {
         value: 'Kontak',
     },
@@ -2174,6 +2277,9 @@ const stringsIndonesian = {
     'Delivery options': {
         value: 'Opsi pengiriman',
     },
+    "Don't close": {
+        value: 'Jangan tutup',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Bea masuk dan pajak akan dikenakan pada barang dan pengiriman.',
     },
@@ -2357,6 +2463,9 @@ const stringsIndonesian = {
     'What you entered': {
         value: 'Yang Anda masukkan',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Apakah Anda ingin menutup pembayaran dan kembali ke situs?',
+    },
     "You're all set!": {
         value: 'Anda sudah siap!',
     },
@@ -2399,6 +2508,9 @@ const stringsItalian = {
     'Address line 2': {
         value: 'Indirizzo linea 2',
     },
+    'Are you sure?': {
+        value: 'Sei sicuro?',
+    },
     Back: {
         value: 'Indietro',
     },
@@ -2417,6 +2529,9 @@ const stringsItalian = {
     City: {
         value: 'Città',
     },
+    Close: {
+        value: 'Chiudere',
+    },
     Contact: {
         value: 'Contatto',
     },
@@ -2438,6 +2553,9 @@ const stringsItalian = {
     'Delivery options': {
         value: 'Opzioni di consegna',
     },
+    "Don't close": {
+        value: 'Non chiudere',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Dazi e tasse saranno applicati agli articoli e alla spedizione.',
     },
@@ -2621,6 +2739,9 @@ const stringsItalian = {
     'What you entered': {
         value: 'Quello che hai inserito',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Vuoi chiudere il checkout e tornare al sito?',
+    },
     "You're all set!": {
         value: 'Sei pronto!',
     },
@@ -2663,6 +2784,9 @@ const stringsJapanese = {
     'Address line 2': {
         value: '住所2',
     },
+    'Are you sure?': {
+        value: '本気ですか？',
+    },
     Back: {
         value: '戻る',
     },
@@ -2681,6 +2805,9 @@ const stringsJapanese = {
     City: {
         value: '市',
     },
+    Close: {
+        value: '閉める',
+    },
     Contact: {
         value: 'お問い合わせ',
     },
@@ -2702,6 +2829,9 @@ const stringsJapanese = {
     'Delivery options': {
         value: '配送オプション',
     },
+    "Don't close": {
+        value: '閉めないでください',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: '関税と税金が商品と配送に適用されます。',
     },
@@ -2885,6 +3015,9 @@ const stringsJapanese = {
     'What you entered': {
         value: '入力した内容',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'チェックアウトを終了してサイトに戻りますか？',
+    },
     "You're all set!": {
         value: '準備が整いました!',
     },
@@ -2927,6 +3060,9 @@ const stringsKorean = {
     'Address line 2': {
         value: '주소 2',
     },
+    'Are you sure?': {
+        value: '확실합니까?',
+    },
     Back: {
         value: '뒤로',
     },
@@ -2945,6 +3081,9 @@ const stringsKorean = {
     City: {
         value: '도시',
     },
+    Close: {
+        value: '닫기',
+    },
     Contact: {
         value: '연락처',
     },
@@ -2966,6 +3105,9 @@ const stringsKorean = {
     'Delivery options': {
         value: '배송 옵션',
     },
+    "Don't close": {
+        value: '닫지 마세요',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: '물품과 배송에 관세와 세금이 부과됩니다.',
     },
@@ -3149,6 +3291,9 @@ const stringsKorean = {
     'What you entered': {
         value: '당신이 입력한 것',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: '결제를 종료하고 사이트로 돌아가시겠습니까?',
+    },
     "You're all set!": {
         value: '모두 준비되었습니다!',
     },
@@ -3191,6 +3336,9 @@ const stringsNorwegian = {
     'Address line 2': {
         value: 'Adresselinje 2',
     },
+    'Are you sure?': {
+        value: 'Er du sikker?',
+    },
     Back: {
         value: 'Tilbake',
     },
@@ -3209,6 +3357,9 @@ const stringsNorwegian = {
     City: {
         value: 'By',
     },
+    Close: {
+        value: 'Lukk',
+    },
     Contact: {
         value: 'Kontakt',
     },
@@ -3230,6 +3381,9 @@ const stringsNorwegian = {
     'Delivery options': {
         value: 'Leveringsalternativer',
     },
+    "Don't close": {
+        value: 'Ikke lukk',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Avgift og skatt vil legges til på varer og frakt.',
     },
@@ -3413,6 +3567,9 @@ const stringsNorwegian = {
     'What you entered': {
         value: 'Det du skrev inn',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Vil du avslutte utsjekkingen og gå tilbake til siden?',
+    },
     "You're all set!": {
         value: 'Du er klar!',
     },
@@ -3455,6 +3612,9 @@ const stringsPolish = {
     'Address line 2': {
         value: 'Linia adresowa 2',
     },
+    'Are you sure?': {
+        value: 'Jesteś pewien?',
+    },
     Back: {
         value: 'Wstecz',
     },
@@ -3473,6 +3633,9 @@ const stringsPolish = {
     City: {
         value: 'Miasto',
     },
+    Close: {
+        value: 'Zamknij',
+    },
     Contact: {
         value: 'Kontakt',
     },
@@ -3494,6 +3657,9 @@ const stringsPolish = {
     'Delivery options': {
         value: 'Opcje dostawy',
     },
+    "Don't close": {
+        value: 'Nie zamykaj',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Cła i podatki zostaną naliczone do towarów i wysyłki.',
     },
@@ -3677,6 +3843,9 @@ const stringsPolish = {
     'What you entered': {
         value: 'To, co wpisałeś',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Czy chcesz zamknąć kasę i wrócić na stronę?',
+    },
     "You're all set!": {
         value: 'Jesteś gotowy!',
     },
@@ -3719,6 +3888,9 @@ const stringsPortuguese = {
     'Address line 2': {
         value: 'Endereço linha 2',
     },
+    'Are you sure?': {
+        value: 'Você tem certeza?',
+    },
     Back: {
         value: 'Voltar',
     },
@@ -3737,6 +3909,9 @@ const stringsPortuguese = {
     City: {
         value: 'Cidade',
     },
+    Close: {
+        value: 'Fechar',
+    },
     Contact: {
         value: 'Contato',
     },
@@ -3758,6 +3933,9 @@ const stringsPortuguese = {
     'Delivery options': {
         value: 'Opções de entrega',
     },
+    "Don't close": {
+        value: 'Não fechar',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Impostos e taxas serão aplicados aos itens e ao frete.',
     },
@@ -3941,6 +4119,9 @@ const stringsPortuguese = {
     'What you entered': {
         value: 'O que você digitou',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Gostaria de fechar o checkout e voltar ao site?',
+    },
     "You're all set!": {
         value: 'Está tudo pronto!',
     },
@@ -3983,6 +4164,9 @@ const stringsRussian = {
     'Address line 2': {
         value: 'Адресная строка 2',
     },
+    'Are you sure?': {
+        value: 'Вы уверены?',
+    },
     Back: {
         value: 'Назад',
     },
@@ -4001,6 +4185,9 @@ const stringsRussian = {
     City: {
         value: 'Город',
     },
+    Close: {
+        value: 'Закрыть',
+    },
     Contact: {
         value: 'Контакты',
     },
@@ -4022,6 +4209,9 @@ const stringsRussian = {
     'Delivery options': {
         value: 'Варианты доставки',
     },
+    "Don't close": {
+        value: 'Не закрывайте',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Пошлины и налоги будут применены к товарам и доставке.',
     },
@@ -4205,6 +4395,9 @@ const stringsRussian = {
     'What you entered': {
         value: 'То, что вы ввели',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Вы хотите завершить оформление заказа и вернуться на сайт?',
+    },
     "You're all set!": {
         value: 'Все готово!',
     },
@@ -4247,6 +4440,9 @@ const stringsSpanish = {
     'Address line 2': {
         value: 'Línea de dirección 2',
     },
+    'Are you sure?': {
+        value: '¿Estás seguro?',
+    },
     Back: {
         value: 'Regresar',
     },
@@ -4265,6 +4461,9 @@ const stringsSpanish = {
     City: {
         value: 'Ciudad',
     },
+    Close: {
+        value: 'Cerrar',
+    },
     Contact: {
         value: 'Contacto',
     },
@@ -4286,6 +4485,9 @@ const stringsSpanish = {
     'Delivery options': {
         value: 'Opciones de entrega',
     },
+    "Don't close": {
+        value: 'No cerrar',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Los impuestos y aranceles se aplicarán a los artículos y al envío.',
     },
@@ -4469,6 +4671,9 @@ const stringsSpanish = {
     'What you entered': {
         value: 'Lo que ingresaste',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: '¿Te gustaría cerrar la caja y volver al sitio?',
+    },
     "You're all set!": {
         value: '¡Está todo listo!',
     },
@@ -4511,6 +4716,9 @@ const stringsSwedish = {
     'Address line 2': {
         value: 'Adressrad 2',
     },
+    'Are you sure?': {
+        value: 'Är du säker?',
+    },
     Back: {
         value: 'Tillbaka',
     },
@@ -4529,6 +4737,9 @@ const stringsSwedish = {
     City: {
         value: 'Stad',
     },
+    Close: {
+        value: 'Stänga',
+    },
     Contact: {
         value: 'Kontakt',
     },
@@ -4550,6 +4761,9 @@ const stringsSwedish = {
     'Delivery options': {
         value: 'Leveransalternativ',
     },
+    "Don't close": {
+        value: 'Stäng inte',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Tull och skatter kommer att tillämpas på varor och frakt.',
     },
@@ -4733,6 +4947,9 @@ const stringsSwedish = {
     'What you entered': {
         value: 'Det du angav',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Vill du stänga kassan och återvända till webbplatsen?',
+    },
     "You're all set!": {
         value: 'Du är klar!',
     },
@@ -4775,6 +4992,9 @@ const stringsTurkish = {
     'Address line 2': {
         value: 'Adres satırı 2',
     },
+    'Are you sure?': {
+        value: 'Emin misiniz?',
+    },
     Back: {
         value: 'Geri',
     },
@@ -4793,6 +5013,9 @@ const stringsTurkish = {
     City: {
         value: 'Şehir',
     },
+    Close: {
+        value: 'Kapat',
+    },
     Contact: {
         value: 'İletişim',
     },
@@ -4814,6 +5037,9 @@ const stringsTurkish = {
     'Delivery options': {
         value: 'Teslimat seçenekleri',
     },
+    "Don't close": {
+        value: 'Kapatma',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Ürünlere ve kargoya vergi ve gümrük vergisi uygulanacak.',
     },
@@ -4997,6 +5223,9 @@ const stringsTurkish = {
     'What you entered': {
         value: 'Girdiğin şey',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Ödemeyi kapatıp siteye geri dönmek ister misiniz?',
+    },
     "You're all set!": {
         value: 'Hazırsınız!',
     },
@@ -5039,6 +5268,9 @@ const stringsVietnamese = {
     'Address line 2': {
         value: 'Dòng địa chỉ 2',
     },
+    'Are you sure?': {
+        value: 'Bạn có chắc không?',
+    },
     Back: {
         value: 'Quay lại',
     },
@@ -5057,6 +5289,9 @@ const stringsVietnamese = {
     City: {
         value: 'Thành phố',
     },
+    Close: {
+        value: 'Đóng',
+    },
     Contact: {
         value: 'Liên hệ',
     },
@@ -5078,6 +5313,9 @@ const stringsVietnamese = {
     'Delivery options': {
         value: 'Tùy chọn giao hàng',
     },
+    "Don't close": {
+        value: 'Đừng đóng',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Thuế và phí sẽ được áp dụng cho hàng hóa và vận chuyển.',
     },
@@ -5261,6 +5499,9 @@ const stringsVietnamese = {
     'What you entered': {
         value: 'Những gì bạn đã nhập',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Bạn có muốn đóng thanh toán và quay lại trang web không?',
+    },
     "You're all set!": {
         value: 'Bạn đã sẵn sàng!',
     },
@@ -5505,60 +5746,6 @@ const getCountries = async () => {
     }
 };
 
-const log = (message, type, ...additionalInfo) => {
-    var _a, _b;
-    const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
-        !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
-    // if debug is false, do not log
-    if (!isDebug) {
-        // log errors to the console if the type is error
-        if (type === 'error') {
-            // eslint-disable-next-line no-console
-            console.error(message, ...additionalInfo);
-        }
-        return;
-    }
-    let loggingIframe = document.querySelector('iframe#zonos---debug-logging-iframe');
-    if (!loggingIframe) {
-        // add a hidden iframe
-        loggingIframe = document.createElement('iframe');
-        loggingIframe.id = 'zonos---debug-logging-iframe';
-        loggingIframe.style.display = 'none';
-        loggingIframe.style.opacity = '0';
-        loggingIframe.style.position = 'absolute';
-        loggingIframe.style.top = '-9999px';
-        loggingIframe.style.left = '-9999px';
-        loggingIframe.style.width = '1px';
-        loggingIframe.style.height = '1px';
-        loggingIframe.style.border = 'none';
-        loggingIframe.style.overflow = 'hidden';
-        loggingIframe.style.visibility = 'hidden';
-        document.body.appendChild(loggingIframe);
-    }
-    // use the logging iframe's console to log just in case the console is disabled (overriden) by the site owner
-    const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
-    switch (type) {
-        case 'warn':
-            zConsole.warn(message, ...additionalInfo);
-            break;
-        case 'info':
-            zConsole.info(message, ...additionalInfo);
-            break;
-        case 'error':
-            zConsole.error(message, ...additionalInfo);
-            break;
-        default:
-            zConsole.groupCollapsed(message, ...additionalInfo);
-            zConsole.trace();
-            zConsole.groupEnd();
-            break;
-    }
-};
-
-const logError = (message, ...rest) => {
-    log(message, 'error', ...rest);
-};
-
 const getCountryLandedCost = async (countryCode) => {
     var _a;
     if (!countryCode) {
@@ -5567,7 +5754,7 @@ const getCountryLandedCost = async (countryCode) => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/country-landed-cost/${countryCode}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
-        logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+        logError.logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return null;
     }
     return json || null;
@@ -5582,7 +5769,7 @@ const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCu
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
-        logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+        logError.logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return { exchangeRate: null, maxAge: null };
     }
     const { maxAge, rate, targetFormat } = json.exchangeRateCreate;
@@ -5599,7 +5786,7 @@ const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
-        logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
+        logError.logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
         return [];
     }
     return json.locale_countryCodesPage;
@@ -5643,7 +5830,7 @@ const getShippingZones = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/shipping-zones`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
-        logError(`Error fetching shipping zones: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+        logError.logError(`Error fetching shipping zones: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return null;
     }
     const shippingZones = (_b = json === null || json === void 0 ? void 0 : json.shippingZones) === null || _b === void 0 ? void 0 : _b.flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes).filter(Boolean);
@@ -5720,12 +5907,12 @@ const isValidSelector = (selector) => {
 const getCurrencyElements = (selector) => {
     const currencySelector = selector || '.money';
     if (!isValidSelector(currencySelector)) {
-        logError(`Currency element selector "${currencySelector}" is not valid.`);
+        logError.logError(`Currency element selector "${currencySelector}" is not valid.`);
         return null;
     }
     const currencyElements = document.querySelectorAll(currencySelector);
     if (!currencyElements.length) {
-        log(`No currency elements found with selector "${currencySelector}"`, 'warn');
+        logError.log(`No currency elements found with selector "${currencySelector}"`, 'warn');
         return null;
     }
     // return array of currency elements instead of a NodeList
@@ -5780,7 +5967,7 @@ const defaultCurrencyConverter = () => {
         return;
     }
     if (!localizationStore.exchangeRate) {
-        logError('Could not display currency. Exchange rate and format data is not available.');
+        logError.logError('Could not display currency. Exchange rate and format data is not available.');
         return;
     }
     currencyElements.forEach((element) => {
@@ -5865,7 +6052,7 @@ const startExchangeRateTimeout = ({ isGuaranteed, maxAge, }) => {
     }, maxAgeToUse * 1000);
 };
 const getNewLocalization = async () => {
-    log('get new localization store');
+    logError.log('get new localization store');
     const { isShippableCountry, selectedCountryCode } = localizationStore;
     if (zonosStore.zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
         !isShippableCountry ||
@@ -5902,8 +6089,8 @@ const getOverrideLocale = () => {
     return zonosLocale;
 };
 const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
-    var _a;
-    log('update selected country code');
+    var _a, _b;
+    logError.log('update selected country code');
     localizationStore.selectedCountryCode = newSelectedCountryCode;
     const { selectedCountryCode, shippingZoneCountries } = localizationStore;
     const isShippableCountry = shippingZoneCountries &&
@@ -5911,7 +6098,7 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
         !!shippingZoneCountries[selectedCountryCode];
     // update shippable country
     localizationStore.isShippableCountry = !!isShippableCountry;
-    log(`Is shippable country: ${localizationStore.isShippableCountry}`);
+    logError.log(`Is shippable country: ${localizationStore.isShippableCountry}`);
     if (!selectedCountryCode) {
         return;
     }
@@ -5928,6 +6115,11 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     setZCountryUrlParam(selectedCountryCode);
     (_a = document
         .querySelector('zonos-hello')) === null || _a === void 0 ? void 0 : _a.setAttribute('z-country', selectedCountryCode);
+    // Trigger callback onCountryChange
+    (_b = zonosStore.zonosStore.onCountryChange) === null || _b === void 0 ? void 0 : _b.call(zonosStore.zonosStore, {
+        countryCode: selectedCountryCode,
+        currencyCode,
+    });
 };
 const initLocalizationStore = async () => {
     // all countries from countries.json, shipping zone and localization
@@ -5946,7 +6138,12 @@ const initLocalizationStore = async () => {
     const overrideLocale = getOverrideLocale();
     localizationStore.selectedLocale = overrideLocale || locale || 'en';
     translationStoreUpdateLanguage(localizationStore.selectedLocale);
-    const devSites = ['dev.storybook.elements', 'dev.elements', 'dev.dashboard'];
+    const devSites = [
+        'dev.storybook.elements',
+        'dev.elements',
+        'dev.demo.elements',
+        'dev.dashboard',
+    ];
     // If the country code is not set, set it to the US for development (vercel can't get geo country in dev)
     if (!localizationStore.selectedCountryCode &&
         devSites.some(site => window.location.origin.includes(site))) {
@@ -5973,7 +6170,7 @@ const updateCheckoutSessionLanguage = async () => {
         method: 'POST',
     });
     if (errors.length || !json) {
-        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
+        logError.logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
         return { errors, json };
     }
     return { errors: [], json };
@@ -6318,7 +6515,7 @@ const initStripeElements = async (props) => {
     var _a, _b;
     const clientSecret = stripeStore.clientSecret;
     if (!stripeStore.stripe) {
-        log('Skip. Stripe is not initialized');
+        logError.log('Skip. Stripe is not initialized');
         return;
     }
     if (clientSecret) {
@@ -6338,11 +6535,11 @@ const initStripeElements = async (props) => {
             stripeStore.stripeElements = (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
             // save stripe elements options for later comparison
             stripeStore.stripeElementsOptions = stripeOptions;
-            log('Stripe elements initialized');
+            logError.log('Stripe elements initialized');
             // init stripe elements for billing address
             stripeStore.stripeElementsForBillingAddress =
                 (_b = stripeStore.stripe) === null || _b === void 0 ? void 0 : _b.elements(stripeOptions);
-            log('Stripe elements for billing address initialized');
+            logError.log('Stripe elements for billing address initialized');
             return;
         }
         if (!isSameOptions) {
@@ -6353,7 +6550,7 @@ const initStripeElements = async (props) => {
             // save stripe elements options for later comparison
             stripeStore.stripeElementsOptions = stripeOptions;
         }
-        log('Stripe elements initialized');
+        logError.log('Stripe elements initialized');
     }
 };
 const stripeStoreReset = () => {
@@ -6468,7 +6665,7 @@ const stripeStorePrefetchLandedCost = async () => {
             // default to empty array if we fail to fetch landed cost, so we can show the error message
             cartStore.landedCostData = [];
             cartStore.shippingData = [];
-            logError(err);
+            logError.logError(err);
         }
         stripeStore.isFetchingLandedCost = false;
     }
@@ -6526,7 +6723,7 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     }
     const clientSecret = _clientSecret || stripeStore.clientSecret;
     if (!stripeStore.stripe || !clientSecret) {
-        logError('Failed to retrieve payment intent. Stripe is not initialized');
+        logError.logError('Failed to retrieve payment intent. Stripe is not initialized');
         return { error: true, message: [translate('Something went wrong.')] };
     }
     const { paymentIntent } = await stripeStore.stripe.retrievePaymentIntent(clientSecret);
@@ -6579,7 +6776,7 @@ const stripeStoreInitCheckoutSession = async () => {
     var _a;
     const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
     if (!total || !localizationStore.targetCurrency) {
-        logError('Fail to create checkout session - invalid total or currency');
+        logError.logError('Fail to create checkout session - invalid total or currency');
         return false;
     }
     stripeStore.isFetchingSession = true;
@@ -6596,7 +6793,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
+        logError.logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;
@@ -6604,8 +6801,8 @@ const stripeStoreInitCheckoutSession = async () => {
     // update cart store with updated informations
     cartStore.checkoutSessionId = result.id;
     cartStoreApplySubtotals(Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }));
-    log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
-    log('done-init-checkout-session');
+    logError.log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
+    logError.log('done-init-checkout-session');
     return true;
 };
 /**
@@ -6625,7 +6822,7 @@ const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, lan
         method: 'POST',
     });
     if (errors.length || !json) {
-        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
+        logError.logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
         return { errors, json };
     }
     return { errors: [], json };
@@ -6719,7 +6916,7 @@ const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList
         method: 'POST',
     });
     if (errors.length || !json) {
-        logError('Error occurs when translating address to latin', JSON.stringify(errors, null, 2));
+        logError.logError('Error occurs when translating address to latin', JSON.stringify(errors, null, 2));
         // reset translated address if we fail to translate and let user manually fix it
         stripeStore.translatedAddress = {
             address: {},
@@ -6858,7 +7055,7 @@ const getMatchItem = ({ item1, item2, }) => {
  * Check and set restricted items in cart
  */
 const cartStoreCheckItemRestrictions = (itemsWorkflow) => {
-    log('Checking item restrictions');
+    logError.log('Checking item restrictions');
     const mappedRestrictedItems = itemsWorkflow
         .map(item => {
         if (!item.restriction) {
@@ -6914,11 +7111,11 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId,
         // update cart total right away if we have landed cost id to avoid order total flickering
         const subtotals = cartStore.selectedLandedCost.subtotals;
         cartStoreApplySubtotals(subtotals);
-        log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
+        logError.log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
     }
     // update checkout session
     if (!cartStore.checkoutSessionId) {
-        logError('Could not update cart total without checkout session id');
+        logError.logError('Could not update cart total without checkout session id');
         return false;
     }
     const { errors, json } = await stripeStoreUpdateCheckoutSession({
@@ -6930,7 +7127,7 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId,
     });
     if (errors.length > 0 || !json) {
         // do nothing if we can't get checkout session
-        logError('Error occurs when updating checkout session');
+        logError.logError('Error occurs when updating checkout session');
         cartStoreUpdateToErrorState({
             messages: [
                 translate("There's been an error updating your checkout session. Please reload and try again or contact support if the error persists"),
@@ -6943,7 +7140,7 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId,
         // This is when first open the checkout modal and we just want to get info from the old cart session.
         // use subtotals from checkout session to update cart total
         cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
-        log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
+        logError.log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
     }
     return true;
 };
@@ -7069,8 +7266,6 @@ exports.localizationStore = localizationStore;
 exports.localizationStoreOnUpdate = localizationStoreOnUpdate;
 exports.localizationStoreUpdateSelectedCountryCode = localizationStoreUpdateSelectedCountryCode;
 exports.localizationStoreUpdateSelectedLocale = localizationStoreUpdateSelectedLocale;
-exports.log = log;
-exports.logError = logError;
 exports.setZCountryUrlParam = setZCountryUrlParam;
 exports.stripeStore = stripeStore;
 exports.stripeStoreCleanupDomesticShippingSession = stripeStoreCleanupDomesticShippingSession;