@zonos/elements 1.3.12-alpha.6 → 1.3.12-alpha.8

package/dist/components/stripe.js

@@ -3,6 +3,12 @@ import { i as isDarkColor } from './isDarkColor.js';
 import { g as getBorderRadius } from './getBorderRadius.js';
 
 const stringsArabic = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} ضريبة القيمة المضافة مستحقة على أي طلب يتجاوز ${threshold} بالإضافة إلى رسوم معاملة إدخال الاستيراد ورسوم MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} ضريبة القيمة المضافة مستحقة على أي طلب يتجاوز ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'أعلى من الحد الأدنى لـ',
     },
@@ -96,6 +102,9 @@ const stringsArabic = {
     'Order total': {
         value: 'إجمالي الطلبية',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'يجب أن تتجاوز الطلبيات إلى ${countryName} ${threshold} ليتم شحنها.',
+    },
     Pay: {
         value: 'دفع',
     },
@@ -213,6 +222,12 @@ const stringsArabic = {
 };
 
 const stringsBase = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} GST due on any order above ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Above de minimis threshold for',
     },
@@ -306,6 +321,9 @@ const stringsBase = {
     'Order total': {
         value: 'Order total',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Orders to ${countryName} must be over ${threshold} to ship.',
+    },
     Pay: {
         value: 'Pay',
     },
@@ -423,6 +441,12 @@ const stringsBase = {
 };
 
 const stringsChinese = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '任何订单超过${threshold}，除了需缴纳${percentage}的商品及服务税外，还包括进口货物申报费和MPI征费。',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '任何订单超过${threshold}，需缴纳${percentage}的商品及服务税。',
+    },
     'Above de minimis threshold for': {
         value: '超过最低征税门槛',
     },
@@ -516,6 +540,9 @@ const stringsChinese = {
     'Order total': {
         value: '订单总计',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: '寄往${countryName}的订单必须超过${threshold}才能发货。',
+    },
     Pay: {
         value: '支付',
     },
@@ -633,6 +660,12 @@ const stringsChinese = {
 };
 
 const stringsDanish = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} GST skyldig på enhver ordre over ${threshold}, sammen med et import indgangstransaktionsgebyr og MPI-afgift.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} GST skyldig på enhver ordre over ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Over de minimis-grænsen for',
     },
@@ -726,6 +759,9 @@ const stringsDanish = {
     'Order total': {
         value: 'Ordresum',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Ordrer til ${countryName} skal være over ${threshold} for at blive sendt.',
+    },
     Pay: {
         value: 'Betal',
     },
@@ -843,6 +879,12 @@ const stringsDanish = {
 };
 
 const stringsDutch = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} BTW verschuldigd op elke bestelling boven ${threshold}, inclusief een invoertransactiekosten en MPI-heffing.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} BTW verschuldigd op elke bestelling boven ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Boven de minimale drempel voor',
     },
@@ -936,6 +978,9 @@ const stringsDutch = {
     'Order total': {
         value: 'Totaal bestelling',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Bestellingen naar ${countryName} moeten meer dan ${threshold} zijn om verzonden te worden.',
+    },
     Pay: {
         value: 'Betalen',
     },
@@ -1053,6 +1098,12 @@ const stringsDutch = {
 };
 
 const stringsFrench = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: "${percentage} de TVA due sur toute commande supérieure à ${threshold}, ainsi qu'une taxe de transaction d'entrée d'importation et une cotisation MPI.",
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} de TVA due sur toute commande supérieure à ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Au-dessus du seuil de minimis pour',
     },
@@ -1146,6 +1197,9 @@ const stringsFrench = {
     'Order total': {
         value: 'Total de la commande',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Les commandes à destination de ${countryName} doivent dépasser ${threshold} pour être expédiées.',
+    },
     Pay: {
         value: 'Payer',
     },
@@ -1263,6 +1317,12 @@ const stringsFrench = {
 };
 
 const stringsGerman = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} MwSt. fällig bei jeder Bestellung über ${threshold}, zuzüglich einer Einfuhrabwicklungskosten und MPI-Abgabe.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} MwSt. fällig bei jeder Bestellung über ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Über der Mindestgrenze für',
     },
