@zonos/elements 1.3.233 → 1.3.234

package/dist/esm/localization-c5029ffc.js

@@ -1,863 +0,0 @@
-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';
-import { a as translationStoreUpdateLanguage } from './translationStore-690c4e04.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 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, getFallbackDefaultCountryCode as p, storageStoreOnChange as q, localizationStoreUpdateSelectedLocale as r, storageStore as s };