@zonos/elements 1.3.233 → 1.3.234

package/dist/esm/{translationStore-690c4e04.js → localization-04b05867.js}

@@ -1,4 +1,69 @@
-import { c as createStore } from './zonosStore-b434e436.js';
+import { c as createStore, z as zonosStore } from './zonosStore-b434e436.js';
+import { j as jsonParse, h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
+import { a as availableTestKeys, l as log } from './VarianceTest-572cecf5.js';
+
+/**
+ * Check if the response contains at least one available test key that we support
+ */
+const hasAtLeastOneAvailableTestKey = (rawResponse) => {
+    const hasAvailableTestKey = !!rawResponse.find(item => item.testKey in availableTestKeys);
+    if (!hasAvailableTestKey) {
+        log('No available test key found in response', 'info', {
+            response: rawResponse,
+        });
+    }
+    return !!rawResponse.find(item => item.testKey in availableTestKeys);
+};
+
+/**
+ * Filter the response to only include test keys and variants key that we support
+ */
+const filterValidTests = (testKeys) => {
+    // Type guard the response to ensure it matches the expected structure
+    if (!hasAtLeastOneAvailableTestKey(testKeys)) {
+        return [];
+    }
+    // Filter the response to only include test keys that we support
+    return testKeys
+        .filter(item => {
+        var _a;
+        const isTestKeyValidButNoSelectedVariantKey = availableTestKeys[item.testKey] && !item.selectedVariantKey;
+        const validTestKeyWithSelectedVariantKey = item.selectedVariantKey &&
+            !!((_a = availableTestKeys[item.testKey]) === null || _a === void 0 ? void 0 : _a['availableVariants'].includes(item.selectedVariantKey));
+        return (isTestKeyValidButNoSelectedVariantKey ||
+            validTestKeyWithSelectedVariantKey);
+    })
+        .map(item => (Object.assign(Object.assign({}, item), { expiresAt: item.expiresAt || Date.now() + VARIANT_TEST_KEY_EXPIRATION, selectedVariantKey: item.selectedVariantKey || null })));
+};
+
+/**
+ * Expiration time for variant test keys in milliseconds
+ * @default 1 day
+ */
+const VARIANT_TEST_KEY_EXPIRATION = 60 * 60 * 24 * 1000;
+const { onChange: storageStoreOnChange, state: storageStore } = createStore({
+    checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id'),
+    enabledVariantTestKeys: jsonParse(localStorage.getItem('zonos--enabled-variant-test-keys')),
+});
+storageStoreOnChange('enabledVariantTestKeys', () => {
+    var _a;
+    // This should be set in localStorage so we don't have multiple tests for the same user in short period of time
+    if (!((_a = storageStore.enabledVariantTestKeys) === null || _a === void 0 ? void 0 : _a.length)) {
+        localStorage.removeItem('zonos--enabled-variant-test-keys');
+        return;
+    }
+    localStorage.setItem('zonos--enabled-variant-test-keys', JSON.stringify(storageStore.enabledVariantTestKeys));
+});
+storageStoreOnChange('checkoutSessionId', () => {
+    if (!storageStore.checkoutSessionId) {
+        sessionStorage.removeItem('zonos--checkout-session-id');
+        return;
+    }
+    sessionStorage.setItem('zonos--checkout-session-id', storageStore.checkoutSessionId);
+});
+const storageStoreSetEnabledVariantTestKeys = (testKeys) => {
+    storageStore.enabledVariantTestKeys = filterValidTests(testKeys);
+};
 
 const stringsArabic = {
     ' (Duties due at door)': {
@@ -280,6 +345,9 @@ const stringsArabic = {
     'Invalid session': {
         value: 'جلسة غير صالحة',
     },
+    'Invoice:': {
+        value: 'فاتورة:',
+    },
     Island: {
         value: 'جزيرة',
     },
@@ -394,6 +462,9 @@ const stringsArabic = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'جارٍ معالجة الدفع. سنحدثك عند استلام الدفعة.',
     },
+    'Payment total': {
+        value: 'إجمالي الدفع',
+    },
     'Personal Customers Clearance Code': {
         value: 'رمز تخليص العملاء الشخصيين',
     },
@@ -436,6 +507,9 @@ const stringsArabic = {
     'Prepay duties and taxes at checkout': {
         value: 'دفع الرسوم والضرائب مقدمًا عند الدفع',
     },
+    'Privacy policy': {
+        value: 'سياسة الخصوصية',
+    },
     'Proceed with order': {
         value: 'المتابعة مع الطلب',
     },
@@ -1022,6 +1096,9 @@ const stringsBase = {
     'Invalid session': {
         value: 'Invalid session',
     },
+    'Invoice:': {
+        value: 'Invoice:',
+    },
     Island: {
         value: 'Island',
     },
@@ -1136,6 +1213,9 @@ const stringsBase = {
     "Payment processing. We'll update you when payment is received.": {
         value: "Payment processing. We'll update you when payment is received.",
     },
+    'Payment total': {
+        value: 'Payment total',
+    },
     'Personal Customers Clearance Code': {
         value: 'Personal Customers Clearance Code',
     },
@@ -1178,6 +1258,9 @@ const stringsBase = {
     'Prepay duties and taxes at checkout': {
         value: 'Prepay duties and taxes at checkout',
     },
+    'Privacy policy': {
+        value: 'Privacy policy',
+    },
     'Proceed with order': {
         value: 'Proceed with order',
     },
@@ -1763,6 +1846,9 @@ const stringsChinese = {
     'Invalid session': {
         value: '无效的会话',
     },
+    'Invoice:': {
+        value: '发票：',
+    },
     Island: {
         value: '岛',
     },
@@ -1877,6 +1963,9 @@ const stringsChinese = {
     "Payment processing. We'll update you when payment is received.": {
         value: '付款处理中。付款收到后，我们将通知您。',
     },
+    'Payment total': {
+        value: '付款总额',
+    },
     'Personal Customers Clearance Code': {
         value: '个人客户清关代码',
     },
@@ -1919,6 +2008,9 @@ const stringsChinese = {
     'Prepay duties and taxes at checkout': {
         value: '在结账时预付关税和税款',
     },
+    'Privacy policy': {
+        value: '隐私政策',
+    },
     'Proceed with order': {
         value: '继续订单',
     },
@@ -2504,6 +2596,9 @@ const stringsDanish = {
     'Invalid session': {
         value: 'Ugyldig session',
     },
+    'Invoice:': {
+        value: 'Faktura:',
+    },
     Island: {
         value: 'Ø',
     },
@@ -2618,6 +2713,9 @@ const stringsDanish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Behandler betaling. Vi opdaterer dig, når betalingen er modtaget.',
     },
+    'Payment total': {
+        value: 'Betaling i alt',
+    },
     'Personal Customers Clearance Code': {
         value: 'Personlige Kunders Toldkode',
     },
@@ -2660,6 +2758,9 @@ const stringsDanish = {
     'Prepay duties and taxes at checkout': {
         value: 'Betal told og skatter på forhånd ved kassen',
     },
+    'Privacy policy': {
+        value: 'Privatlivspolitik',
+    },
     'Proceed with order': {
         value: 'Fortsæt med ordren',
     },
@@ -3245,6 +3346,9 @@ const stringsDutch = {
     'Invalid session': {
         value: 'Ongeldige sessie',
     },
+    'Invoice:': {
+        value: 'Factuur:',
+    },
     Island: {
         value: 'Eiland',
     },
@@ -3359,6 +3463,9 @@ const stringsDutch = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Betaling verwerken. We brengen je op de hoogte wanneer de betaling is ontvangen.',
     },
+    'Payment total': {
+        value: 'Betalingstotaal',
+    },
     'Personal Customers Clearance Code': {
         value: 'Persoonlijke Klanten Invoercode',
     },
@@ -3401,6 +3508,9 @@ const stringsDutch = {
     'Prepay duties and taxes at checkout': {
         value: 'Heffingen en belastingen vooraf betalen bij het afrekenen',
     },
+    'Privacy policy': {
+        value: 'Privacybeleid',
+    },
     'Proceed with order': {
         value: 'Doorgaan met de bestelling',
     },
@@ -3986,6 +4096,9 @@ const stringsFrench = {
     'Invalid session': {
         value: 'Session invalide',
     },
+    'Invoice:': {
+        value: 'Facture:',
+    },
     Island: {
         value: 'Île',
     },
@@ -4100,6 +4213,9 @@ const stringsFrench = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Traitement du paiement en cours. Nous vous tiendrons informé dès réception du paiement.',
     },
+    'Payment total': {
+        value: 'Total du paiement',
+    },
     'Personal Customers Clearance Code': {
         value: 'Code de Dédouanement des Clients Personnels',
     },
@@ -4142,6 +4258,9 @@ const stringsFrench = {
     'Prepay duties and taxes at checkout': {
         value: "Payez les droits et taxes à l'avance lors du checkout",
     },
+    'Privacy policy': {
+        value: 'Politique de confidentialité',
+    },
     'Proceed with order': {
         value: 'Procéder à la commande',
     },
@@ -4727,6 +4846,9 @@ const stringsGerman = {
     'Invalid session': {
         value: 'Ungültige Sitzung',
     },
+    'Invoice:': {
+        value: 'Rechnung:',
+    },
     Island: {
         value: 'Insel',
     },
@@ -4841,6 +4963,9 @@ const stringsGerman = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Zahlung wird verarbeitet. Wir informieren Sie, sobald die Zahlung eingegangen ist.',
     },
+    'Payment total': {
+        value: 'Zahlungssumme',
+    },
     'Personal Customers Clearance Code': {
         value: 'Zollabfertigungscode für Privatkunden',
     },
@@ -4883,6 +5008,9 @@ const stringsGerman = {
     'Prepay duties and taxes at checkout': {
         value: 'Zölle und Steuern im Voraus bezahlen',
     },
+    'Privacy policy': {
+        value: 'Datenschutzrichtlinie',
+    },
     'Proceed with order': {
         value: 'Mit der Bestellung fortfahren',
     },
@@ -5468,6 +5596,9 @@ const stringsHebrew = {
     'Invalid session': {
         value: 'סשן לא חוקי',
     },
+    'Invoice:': {
+        value: 'חשבונית:',
+    },
     Island: {
         value: 'אי',
     },
@@ -5582,6 +5713,9 @@ const stringsHebrew = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'התשלום מעובד. נעדכן אותך כשהתשלום יתקבל.',
     },
+    'Payment total': {
+        value: 'סך התשלום',
+    },
     'Personal Customers Clearance Code': {
         value: 'קוד שחרור מכס ללקוחות פרטיים',
     },
@@ -5624,6 +5758,9 @@ const stringsHebrew = {
     'Prepay duties and taxes at checkout': {
         value: 'שלם מכסים ומסים מראש בעת התשלום',
     },
+    'Privacy policy': {
+        value: 'מדיניות פרטיות',
+    },
     'Proceed with order': {
         value: 'המשך עם ההזמנה',
     },
@@ -6209,6 +6346,9 @@ const stringsIndonesian = {
     'Invalid session': {
         value: 'Sesi tidak valid',
     },
+    'Invoice:': {
+        value: 'Faktur:',
+    },
     Island: {
         value: 'Pulau',
     },
@@ -6323,6 +6463,9 @@ const stringsIndonesian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Pemrosesan pembayaran. Kami akan memberi Anda pembaruan ketika pembayaran diterima.',
     },
+    'Payment total': {
+        value: 'Total pembayaran',
+    },
     'Personal Customers Clearance Code': {
         value: 'Kode Pembebasan Pelanggan Pribadi',
     },
@@ -6365,6 +6508,9 @@ const stringsIndonesian = {
     'Prepay duties and taxes at checkout': {
         value: 'Pembayaran bea masuk dan pajak di kasir',
     },
+    'Privacy policy': {
+        value: 'Kebijakan privasi',
+    },
     'Proceed with order': {
         value: 'Lanjutkan dengan pesanan',
     },
@@ -6950,6 +7096,9 @@ const stringsItalian = {
     'Invalid session': {
         value: 'Sessione non valida',
     },
+    'Invoice:': {
+        value: 'Fattura:',
+    },
     Island: {
         value: 'Isola',
     },
@@ -7064,6 +7213,9 @@ const stringsItalian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Elaborazione pagamento in corso. Ti aggiorneremo quando il pagamento sarà ricevuto.',
     },
+    'Payment total': {
+        value: 'Totale del pagamento',
+    },
     'Personal Customers Clearance Code': {
         value: 'Codice di Sdoganamento per Clienti Personali',
     },
@@ -7106,6 +7258,9 @@ const stringsItalian = {
     'Prepay duties and taxes at checkout': {
         value: 'Paga dazi e tasse anticipatamente',
     },
+    'Privacy policy': {
+        value: 'Informativa sulla privacy',
+    },
     'Proceed with order': {
         value: "Procedi con l'ordine",
     },
@@ -7691,6 +7846,9 @@ const stringsJapanese = {
     'Invalid session': {
         value: '無効なセッション',
     },
+    'Invoice:': {
+        value: '請求書:',
+    },
     Island: {
         value: '島',
     },
@@ -7805,6 +7963,9 @@ const stringsJapanese = {
     "Payment processing. We'll update you when payment is received.": {
         value: '支払処理中です。入金が確認された際に更新いたします。',
     },
+    'Payment total': {
+        value: '支払い合計',
+    },
     'Personal Customers Clearance Code': {
         value: '個人顧客通関コード',
     },
@@ -7847,6 +8008,9 @@ const stringsJapanese = {
     'Prepay duties and taxes at checkout': {
         value: ' checkout時に関税と税金を前払い',
     },
+    'Privacy policy': {
+        value: 'プライバシーポリシー',
+    },
     'Proceed with order': {
         value: '注文を進める',
     },
@@ -8432,6 +8596,9 @@ const stringsKorean = {
     'Invalid session': {
         value: '유효하지 않은 세션',
     },
+    'Invoice:': {
+        value: '송장:',
+    },
     Island: {
         value: '섬',
     },
@@ -8546,6 +8713,9 @@ const stringsKorean = {
     "Payment processing. We'll update you when payment is received.": {
         value: '결제 처리 중. 결제가 접수되면 알려드리겠습니다.',
     },
+    'Payment total': {
+        value: '결제 총액',
+    },
     'Personal Customers Clearance Code': {
         value: '개인 고객 통관 코드',
     },
@@ -8588,6 +8758,9 @@ const stringsKorean = {
     'Prepay duties and taxes at checkout': {
         value: '체크아웃 시 관세와 세금 선불',
     },
+    'Privacy policy': {
+        value: '개인정보 처리방침',
+    },
     'Proceed with order': {
         value: '주문 진행',
     },
@@ -9173,6 +9346,9 @@ const stringsNorwegian = {
     'Invalid session': {
         value: 'Ugyldig økt',
     },
+    'Invoice:': {
+        value: 'Faktura:',
+    },
     Island: {
         value: 'Øy',
     },
@@ -9287,6 +9463,9 @@ const stringsNorwegian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Bearbeider betalingen. Vi gir deg beskjed når betalingen er mottatt.',
     },
+    'Payment total': {
+        value: 'Betaling totalt',
+    },
     'Personal Customers Clearance Code': {
         value: 'Personlige Kunders Tollklareringskode',
     },
@@ -9329,6 +9508,9 @@ const stringsNorwegian = {
     'Prepay duties and taxes at checkout': {
         value: 'Forhåndsbetal avgifter og skatt ved kassen',
     },
+    'Privacy policy': {
+        value: 'Personvernregler',
+    },
     'Proceed with order': {
         value: 'Fortsett med bestillingen',
     },
@@ -9914,6 +10096,9 @@ const stringsPolish = {
     'Invalid session': {
         value: 'Nieprawidłowa sesja',
     },
+    'Invoice:': {
+        value: 'Faktura:',
+    },
     Island: {
         value: 'Wyspa',
     },
@@ -10028,6 +10213,9 @@ const stringsPolish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Trwa przetwarzanie płatności. Poinformujemy gdy płatność zostanie otrzymana.',
     },
+    'Payment total': {
+        value: 'Suma płatności',
+    },
     'Personal Customers Clearance Code': {
         value: 'Kod Odprawy Celnej Klientów Indywidualnych',
     },
@@ -10070,6 +10258,9 @@ const stringsPolish = {
     'Prepay duties and taxes at checkout': {
         value: 'Zapłać cła i podatki z góry podczas realizacji zamówienia',
     },
+    'Privacy policy': {
+        value: 'Polityka prywatności',
+    },
     'Proceed with order': {
         value: 'Przejdź do zamówienia',
     },
@@ -10655,6 +10846,9 @@ const stringsPortuguese = {
     'Invalid session': {
         value: 'Sessão inválida',
     },
+    'Invoice:': {
+        value: 'Fatura:',
+    },
     Island: {
         value: 'Ilha',
     },
@@ -10769,6 +10963,9 @@ const stringsPortuguese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Processando pagamento. Informaremos quando o pagamento for recebido.',
     },
+    'Payment total': {
+        value: 'Total do pagamento',
+    },
     'Personal Customers Clearance Code': {
         value: 'Código de Desembaraço de Clientes Pessoais',
     },
@@ -10811,6 +11008,9 @@ const stringsPortuguese = {
     'Prepay duties and taxes at checkout': {
         value: 'Pague impostos e taxas antecipadamente',
     },
+    'Privacy policy': {
+        value: 'Política de privacidade',
+    },
     'Proceed with order': {
         value: 'Prosseguir com o pedido',
     },
@@ -11396,6 +11596,9 @@ const stringsRussian = {
     'Invalid session': {
         value: 'Недействительная сессия',
     },
+    'Invoice:': {
+        value: 'Счет:',
+    },
     Island: {
         value: 'Остров',
     },
@@ -11510,6 +11713,9 @@ const stringsRussian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Обрабатываем платеж. Сообщим вам, когда платеж будет получен.',
     },
+    'Payment total': {
+        value: 'Общая сумма платежа',
+    },
     'Personal Customers Clearance Code': {
         value: 'Код таможенной очистки для частных клиентов',
     },
@@ -11552,6 +11758,9 @@ const stringsRussian = {
     'Prepay duties and taxes at checkout': {
         value: 'Предоплата пошлин и налогов при оформлении заказа',
     },
+    'Privacy policy': {
+        value: 'Политика конфиденциальности',
+    },
     'Proceed with order': {
         value: 'Продолжить с заказом',
     },
@@ -12137,6 +12346,9 @@ const stringsSpanish = {
     'Invalid session': {
         value: 'Sesión no válida',
     },
+    'Invoice:': {
+        value: 'Factura:',
+    },
     Island: {
         value: 'Isla',
     },
@@ -12251,6 +12463,9 @@ const stringsSpanish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Procesando pago. Le informaremos cuando se reciba el pago.',
     },
+    'Payment total': {
+        value: 'Total de pago',
+    },
     'Personal Customers Clearance Code': {
         value: 'Código de Despacho de Clientes Personales',
     },
@@ -12293,6 +12508,9 @@ const stringsSpanish = {
     'Prepay duties and taxes at checkout': {
         value: 'Pague aranceles e impuestos antes en la compra',
     },
+    'Privacy policy': {
+        value: 'Política de privacidad',
+    },
     'Proceed with order': {
         value: 'Proceder con el pedido',
     },
@@ -12878,6 +13096,9 @@ const stringsSwedish = {
     'Invalid session': {
         value: 'Ogiltig session',
     },
+    'Invoice:': {
+        value: 'Faktura:',
+    },
     Island: {
         value: 'Ö',
     },
@@ -12992,6 +13213,9 @@ const stringsSwedish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Betalningsbehandling. Vi kommer att uppdatera dig när betalningen har mottagits.',
     },
+    'Payment total': {
+        value: 'Betalning totalt',
+    },
     'Personal Customers Clearance Code': {
         value: 'Personliga Kunders Tullkod',
     },
@@ -13034,6 +13258,9 @@ const stringsSwedish = {
     'Prepay duties and taxes at checkout': {
         value: 'Förbetala tull och skatter vid utcheckning',
     },
+    'Privacy policy': {
+        value: 'Integritetspolicy',
+    },
     'Proceed with order': {
         value: 'Fortsätt med beställningen',
     },
@@ -13619,6 +13846,9 @@ const stringsTurkish = {
     'Invalid session': {
         value: 'Geçersiz oturum',
     },
+    'Invoice:': {
+        value: 'Fatura:',
+    },
     Island: {
         value: 'Ada',
     },
@@ -13733,6 +13963,9 @@ const stringsTurkish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Ödeme işleniyor. Ödeme alındığında sizi bilgilendireceğiz.',
     },
+    'Payment total': {
+        value: 'Ödeme toplamı',
+    },
     'Personal Customers Clearance Code': {
         value: 'Kişisel Müşteri Gümrük Kodları',
     },
@@ -13775,6 +14008,9 @@ const stringsTurkish = {
     'Prepay duties and taxes at checkout': {
         value: 'Ödemede vergi ve gümrük vergisini önceden öde',
     },
+    'Privacy policy': {
+        value: 'Gizlilik politikası',
+    },
     'Proceed with order': {
         value: 'Siparişe devam et',
     },
@@ -14360,6 +14596,9 @@ const stringsVietnamese = {
     'Invalid session': {
         value: 'Phiên không hợp lệ',
     },
+    'Invoice:': {
+        value: 'Hóa đơn:',
+    },
     Island: {
         value: 'Đảo',
     },
@@ -14474,6 +14713,9 @@ const stringsVietnamese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Đang xử lý thanh toán. Chúng tôi sẽ thông báo khi nhận được thanh toán.',
     },
+    'Payment total': {
+        value: 'Tổng thanh toán',
+    },
     'Personal Customers Clearance Code': {
         value: 'Mã Thông Quan Khách Hàng Cá Nhân',
     },
@@ -14516,6 +14758,9 @@ const stringsVietnamese = {
     'Prepay duties and taxes at checkout': {
         value: 'Thanh toán trước thuế và phí khi thanh toán',
     },
+    'Privacy policy': {
+        value: 'Chính sách bảo mật',
+    },
     'Proceed with order': {
         value: 'Tiếp tục với đơn hàng',
     },
@@ -14909,4 +15154,798 @@ const translate = (...[key, replacement]) => {
     return ((_b = translationStore.translatedChunks[key]) === null || _b === void 0 ? void 0 : _b.value) || key;
 };
 
-export { translationStoreUpdateLanguage as a, translationStoreOnChange as b, translate as t };
+const getCountries = async () => {
+    try {
+        const { errors, json } = await handleFetch('/api/zonos-elements/get-countries', {
+            method: 'GET',
+        });
+        if (errors.length || !json) {
+            return null;
+        }
+        return json;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+
+const getCountryLandedCost = async (countryCode) => {
+    var _a;
+    if (!countryCode) {
+        return null;
+    }
+    const url = `/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}`);
+        return null;
+    }
+    return json || null;
+};
+
+const defaultUsExchangeRate = {
+    exchangeRate: {
+        rate: 1,
+        targetFormat: {
+            currencyCode: 'USD',
+            decimalDelimiter: '.',
+            scale: 2,
+            symbol: '$',
+            symbolLocation: 'before',
+            thousandsDelimiter: ',',
+        },
+    },
+    maxAge: null,
+};
+const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCurrency, }) => {
+    var _a;
+    // If source currency matches target currency (US -> US) and is not a guaranteed rate, return default exchange rate so we still format properly.
+    if (sourceCurrency === targetCurrency && !isGuaranteed) {
+        return defaultUsExchangeRate;
+    }
+    const searchParams = new URLSearchParams();
+    searchParams.set('sourceCurrency', sourceCurrency);
+    searchParams.set('targetCurrency', targetCurrency);
+    searchParams.set('isGuaranteed', String(isGuaranteed));
+    searchParams.set('country', country || '');
+    const { errors, json } = await handleFetch(`/api/zonos-elements/exchange-rates?${searchParams.toString()}`);
+    if (errors.length || !json) {
+        logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+        return defaultUsExchangeRate;
+    }
+    const { rate, targetFormat } = json.exchangeRateCreate;
+    const maxAge = json.maxAge;
+    if (rate) {
+        sessionStorage.setItem(country + '_rate', JSON.stringify(rate));
+        const exchangeRate = { rate, targetFormat };
+        return { exchangeRate, maxAge };
+    }
+    return defaultUsExchangeRate;
+};
+
+const getInclusivePriceConfigurations = async (countryCode) => {
+    var _a;
+    if (!countryCode) {
+        return null;
+    }
+    const { errors, json } = await handleFetch(`/api/zonos-elements/inclusive-prices/${countryCode}`);
+    if (errors.length || !json) {
+        logError(`Error fetching country inclusive price setting: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+        return null;
+    }
+    return json || null;
+};
+
+const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
+    var _a;
+    const searchParams = new URLSearchParams();
+    searchParams.set('countryCode', countryCode);
+    searchParams.set('storeId', storeId.toString());
+    if (localeTo) {
+        searchParams.set('localeTo', localeTo);
+    }
+    const { errors, json } = await handleFetch(`/api/zonos-elements/locale-messages?${searchParams.toString()}`);
+    if (errors.length || !json) {
+        logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
+        return [];
+    }
+    return json.locale_countryCodesPage;
+};
+
+const validateCountryCode = (countryCode) => {
+    // Check that the country is two characters and is upper case
+    if (countryCode && /^[A-Z]{2}$/.test(countryCode)) {
+        return countryCode;
+    }
+    return null;
+};
+const getZCountryUrlParam = (urlParams) => {
+    const urlSearchParams = new URLSearchParams(urlParams || window.location.search);
+    const getCountryParam = (param) => {
+        const country = urlSearchParams.get(param);
+        // Check that the country is two characters and is upper case
+        return validateCountryCode(country);
+    };
+    const zCountry = getCountryParam('zCountry');
+    // Fallback to legacy 'country'
+    const fallback = getCountryParam('country');
+    // Fallback to customerCountry
+    const secondFallback = getCountryParam('customerCountry');
+    return zCountry || fallback || secondFallback;
+};
+
+/**
+ * Retrieve the zCountry from the URL or session storage.
+ */
+const getOverridenZCountry = () => {
+    const currentUrl = new URL(window.location.href);
+    // load and use country from session storage when zCountry query param is not present
+    const countryLoadedSession = window.sessionStorage.getItem('zonos--country');
+    const zCountry = getZCountryUrlParam(currentUrl.searchParams) || countryLoadedSession;
+    return zCountry;
+};
+
+const getLocalization = async () => {
+    try {
+        const zCountry = getOverridenZCountry();
+        const searchParams = new URLSearchParams();
+        if (zCountry) {
+            searchParams.set('zCountry', zCountry);
+        }
+        const { errors, json } = await handleFetch(`/api/zonos-elements/localization?${searchParams.toString()}`);
+        if (errors.length || !json) {
+            return { country: null, locale: null };
+        }
+        return {
+            country: json.country,
+            locale: json.locale,
+        };
+    }
+    catch (_a) {
+        return { country: null, locale: null };
+    }
+};
+
+const getShippingZones = async () => {
+    var _a, _b, _c;
+    if ((_a = window.Zonos.cartSettings) === null || _a === void 0 ? void 0 : _a.shippingZones) {
+        return window.Zonos.cartSettings.shippingZones
+            .flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes)
+            .filter(Boolean);
+    }
+    const { errors, json } = await handleFetch('/api/zonos-elements/shipping-zones');
+    if (errors.length || !json) {
+        logError(`Error fetching shipping zones: ${(_b = errors.find(Boolean)) === null || _b === void 0 ? void 0 : _b.message}`);
+        return null;
+    }
+    const shippingZones = (_c = json === null || json === void 0 ? void 0 : json.shippingZones) === null || _c === void 0 ? void 0 : _c.flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes).filter(Boolean);
+    return shippingZones || null;
+};
+
+const applyInclusiveEffectiveRate = (amount) => {
+    const inclusivePrice = localizationStore.inclusivePricingConfigurations.find(x => x.shipToCountry === localizationStore.selectedCountryCode);
+    if (!inclusivePrice) {
+        return amount;
+    }
+    const effectiveRate = inclusivePrice.effectiveRate;
+    // Just multiply the amount by the effective rate to get the new amount for inclusive pricing
+    return amount * (1 + effectiveRate);
+};
+
+const currencyConvert = (value) => {
+    // TODO(potentially): Bring over the code for vanity checks
+    const { exchangeRate } = localizationStore;
+    if (!exchangeRate || !value || isNaN(value)) {
+        return value;
+    }
+    const minimumFractionDigits = (exchangeRate === null || exchangeRate === void 0 ? void 0 : exchangeRate.targetFormat.scale) || 2;
+    const convertedValue = value * exchangeRate.rate;
+    const fixedValue = convertedValue.toFixed(minimumFractionDigits);
+    return Number(fixedValue);
+};
+
+/**
+ * This function only to format the number in
+ * @returns
+ */
+const numberFormat = ({ amount, currency, targetFormat, }) => {
+    const targetCurrency = currency || localizationStore.targetCurrency;
+    const minimumFractionDigits = (targetFormat === null || targetFormat === void 0 ? void 0 : targetFormat.scale) || 2;
+    const isIE = window.navigator.userAgent.indexOf('MSIE ') !== -1;
+    const numberFormatExists = typeof Intl === 'object' && Intl && typeof Intl.NumberFormat === 'function';
+    if (isIE || !numberFormatExists) {
+        // use native number formatting if it's IE.
+        const formattedNumber = Number(amount)
+            .toFixed(minimumFractionDigits)
+            .replace('.', '|dec|')
+            .replace(',', (targetFormat === null || targetFormat === void 0 ? void 0 : targetFormat.thousandsDelimiter) || '')
+            .replace('|dec|', (targetFormat === null || targetFormat === void 0 ? void 0 : targetFormat.decimalDelimiter) || '');
+        return formattedNumber;
+    }
+    const formatedNumber = new Intl.NumberFormat(window.navigator.language, {
+        currency: targetCurrency,
+        currencyDisplay: 'code',
+        minimumFractionDigits: minimumFractionDigits,
+        style: 'currency',
+    }).format(amount);
+    return formatedNumber.replace(new RegExp(`${targetCurrency}\\s+`), '');
+};
+
+const currencyFormat = ({ amount, currency, }) => {
+    if (isNaN(amount) || (amount !== 0 && !amount)) {
+        return '';
+    }
+    const overrideCurrencyFormat = zonosStore.overrideCurrencyFormat;
+    const { exchangeRate } = localizationStore;
+    const targetCurrency = currency || localizationStore.targetCurrency;
+    // Use user-defined currency format
+    if (typeof overrideCurrencyFormat === 'function') {
+        return overrideCurrencyFormat({
+            amount: amount,
+            currencyCode: targetCurrency,
+            numberFormat: ({ amount: _amount }) => numberFormat({
+                amount: _amount,
+                currency: targetCurrency,
+                targetFormat: (exchangeRate === null || exchangeRate === void 0 ? void 0 : exchangeRate.targetFormat) || null,
+            }),
+        });
+    }
+    const { targetFormat } = exchangeRate || {};
+    if (!targetFormat || !exchangeRate) {
+        // Return the amount as a string if no exchange rate is available
+        return `${amount.toFixed(2)} ${targetCurrency}`;
+    }
+    const minimumFractionDigits = targetFormat.scale || 2;
+    const isIE = window.navigator.userAgent.indexOf('MSIE ') !== -1;
+    const numberFormatExists = typeof Intl === 'object' && Intl && typeof Intl.NumberFormat === 'function';
+    if (isIE || !numberFormatExists) {
+        // use native number formatting if it's IE.
+        const formattedNumber = Number(amount)
+            .toFixed(minimumFractionDigits)
+            .replace('.', '|dec|')
+            .replace(',', targetFormat.thousandsDelimiter || '')
+            .replace('|dec|', targetFormat.decimalDelimiter || '');
+        const result = `${formattedNumber}${targetFormat.currencyCode !== 'USD' ? ` ${targetFormat.currencyCode}` : ''}`;
+        return result;
+    }
+    const currencyDisplay = (overrideCurrencyFormat === null || overrideCurrencyFormat === void 0 ? void 0 : overrideCurrencyFormat.currencyDisplay) || 'symbol';
+    const formattedNumber = new Intl.NumberFormat(window.navigator.language, {
+        currency: targetCurrency,
+        currencyDisplay,
+        minimumFractionDigits: minimumFractionDigits,
+        style: 'currency',
+    }).format(amount);
+    // Move currency code to the end of the string if currencyDisplay is 'code'
+    const result = currencyDisplay === 'code'
+        ? `${formattedNumber.replace(new RegExp(`${targetCurrency}\\s+`), '')} ${targetCurrency}`
+        : formattedNumber;
+    return result;
+};
+
+const currencyConvertAndFormat = (value) => {
+    const convertedValue = currencyConvert(value);
+    const formattedValue = currencyFormat({ amount: convertedValue });
+    return formattedValue;
+};
+
+/**
+ * Check if selector user pass is valid
+ * @example
+ * isValidSelector('div') // true
+ * isValidSelector('div + >>> span') // false
+ */
+const isValidSelector = (selector) => {
+    try {
+        // this will error out if the selector is invalid in the DOM
+        document.createDocumentFragment().querySelector(selector);
+    }
+    catch (_a) {
+        return false;
+    }
+    return true;
+};
+
+const getCurrencyElements = (selector) => {
+    const currencySelector = selector || '.money';
+    if (!isValidSelector(currencySelector)) {
+        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');
+        return null;
+    }
+    // return array of currency elements instead of a NodeList
+    return Array.from(currencyElements);
+};
+
+const getInitialElementAmount = (element) => {
+    var _a;
+    const domesticValue = element.getAttribute('data-domestic');
+    const intlValue = element.getAttribute('data-zintl');
+    // Only keep numbers, decimal, and hyphens
+    const cleanedText = (_a = element.textContent) === null || _a === void 0 ? void 0 : _a.replace(/[^\d.-]/g, '');
+    if (!cleanedText) {
+        return null;
+    }
+    // If the element has no data-domestic attribute, or the text content is different from the data-zintl attribute, set the data-domestic attribute
+    if (!domesticValue || (element.textContent !== intlValue && intlValue)) {
+        // Store the original value on the element once, and international on every new conversion
+        element.setAttribute('data-domestic', cleanedText);
+        return parseFloat(cleanedText);
+    }
+    return parseFloat(domesticValue);
+};
+
+const BLUR_CURRENCY_DURATION = 7000;
+const BLUR_CURRENCY_CLASSNAME = 'z--blur';
+const removeBlurCurrency = async () => {
+    const intervalId = window.zonosBlurCurrencyOnInitIntervalId;
+    if (!intervalId) {
+        // Do nothing if the interval is not set
+        return;
+    }
+    // Wait a bit to make sure price is fully rendered in DOM
+    await new Promise(resolve => setTimeout(resolve, 500));
+    clearInterval(intervalId);
+    const currencyElements = document.querySelectorAll(`.${BLUR_CURRENCY_CLASSNAME}`);
+    currencyElements.forEach(element => {
+        element.classList.remove(BLUR_CURRENCY_CLASSNAME);
+    });
+    window.zonosBlurCurrencyOnInitIntervalId = undefined;
+};
+/**
+ * This function is used to remove the blur effect from a specific element. (combined with performBlurSpecificElement)
+ * @returns void
+ */
+const removeBlurSpecificElement = async ({ specificSelector, timeoutId, }) => {
+    // Wait a bit to make sure price is fully rendered in DOM
+    await new Promise(resolve => setTimeout(resolve, 500));
+    if (timeoutId) {
+        clearTimeout(timeoutId);
+    }
+    specificSelector.classList.remove(BLUR_CURRENCY_CLASSNAME);
+};
+const blurCurrencyElements = ({ currencySelector, specificSelector, }) => {
+    // Do nothing if the currency selector is not provided or blurCurrencyOnInit is false
+    if (!currencySelector && !specificSelector) {
+        return;
+    }
+    if (specificSelector) {
+        specificSelector.classList.add(BLUR_CURRENCY_CLASSNAME);
+    }
+    else {
+        const currencyElements = document.querySelectorAll([currencySelector].filter(Boolean).join(','));
+        currencyElements.forEach(element => {
+            element.classList.add(BLUR_CURRENCY_CLASSNAME);
+        });
+    }
+};
+const performBlurSpecificElement = (specificSelector) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    blurCurrencyElements({
+        specificSelector,
+    });
+    // The blur will be removed as soon as we got the exchange rate back. But if the exchange rate is not available for some reason, the blur effect will be automatically removed after 10 seconds
+    const timeoutId = setTimeout(() => {
+        void removeBlurSpecificElement({
+            specificSelector,
+            timeoutId,
+        });
+    }, BLUR_CURRENCY_DURATION);
+    return timeoutId;
+};
+const performBlurCurrency = () => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    // If the interval is already in progress, do nothing
+    if (window.zonosBlurCurrencyOnInitIntervalId) {
+        return;
+    }
+    blurCurrencyElements({
+        currencySelector: window.zonosBlurCurrencyOnInitCurrencySelector,
+    });
+    // Add blur effect to the currency elements
+    const intervalId = setInterval(() => {
+        blurCurrencyElements({
+            currencySelector: window.zonosBlurCurrencyOnInitCurrencySelector,
+        });
+    }, 10);
+    window.zonosBlurCurrencyOnInitIntervalId = intervalId;
+    // The blur will be removed as soon as we got the exchange rate back. But if the exchange rate is not available for some reason, the blur effect will be automatically removed after 10 seconds
+    setTimeout(() => {
+        void removeBlurCurrency();
+    }, BLUR_CURRENCY_DURATION);
+};
+
+const convertCurrency = (element) => {
+    var _a;
+    const amount = getInitialElementAmount(element);
+    if (!amount || isNaN(amount)) {
+        return;
+    }
+    const currentIntlValue = element.getAttribute('data-zintl');
+    // get rate
+    const currentIntlRateValue = parseFloat(element.getAttribute('data-zrate') || '1');
+    const currentCountryValue = element.getAttribute('data-zcountry-code');
+    // do nothing if the target currency is the same
+    const isExchangeRateReady = localizationStore.exchangeRate &&
+        localizationStore.targetCurrency ===
+            localizationStore.exchangeRate.targetFormat.currencyCode;
+    const rate = ((_a = localizationStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
+    // if the current value on the element is different from the current intl value, update the data-zintl attribute
+    if (isExchangeRateReady &&
+        // Update currency if the value is not yet formatted
+        (element.textContent !== currentIntlValue ||
+            // Update rate when new rate is available
+            rate !== currentIntlRateValue ||
+            // Update currency when the country code changes
+            currentCountryValue !== localizationStore.selectedCountryCode)) {
+        // Hide the currency until DOM is ready to display the new value
+        const timeoutId = performBlurSpecificElement(element);
+        const appliedInclusivePrice = applyInclusiveEffectiveRate(amount);
+        const customizedCurrencyFormat = typeof zonosStore.currencyConverter === 'function' &&
+            zonosStore.currencyConverter({
+                convert: currencyConvert,
+                convertAndFormat: currencyConvertAndFormat,
+                currencyCode: localizationStore.targetCurrency,
+                format: (value) => currencyFormat({ amount: value }),
+                originalAmount: appliedInclusivePrice,
+                selector: element,
+            });
+        // default to the currencyConvertAndFormat if the currencyConverter function does not return a value, or invalid value. This is to make sure we don't break the merchant's price.
+        const observedFormattedValue = customizedCurrencyFormat ||
+            currencyConvertAndFormat(appliedInclusivePrice);
+        if (observedFormattedValue !== element.textContent) {
+            // Only set textContent if the value has changed, this is to prevent it redrawing the element if the value is the same
+            element.textContent = observedFormattedValue;
+        }
+        // save the new rate to the data-zrate attribute
+        element.setAttribute('data-zrate', rate.toString());
+        // save the new value to the data-zintl attribute
+        element.setAttribute('data-zintl', observedFormattedValue);
+        element.setAttribute('data-zcountry-code', localizationStore.selectedCountryCode || '');
+        void removeBlurSpecificElement({
+            specificSelector: element,
+            timeoutId,
+        });
+    }
+};
+const defaultCurrencyConverter = () => {
+    const { currencyElementSelector } = zonosStore.helloSettings;
+    const currencyElements = getCurrencyElements(currencyElementSelector);
+    // do nothing if none of the currency elements are found
+    if (!(currencyElements === null || currencyElements === void 0 ? void 0 : currencyElements.length)) {
+        return;
+    }
+    if (!localizationStore.exchangeRate) {
+        logError('Could not display currency. Exchange rate and format data is not available.');
+        return;
+    }
+    currencyElements.forEach(element => {
+        // convert the currency and save the formatted value to the data-zintl attribute
+        convertCurrency(element);
+    });
+};
+
+const currencyDisplay = () => {
+    if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
+        window.Zonos.isLegacyCheckout) {
+        void removeBlurCurrency();
+        return;
+    }
+    defaultCurrencyConverter();
+};
+
+const getCurrencyCode = (code) => {
+    var _a;
+    const countryInShippingZone = (_a = localizationStore.shippingZoneCountries) === null || _a === void 0 ? void 0 : _a[code];
+    if (countryInShippingZone) {
+        return countryInShippingZone.currencyCode;
+    }
+    return null;
+};
+
+const setZCountryUrlParam = (selectedCountryCode) => {
+    if (!selectedCountryCode) {
+        return;
+    }
+    const urlSearchParams = new URLSearchParams(window.location.search);
+    // Only append zCountry if it's already in the URL or the countryOverrideBehavior is URL_PARAM
+    const shouldAppendParam = urlSearchParams.has('zCountry') ||
+        zonosStore.helloSettings.countryOverrideBehavior === 'URL_PARAM';
+    if (shouldAppendParam) {
+        // Only append zCountry if it's not already in the URL
+        urlSearchParams.set('zCountry', selectedCountryCode);
+        const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+        /**
+         * Setting the state to null in window.history.replaceState can cause issues with rendering when using next/link and pressing the back button.
+         * @ref https://github.com/vercel/next.js/issues/33233#issuecomment-1052349396
+         **/
+        window.history.replaceState(window.history.state, document.title, newUrl);
+    }
+};
+
+const { dispose: localizationDispose, onChange: localizationStoreOnChange, state: localizationStore, } = createStore({
+    countryLandedCost: null,
+    customMessages: [],
+    exchangeRate: null,
+    helloCountryList: null,
+    inclusivePricingConfigurations: [],
+    inclusivePricingIsFetching: false,
+    isDisabledCountry: true,
+    isShippableCountry: false,
+    localizationLoaded: false,
+    selectedCountryCode: null,
+    selectedLocale: 'en',
+    shippingZoneCountries: null,
+    targetCurrency: 'USD',
+});
+const triggerGetExchangeRate = async (isGuaranteed) => {
+    const { exchangeRate, maxAge } = await getExchangeRate({
+        country: localizationStore.selectedCountryCode,
+        isGuaranteed,
+        sourceCurrency: zonosStore.sourceCurrency,
+        targetCurrency: localizationStore.targetCurrency,
+    });
+    if (exchangeRate) {
+        localizationStore.exchangeRate = exchangeRate;
+        currencyDisplay();
+    }
+    return { maxAge };
+};
+/**
+ * CHORE: This is mostly for legacy checkout as the country param is not guaranteed.
+ */
+const DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT = 'CA';
+const getFallbackDefaultCountryCode = (allowedCountries) => {
+    if (localizationStore.selectedCountryCode &&
+        allowedCountries.includes(localizationStore.selectedCountryCode)) {
+        return localizationStore.selectedCountryCode;
+    }
+    // Don't check if it is allowed. If it is not allowed it will fallback to Albania (first option).
+    return DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT;
+};
+const refreshInclusivePricingConfigurations = async (countryCode) => {
+    if (!countryCode) {
+        return;
+    }
+    // These requests are only needed for Hello, so we can skip them for legacy checkout
+    localizationStore.inclusivePricingIsFetching = true;
+    const inclusivePricingConfigurations = await getInclusivePriceConfigurations(countryCode);
+    localizationStore.inclusivePricingConfigurations =
+        inclusivePricingConfigurations || [];
+    localizationStore.inclusivePricingIsFetching = false;
+};
+// This recursive function is for users who step away from their computer and come back needing a new exchange rate
+const startExchangeRateTimeout = ({ isGuaranteed, maxAge, }) => {
+    if (localizationStore.exchangeRateTimeout) {
+        clearTimeout(localizationStore.exchangeRateTimeout);
+    }
+    // maxAge comes in seconds, convert to milliseconds
+    const defaultMaxAge = 5 * 60;
+    const maxAgeToUse = maxAge || defaultMaxAge;
+    // Recursively set timeouts to get new exchange rates when the current one expires
+    localizationStore.exchangeRateTimeout = setTimeout(async () => {
+        // Refresh inclusive pricing configurations before getting a new exchange rate, so hello can use the new effective rate
+        await refreshInclusivePricingConfigurations(localizationStore.selectedCountryCode);
+        const { maxAge: newMaxAge } = await triggerGetExchangeRate(isGuaranteed);
+        startExchangeRateTimeout({ isGuaranteed, maxAge: newMaxAge });
+    }, maxAgeToUse * 1000);
+};
+const getNewLocalization = async ({ isInitializing, }) => {
+    var _a, _b;
+    log('get new localization store');
+    const { isDisabledCountry, isShippableCountry, selectedCountryCode } = localizationStore;
+    if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
+        !isShippableCountry ||
+        isDisabledCountry ||
+        !selectedCountryCode) {
+        return;
+    }
+    const isGuaranteed = zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
+    // blur currency out before getting exchange rate
+    performBlurCurrency();
+    const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
+    startExchangeRateTimeout({ isGuaranteed, maxAge });
+    if (isInitializing &&
+        ((_a = window.Zonos.cartSettings) === null || _a === void 0 ? void 0 : _a.inclusivePriceConfigurations)) {
+        localizationStore.inclusivePricingConfigurations =
+            ((_b = window.Zonos.cartSettings) === null || _b === void 0 ? void 0 : _b.inclusivePriceConfigurations) || [];
+        void removeBlurCurrency();
+    }
+    // These requests are only needed for Hello, so we can skip them for legacy checkout
+    if (!window.Zonos.isLegacyCheckout) {
+        localizationStore.inclusivePricingIsFetching = true;
+        const [countryLandedCost] = await Promise.all([
+            getCountryLandedCost(localizationStore.selectedCountryCode),
+            refreshInclusivePricingConfigurations(localizationStore.selectedCountryCode),
+        ]);
+        localizationStore.countryLandedCost = countryLandedCost;
+        // Remove blur effect after the currency is converted
+        void removeBlurCurrency();
+    }
+    else {
+        log('Skipping country landed cost and inclusive pricing requests, because this is a legacy checkout');
+    }
+};
+const getCustomMessages = async () => {
+    log(`Getting custom messages for ${localizationStore.selectedCountryCode}`);
+    if (!localizationStore.selectedCountryCode || !zonosStore.storeId) {
+        return;
+    }
+    const localeMessages = await getLocaleMessages({
+        countryCode: localizationStore.selectedCountryCode,
+        localeTo: localizationStore.selectedLocale,
+        storeId: zonosStore.storeId,
+    });
+    const allMessages = localeMessages.flatMap(x => {
+        var _a;
+        return {
+            countryCode: localizationStore.selectedCountryCode,
+            message: (_a = x.countryCodesPageMessageLinks.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message.textTo,
+            pageName: x.pageName,
+        };
+    });
+    localizationStore.customMessages = allMessages;
+};
+const getOverrideLocale = () => {
+    const currentUrl = new URL(window.location.href);
+    const zonosLocale = currentUrl.searchParams.get('zonosLocale');
+    return zonosLocale;
+};
+const addInternationalHideClass = () => {
+    if (localizationStore.isShippableCountry) {
+        document.body.classList.add('z-intl');
+    }
+    else {
+        document.body.classList.remove('z-intl');
+    }
+};
+const getValidCountryCode = (countryCode) => {
+    if (countryCode === 'UK') {
+        return 'GB';
+    }
+    return countryCode;
+};
+const localizationStoreUpdateSelectedCountryCode = ({ isInitializing, newSelectedCountryCode, }) => {
+    var _a, _b;
+    log(`Updating selected country code to ${newSelectedCountryCode}`);
+    const isFirstTime = !localizationStore.selectedCountryCode;
+    localizationStore.selectedCountryCode = getValidCountryCode(newSelectedCountryCode);
+    const { selectedCountryCode, shippingZoneCountries } = localizationStore;
+    const isShippableCountry = !!shippingZoneCountries &&
+        !!selectedCountryCode &&
+        !!shippingZoneCountries[selectedCountryCode] &&
+        // Make sure the country is not in the disabled countries list
+        !zonosStore.disabledCountries.includes(selectedCountryCode);
+    // update shippable country
+    localizationStore.isShippableCountry = isShippableCountry;
+    log(`${localizationStore.selectedCountryCode} is a shippable country: ${localizationStore.isShippableCountry}`);
+    const isDisabledCountry = !!selectedCountryCode &&
+        zonosStore.disabledCountries.includes(selectedCountryCode);
+    localizationStore.isDisabledCountry = isDisabledCountry;
+    log(`${localizationStore.selectedCountryCode} is a disabled country: ${localizationStore.isDisabledCountry}`);
+    addInternationalHideClass();
+    if (!selectedCountryCode) {
+        return;
+    }
+    const currencyCode = getCurrencyCode(selectedCountryCode);
+    // Only trigger callback onCountryChange if the country code has been set before
+    if (!isFirstTime) {
+        // Trigger callback onCountryChange
+        (_a = zonosStore.onCountryChange) === null || _a === void 0 ? void 0 : _a.call(zonosStore, {
+            countryCode: selectedCountryCode,
+            currencyCode,
+            isShippableCountry: isShippableCountry,
+        });
+    }
+    if (!currencyCode) {
+        return;
+    }
+    localizationStore.targetCurrency = currencyCode;
+    void getNewLocalization({ isInitializing: isInitializing });
+    // Save the country code to session storage for later use
+    window.sessionStorage.setItem('zonos--country', selectedCountryCode);
+    // Update the URL query param with the new country code
+    setZCountryUrlParam(selectedCountryCode);
+    (_b = document
+        .querySelector('zonos-hello')) === null || _b === void 0 ? void 0 : _b.setAttribute('z-country', selectedCountryCode);
+};
+const initHelloCountryList = (allCountries) => {
+    const showCountryList = zonosStore.helloSettings.showCountryList;
+    const hellCountryList = localizationStore.shippingZoneCountries;
+    if (!showCountryList || showCountryList === 'ONLY_SHIPPABLE') {
+        // just use the shipping zone countries
+        localizationStore.helloCountryList = hellCountryList;
+        return;
+    }
+    if (showCountryList === 'ALL') {
+        localizationStore.helloCountryList = allCountries;
+        return;
+    }
+    // get all active countries in the showCountryList
+    localizationStore.helloCountryList = showCountryList.reduce((acc, countryCode) => {
+        const countryInfo = allCountries === null || allCountries === void 0 ? void 0 : allCountries[countryCode];
+        return countryInfo
+            ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
+    }, {});
+};
+const updateCheckoutSessionLanguage = async () => {
+    if (!storageStore.checkoutSessionId) {
+        return null;
+    }
+    const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
+        body: {
+            id: storageStore.checkoutSessionId,
+            metadata: [
+                // This is being used from the backend to determine the language of the checkout session
+                {
+                    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();
+    void getCustomMessages();
+};
+const initLocalizationStore = async () => {
+    var _a;
+    // all countries from countries.json, shipping zone and localization
+    const [allCountries, shippingZoneCountries, localization] = await Promise.all([getCountries(), getShippingZones(), getLocalization()]);
+    // Filter countries to only include countries in the shipping zone
+    const filteredCountries = shippingZoneCountries === null || shippingZoneCountries === void 0 ? void 0 : shippingZoneCountries.reduce((acc, countryCode) => {
+        const countryInfo = allCountries === null || allCountries === void 0 ? void 0 : allCountries[countryCode];
+        return countryInfo
+            ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
+    }, {});
+    localizationStore.shippingZoneCountries = filteredCountries || null;
+    localizationStore.inclusivePricingConfigurations =
+        ((_a = window.Zonos.cartSettings) === null || _a === void 0 ? void 0 : _a.inclusivePriceConfigurations) || [];
+    // Initialize the country list for the hello widget
+    initHelloCountryList(allCountries || {});
+    const { country, locale } = localization;
+    log(`Country code from localization: ${country}`);
+    log(`Locale from localization: ${locale}`);
+    // update selected country code in store
+    localizationStoreUpdateSelectedCountryCode({
+        isInitializing: true,
+        newSelectedCountryCode: country || null,
+    });
+    // use locale from params if it exists, otherwise use locale from localization
+    const overrideLocale = getOverrideLocale();
+    localizationStoreUpdateSelectedLocale(overrideLocale || locale || 'en');
+    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))) {
+        // update selected country code in store
+        localizationStoreUpdateSelectedCountryCode({
+            isInitializing: true,
+            newSelectedCountryCode: 'CA',
+        });
+    }
+    localizationStore.localizationLoaded = true;
+};
+
+export { VARIANT_TEST_KEY_EXPIRATION as V, localizationStoreUpdateSelectedCountryCode as a, storageStoreSetEnabledVariantTestKeys as b, localizationStoreOnChange as c, currencyFormat as d, getOverridenZCountry as e, filterValidTests as f, getZCountryUrlParam as g, initLocalizationStore as h, isValidSelector as i, setZCountryUrlParam as j, currencyDisplay as k, localizationStore as l, currencyConvertAndFormat as m, currencyConvert as n, applyInclusiveEffectiveRate as o, translationStoreOnChange as p, storageStoreOnChange as q, getFallbackDefaultCountryCode as r, storageStore as s, translate as t, localizationStoreUpdateSelectedLocale as u };