@@ -1356,6 +1416,9 @@ const stringsGerman = {
     'Order total': {
         value: 'Bestellsumme',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Bestellungen nach ${countryName} müssen über ${threshold} liegen, um versendet zu werden.',
+    },
     Pay: {
         value: 'Bezahlen',
     },
@@ -1473,6 +1536,12 @@ const stringsGerman = {
 };
 
 const stringsHebrew = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} מע"מ חל על כל הזמנה מעל ${threshold}, יחד עם עמלת עסקת כניסת ייבוא ומס MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} מע"מ חל על כל הזמנה מעל ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'מעל סף המינימום עבור',
     },
@@ -1566,6 +1635,9 @@ const stringsHebrew = {
     'Order total': {
         value: 'סה"כ ההזמנה',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'הזמנות ל-${countryName} חייבות לעבור את הסכום של ${threshold} כדי להישלח.',
+    },
     Pay: {
         value: 'לשלם',
     },
@@ -1683,6 +1755,12 @@ const stringsHebrew = {
 };
 
 const stringsIndonesian = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} PPN yang harus dibayar untuk setiap pesanan di atas ${threshold}, termasuk biaya transaksi masuk impor dan pajak MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} PPN yang harus dibayar untuk setiap pesanan di atas ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Di atas ambang batas de minimis untuk',
     },
@@ -1776,6 +1854,9 @@ const stringsIndonesian = {
     'Order total': {
         value: 'Total pesanan',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Pesanan ke ${countryName} harus lebih dari ${threshold} untuk dikirim.',
+    },
     Pay: {
         value: 'Bayar',
     },
@@ -1893,6 +1974,12 @@ const stringsIndonesian = {
 };
 
 const stringsItalian = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: "${percentage} di IVA dovuta su qualsiasi ordine superiore a ${threshold}, oltre a una tassa di transazione di entrata importazione e un'imposta MPI.",
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} di IVA dovuta su qualsiasi ordine superiore a ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Sopra la soglia di minimis per',
     },
@@ -1986,6 +2073,9 @@ const stringsItalian = {
     'Order total': {
         value: 'Totale ordine',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Gli ordini per ${countryName} devono superare ${threshold} per essere spediti.',
+    },
     Pay: {
         value: 'Paga',
     },
@@ -2103,6 +2193,12 @@ const stringsItalian = {
 };
 
 const stringsJapanese = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${threshold}を超えるすべての注文には、${percentage}の消費税に加えて、輸入エントリー取引手数料とMPI課税が適用されます。',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: 'すべての注文で${threshold}を超えると、${percentage}の消費税が課せられます。',
+    },
     'Above de minimis threshold for': {
         value: 'デミニマスの閾値を超える',
     },
@@ -2196,6 +2292,9 @@ const stringsJapanese = {
     'Order total': {
         value: 'ご注文合計',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: '${countryName}への注文は${threshold}を超えなければなりません。',
+    },
     Pay: {
         value: '支払う',
     },
@@ -2313,6 +2412,12 @@ const stringsJapanese = {
 };
 
 const stringsKorean = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${threshold} 이상의 모든 주문에 대해 ${percentage}의 부가가치세와 함께 수입 통관 수수료 및 MPI 부담금이 부과됩니다.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${threshold} 이상의 모든 주문에 대해 ${percentage}의 부가가치세가 부과됩니다.',
+    },
     'Above de minimis threshold for': {
         value: '최소 임계값을 초과하여',
     },
@@ -2406,6 +2511,9 @@ const stringsKorean = {
     'Order total': {
         value: '주문 총액',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: '${countryName}으로의 주문은 ${threshold}을(를) 초과해야 합니다.',
+    },
     Pay: {
         value: '지불',
     },
@@ -2523,6 +2631,12 @@ const stringsKorean = {
 };
 
 const stringsNorwegian = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} GST skyldig for enhver ordre over ${threshold}, sammen med et importinngangstransaksjonsgebyr og MPI-avgift.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} GST skyldig for enhver ordre over ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Over minstegrensen for',
     },
@@ -2616,6 +2730,9 @@ const stringsNorwegian = {
     'Order total': {
         value: 'Totalt beløp',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Bestillinger til ${countryName} må være over ${threshold} for å sendes.',
+    },
     Pay: {
         value: 'Betal',
     },
@@ -2733,6 +2850,12 @@ const stringsNorwegian = {
 };
 
 const stringsPolish = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} VAT należny od każdego zamówienia powyżej ${threshold}, wraz z opłatą za transakcję wprowadzania importu i opłatą MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} VAT należny od każdego zamówienia powyżej ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Powyżej progu minimis dla',
     },
@@ -2826,6 +2949,9 @@ const stringsPolish = {
     'Order total': {
         value: 'Łączna kwota zamówienia',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Zamówienia do ${countryName} muszą przekraczać ${threshold}, aby zostały wysłane.',
+    },
     Pay: {
         value: 'Zapłać',
     },
@@ -2943,6 +3069,12 @@ const stringsPolish = {
 };
 
 const stringsPortuguese = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} de GST devido em qualquer pedido acima de ${threshold}, juntamente com uma taxa de transação de entrada de importação e cobrança de MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} de GST devido em qualquer pedido acima de ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Acima do limite de isenção para',
     },
@@ -3036,6 +3168,9 @@ const stringsPortuguese = {
     'Order total': {
         value: 'Total do pedido',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Pedidos para ${countryName} devem ser acima de ${threshold} para serem enviados.',
+    },
     Pay: {
         value: 'Pagar',
     },
@@ -3153,6 +3288,12 @@ const stringsPortuguese = {
 };
 
 const stringsRussian = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} НДС за любой заказ свыше ${threshold}, включая комиссию за ввозную транзакцию и сбор MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} НДС за любой заказ свыше ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Выше минимального порога для',
     },
@@ -3246,6 +3387,9 @@ const stringsRussian = {
     'Order total': {
         value: 'Итого',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Заказы в ${countryName} должны превышать ${threshold} для отправки.',
+    },
     Pay: {
         value: 'Оплатить',
     },
@@ -3363,6 +3507,12 @@ const stringsRussian = {
 };
 
 const stringsSpanish = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} del IVA debido en cualquier pedido superior a ${threshold}, junto con una tarifa de transacción de entrada de importación y un gravamen MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: 'El ${percentage} del IVA se debe en cualquier pedido superior a ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Por encima del umbral mínimo para',
     },
@@ -3456,6 +3606,9 @@ const stringsSpanish = {
     'Order total': {
         value: 'Total del pedido',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Los pedidos a ${countryName} deben superar los ${threshold} para ser enviados.',
+    },
     Pay: {
         value: 'Pagar',
     },
@@ -3573,6 +3726,12 @@ const stringsSpanish = {
 };
 
 const stringsSwedish = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} moms på varje beställning över ${threshold}, inklusive en importtransaktionsavgift och MPI-avgift.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} moms på varje beställning över ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Över minimibeloppet för',
     },
@@ -3666,6 +3825,9 @@ const stringsSwedish = {
     'Order total': {
         value: 'Totalt belopp för beställningen',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Beställningar till ${countryName} måste överstiga ${threshold} för att skickas.',
+    },
     Pay: {
         value: 'Betala',
     },
@@ -3783,6 +3945,12 @@ const stringsSwedish = {
 };
 
 const stringsTurkish = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${threshold} üzerindeki her sipariş için ${percentage} KDV, ithalat giriş işlem ücreti ve MPI vergisi ile birlikte ödenir.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${threshold} üzerindeki her sipariş için ${percentage} KDV ödenir.',
+    },
     'Above de minimis threshold for': {
         value: 'Minimum sınırın üzerinde',
     },
@@ -3876,6 +4044,9 @@ const stringsTurkish = {
     'Order total': {
         value: 'Sipariş toplamı',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: '${countryName} ülkesine yapılacak siparişlerin ${threshold} üzerinde olması gerekir.',
+    },
     Pay: {
         value: 'Öde',
     },
@@ -3993,6 +4164,12 @@ const stringsTurkish = {
 };
 
 const stringsVietnamese = {
+    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
+        value: '${percentage} GST phải trả cho bất kỳ đơn hàng nào trên ${threshold}, cùng với phí giao dịch nhập khẩu và thuế MPI.',
+    },
+    '${percentage} GST due on any order above ${threshold}.': {
+        value: '${percentage} GST phải trả cho bất kỳ đơn hàng nào trên ${threshold}.',
+    },
     'Above de minimis threshold for': {
         value: 'Vượt ngưỡng miễn thuế đối với',
     },
@@ -4086,6 +4263,9 @@ const stringsVietnamese = {
     'Order total': {
         value: 'Tổng đơn hàng',
     },
+    'Orders to ${countryName} must be over ${threshold} to ship.': {
+        value: 'Đơn hàng đến ${countryName} phải trên ${threshold} mới được gửi.',
+    },
     Pay: {
         value: 'Thanh toán',
     },
@@ -4269,9 +4449,25 @@ const translationStoreUpdateLanguage = (language) => {
             break;
     }
 };
-const translate = (key) => {
-    var _a;
-    return ((_a = translationStore.translatedChunks[key]) === null || _a === void 0 ? void 0 : _a.value) || key;
+/**
+ * Translate a string with variables if variable pattern is present in the string
+ * @example
+ * // Require variables:
+ * translate('${percentage} GST due on any order above ${threshold}.', { percentage: '5%', threshold: '$100' })
+ * // No variables:
+ * translate('Above de minimis threshold for')
+ */
+const translate = (...[key, replacement]) => {
+    var _a, _b;
+    if (replacement) {
+        // replace all variables in the string
+        let translatedString = ((_a = translationStore.translatedChunks[key]) === null || _a === void 0 ? void 0 : _a.value) || key;
+        Object.entries(replacement).forEach(([replacementKey, replaceValue]) => {
+            translatedString = translatedString.replace(new RegExp(`\\$\\{${replacementKey}\\}`, 'g'), replaceValue);
+        });
+        return translatedString;
+    }
+    return ((_b = translationStore.translatedChunks[key]) === null || _b === void 0 ? void 0 : _b.value) || key;
 };
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {

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

@@ -35,6 +35,12 @@ const BagIcon = `<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xml
 </svg>
 `;
 
+const ImportIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.35028 11.5744C9.05738 11.2815 8.58251 11.2815 8.28962 11.5744C7.99672 11.8673 7.99672 12.3422 8.28962 12.635L11.2917 15.6372C11.6823 16.0277 12.3154 16.0277 12.7059 15.6372L15.708 12.6351C16.0009 12.3422 16.0009 11.8674 15.708 11.5745C15.4151 11.2816 14.9402 11.2816 14.6473 11.5745L12.7488 13.4729V4.68005C12.7488 4.26584 12.413 3.93005 11.9988 3.93005C11.5846 3.93005 11.2488 4.26584 11.2488 4.68005L11.2488 13.4729L9.35028 11.5744Z" fill="#4D505A"/>
+<path d="M20 14C20 13.5858 19.6642 13.25 19.25 13.25C18.8358 13.25 18.5 13.5858 18.5 14L18.5 17.25C18.5 17.9404 17.9404 18.5 17.25 18.5L6.75 18.5C6.05964 18.5 5.5 17.9404 5.5 17.25L5.5 14C5.5 13.5858 5.16421 13.25 4.75 13.25C4.33579 13.25 4 13.5858 4 14V17.25C4 18.7688 5.23122 20 6.75 20H17.25C18.7688 20 20 18.7688 20 17.25L20 14Z" fill="#4D505A"/>
+</svg>
+`;
+
 const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="https://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 4.5C2.25 3.25736 3.25736 2.25 4.5 2.25H13.5C14.7426 2.25 15.75 3.25736 15.75 4.5V10.5C15.75 11.7426 14.7426 12.75 13.5 12.75H8.25C8.01393 12.75 7.79164 12.8611 7.65 13.05L6.3 14.85C5.87508 15.4166 5.2082 15.75 4.5 15.75C3.25736 15.75 2.25 14.7426 2.25 13.5V4.5ZM4.5 3.75C4.08579 3.75 3.75 4.08579 3.75 4.5V13.5C3.75 13.9142 4.08579 14.25 4.5 14.25C4.73607 14.25 4.95836 14.1389 5.1 13.95L6.45 12.15C6.87492 11.5834 7.5418 11.25 8.25 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5V4.5C14.25 4.08579 13.9142 3.75 13.5 3.75H4.5ZM5.25 6C5.25 5.58579 5.58579 5.25 6 5.25H12C12.4142 5.25 12.75 5.58579 12.75 6C12.75 6.41421 12.4142 6.75 12 6.75H6C5.58579 6.75 5.25 6.41421 5.25 6ZM5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.25C8.66421 8.25 9 8.58579 9 9C9 9.41421 8.66421 9.75 8.25 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9Z" fill="#4D505A"/>
 </svg>
@@ -81,6 +87,81 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialog
         this.setShowLanguageSelect = async (value) => {
             this.showLanguageSelect = value;
         };
+        this.getDutyMessage = () => {
+            const { countryLandedCost } = localizationStore;
+            // Our Robby API spells deminimis wrong here
+            const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
+                ? currencyFormat(countryLandedCost.dutyDeminimus)
+                : null;
+            // If Canada, use 40 CAD (courier duty de minimis)
+            const dutyDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
+                ? currencyFormat(40)
+                : dutyDeminimis;
+            // If deminimis is undefined or null, assume it's $0
+            return dutyDeminimisToUse
+                ? `${translate('Spend')} ${dutyDeminimisToUse} ${translate('duty free')}`
+                : translate('Duties will apply to all orders');
+        };
+        this.getTaxMessage = () => {
+            const { countryLandedCost } = localizationStore;
+            // Our Robby API spells deminimis wrong here
+            const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
+                ? currencyFormat(countryLandedCost.vatTaxDeminimus)
+                : null;
+            // If Canada, use 150 CAD (courier tax de minimis)
+            const taxDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
+                ? currencyFormat(150)
+                : taxDeminimis;
+            return taxDeminimisToUse
+                ? `${translate('Spend')} ${taxDeminimisToUse} ${translate('tax free')}`
+                : translate('Taxes will apply to all orders');
+        };
+        this.getUkDutyTaxMessage = (landedCost) => {
+            if (landedCost.allowLowValueOrders) {
+                // show nothing if low value orders are allowed
+                return null;
+            }
+            const dutyDeminimis = landedCost.dutyDeminimus;
+            return translate('Orders to ${countryName} must be over ${threshold} to ship.', {
+                countryName: 'United Kingdom',
+                threshold: currencyFormat(dutyDeminimis),
+            });
+        };
+        this.getAustraliaDutyTaxMessage = (landedCost) => {
+            return translate('${percentage} GST due on any order above ${threshold}.', {
+                percentage: `${landedCost.vatTaxRate * 100}%`,
+                threshold: currencyFormat(landedCost.vatTaxDeminimus),
+            });
+        };
+        this.getNewZealandDutyTaxMessge = (landedCost) => {
+            return translate('${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.', {
+                percentage: `${landedCost.vatTaxRate * 100}%`,
+                threshold: currencyFormat(landedCost.vatTaxDeminimus),
+            });
+        };
+        /**
+         * Get additional duty tax message if selected country has tax id
+         */
+        this.getAdditionalDutyTaxMessage = () => {
+            if (!localizationStore.countryLandedCost) {
+                return null;
+            }
+            // only show the message if the store has a tax id for selected country
+            if (!localizationStore.countryLandedCost.hasTaxId) {
+                return null;
+            }
+            switch (localizationStore.countryLandedCost.countryCode) {
+                case 'GB':
+                    return this.getUkDutyTaxMessage(localizationStore.countryLandedCost);
+                case 'AU':
+                    return this.getAustraliaDutyTaxMessage(localizationStore.countryLandedCost);
+                case 'NZ':
+                    return this.getNewZealandDutyTaxMessge(localizationStore.countryLandedCost);
+                default:
+                    // show nothing
+                    return null;
+            }
+        };
         this.isOpen = false;
         this.setIsOpen = () => { };
         this.mobileLocationOverride = undefined;
@@ -102,30 +183,13 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialog
     }
     render() {
         var _a;
-        const { countryLandedCost, selectedCountryCode } = localizationStore;
-        // Our Robby API spells deminimis wrong here
-        const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
-            ? currencyFormat(countryLandedCost.dutyDeminimus)
-            : null;
-        // If Canada, use 40 CAD (courier duty de minimis)
-        const dutyDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
-            ? currencyFormat(40)
-            : dutyDeminimis;
+        const { selectedCountryCode } = localizationStore;
+        // If deminimis is undefined or null, assume it's $0
+        const dutyDeMinimisMessage = this.getDutyMessage();
         // If deminimis is undefined or null, assume it's $0
-        const dutyDeMinimisMessage = dutyDeminimisToUse
-            ? `${translate('Spend')} ${dutyDeminimisToUse} ${translate('duty free')}`
-            : translate('Duties will apply to all orders');
-        // Our Robby API spells deminimis wrong here
-        const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
-            ? currencyFormat(countryLandedCost.vatTaxDeminimus)
-            : null;
-        // If Canada, use 150 CAD (courier tax de minimis)
-        const taxDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
-            ? currencyFormat(150)
-            : taxDeminimis;
-        const taxDeMinimisMessage = taxDeminimisToUse
-            ? `${translate('Spend')} ${taxDeminimisToUse} ${translate('tax free')}`
-            : translate('Taxes will apply to all orders');
+        const taxDeMinimisMessage = this.getTaxMessage();
+        // Show additional information if selected country has tax id
+        const additionalInformation = this.getAdditionalDutyTaxMessage();
         const animateLeft = this.animateFromLeftOverride ||
             (this.dialogRef && getHasMoreSpaceOnRight(this.dialogRef));
         const animateFromBottom = this.dialogRef && getHasMoreSpaceAbove(this.dialogRef);
@@ -136,7 +200,7 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialog
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: 'dcd4c055999375785e289cc273c37e50c358d594', class: "zonos--elements" }, h("div", { key: 'a8921afb921ee0b4c0adb31dca0da646c91bdecc', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: 'ccabd686943b009ed6bb9c0ec64a6a4e7cc917f5', class: "zonos--elements" }, h("div", { key: '6bfbae15f5b43413fc76d21b94d0d56a2ce48f4d', "aria-hidden": "true", class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
@@ -146,7 +210,7 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialog
             ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", null, h("div", { class: "zonos--hello-dialog-content" }, h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { spacing: 24 }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { type: "boldSubheader" }, welcomeMessage), h("zonos-text", { innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), h("zonos-card", { spacing: "12px" }, h("zonos-v-stack", { spacing: 12 }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: BagIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", null, h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", null, h("zonos-language-select", { handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { spacing: "12px" }, h("zonos-v-stack", { spacing: 12 }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)), additionalInformation && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", null, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", null, h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", null, h("zonos-language-select", { handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {