@zonos/elements 1.3.18-alpha.2 → 1.3.18-alpha.4

package/dist/components/stripe.js

@@ -1,1691 +0,0 @@
-import { z as zonosStore, c as createStore } from './zonosStore.js';
-import { t as translationStoreUpdateLanguage, a as translate } from './translationStore.js';
-import { i as isDarkColor } from './isDarkColor.js';
-import { g as getBorderRadius } from './getBorderRadius.js';
-
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-const getResponseBody = async ({ response, shouldLog = true, shouldThrow = false, }) => {
-    try {
-        const json = await response.json();
-        return json;
-    }
-    catch (e) {
-        if (shouldThrow) {
-            throw e;
-        }
-        if (shouldLog) {
-            // eslint-disable-next-line
-            console.error(e);
-        }
-        return null;
-    }
-};
-const handleRequest = async (url, options) => {
-    let response;
-    try {
-        response = await fetch(url, options);
-    }
-    catch (e) {
-        if (e instanceof Error) {
-            return {
-                errors: [{ message: e.message, type: 'unknown' }],
-                json: null,
-                response: null,
-            };
-        }
-        const message = 'Fail to fetch';
-        return {
-            errors: [{ message, type: 'unknown' }],
-            json: null,
-            response: null,
-        };
-    }
-    const zonosMode = response.headers.get('Zonos-Mode');
-    const usingZonosPreview = window.Zonos.zonosQaUrl;
-    // We only want to alert once if the user is in preview mode and it's also using production environment
-    if (!window.Zonos.modeAlerted && zonosMode && usingZonosPreview) {
-        if (zonosMode === 'production') {
-            alert(`Please be aware that you are currently operating in the production environment. Any interactions with the customer store, including payments, will be processed as real transactions!`);
-        }
-        if (zonosMode === 'test') {
-            alert(`For testing payments, you can utilize the test payment information provided at this link: https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements#web-test-the-integration`);
-        }
-        window.Zonos.modeAlerted = true;
-    }
-    if (response.ok) {
-        const data = await getResponseBody({ response });
-        return {
-            errors: [],
-            json: data,
-            response,
-        };
-    }
-    const status = response.status.toString();
-    try {
-        const data = await getResponseBody({
-            response,
-            shouldThrow: true,
-        });
-        const message = JSON.stringify(data);
-        return {
-            errors: [{ message: `${status}: ${message}`, type: status }],
-            json: null,
-            response,
-        };
-    }
-    catch (e) {
-        const message = 'Unknown error';
-        return {
-            errors: [{ message: `${status}: ${message}`, type: status }],
-            json: null,
-            response: null,
-        };
-    }
-};
-function encodeString(text) {
-    try {
-        // encode the string, remove the "=" at the end of the encoded string
-        const encodedString = btoa(text).replace(/=/g, '');
-        return encodedString;
-    }
-    catch (error) {
-        // return the reverse string if the encoding failed
-        return text
-            .replace(/[^A-Za-z0-9]/g, '')
-            .split('')
-            .reverse()
-            .join('');
-    }
-}
-const handleFetch = async (url, _opts) => {
-    const opts = __rest(_opts || {}, []);
-    const body = opts.body ? JSON.stringify(opts.body) : undefined;
-    const method = opts.method || 'GET';
-    // adding random encoded token to the url so that the request will be cached differently for each store
-    const modifiedUrl = new URL(url);
-    modifiedUrl.searchParams.set('zToken', encodeString(window.location.hostname));
-    // headers content type
-    const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Is-BigCommerce': window.Zonos.isBigCommerce.toString(), 'Zonos-Referer': window.location.hostname, 'Zonos-Version': window.Zonos.version, credentialtoken: window.Zonos.zonosApiKey || 'Empty credential token from zonos-elements' }, opts.headers);
-    const options = Object.assign(Object.assign({}, opts), { body: method === 'GET' ? undefined : body, headers,
-        method });
-    return handleRequest(modifiedUrl.toString(), options);
-};
-
-const getCountries = async () => {
-    try {
-        const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/get-countries`, {
-            method: 'GET',
-        });
-        if (errors.length || !json) {
-            return null;
-        }
-        return json;
-    }
-    catch (error) {
-        return null;
-    }
-};
-
-const log = (message, type, ...additionalInfo) => {
-    var _a, _b;
-    const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
-        !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
-    // if debug is false, do not log
-    if (!isDebug) {
-        // log errors to the console if the type is error
-        if (type === 'error') {
-            // eslint-disable-next-line no-console
-            console.error(message, ...additionalInfo);
-        }
-        return;
-    }
-    let loggingIframe = document.querySelector('iframe#zonos---debug-logging-iframe');
-    if (!loggingIframe) {
-        // add a hidden iframe
-        loggingIframe = document.createElement('iframe');
-        loggingIframe.id = 'zonos---debug-logging-iframe';
-        loggingIframe.style.display = 'none';
-        loggingIframe.style.opacity = '0';
-        loggingIframe.style.position = 'absolute';
-        loggingIframe.style.top = '-9999px';
-        loggingIframe.style.left = '-9999px';
-        loggingIframe.style.width = '1px';
-        loggingIframe.style.height = '1px';
-        loggingIframe.style.border = 'none';
-        loggingIframe.style.overflow = 'hidden';
-        loggingIframe.style.visibility = 'hidden';
-        document.body.appendChild(loggingIframe);
-    }
-    // use the logging iframe's console to log just in case the console is disabled (overriden) by the site owner
-    const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
-    switch (type) {
-        case 'warn':
-            zConsole.warn(message, ...additionalInfo);
-            break;
-        case 'info':
-            zConsole.info(message, ...additionalInfo);
-            break;
-        case 'error':
-            zConsole.error(message, ...additionalInfo);
-            break;
-        default:
-            zConsole.groupCollapsed(message, ...additionalInfo);
-            zConsole.trace();
-            zConsole.groupEnd();
-            break;
-    }
-};
-
-const logError = (message, ...rest) => {
-    log(message, 'error', ...rest);
-};
-
-const getCountryLandedCost = async (countryCode) => {
-    var _a;
-    if (!countryCode) {
-        return null;
-    }
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/country-landed-cost/${countryCode}`;
-    const { errors, json } = await handleFetch(url);
-    if (errors.length || !json) {
-        logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
-        return null;
-    }
-    return json || 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 null
-    if (sourceCurrency === targetCurrency && !isGuaranteed) {
-        return { exchangeRate: null, maxAge: null };
-    }
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}`;
-    const { errors, json } = await handleFetch(url);
-    if (errors.length || !json) {
-        logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
-        return { exchangeRate: null, maxAge: null };
-    }
-    const { maxAge, rate, targetFormat } = json.exchangeRateCreate;
-    if (rate) {
-        sessionStorage.setItem(country + '_rate', JSON.stringify(rate));
-        const exchangeRate = { rate, targetFormat };
-        return { exchangeRate, maxAge };
-    }
-    return { exchangeRate: null, maxAge: null };
-};
-
-const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
-    var _a;
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
-    const { errors, json } = await handleFetch(url);
-    if (errors.length || !json) {
-        logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
-        return [];
-    }
-    return json.locale_countryCodesPage;
-};
-
-const getZCountryUrlParam = (urlParams) => {
-    const urlSearchParams = new URLSearchParams(urlParams || window.location.search);
-    const zCountry = urlSearchParams.get('zCountry');
-    return zCountry;
-};
-
-const getLocalization = async () => {
-    try {
-        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;
-        const localizationUrl = new URL(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/localization`);
-        if (zCountry) {
-            localizationUrl.searchParams.set('zCountry', zCountry);
-        }
-        const fetchUrl = localizationUrl.href;
-        const { errors, json } = await handleFetch(fetchUrl, {
-            method: 'GET',
-        });
-        if (errors.length || !json) {
-            return { country: null, locale: null };
-        }
-        return {
-            country: json.country,
-            locale: json.locale,
-        };
-    }
-    catch (error) {
-        return { country: null, locale: null };
-    }
-};
-
-const getShippingZones = async () => {
-    var _a, _b;
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/shipping-zones`;
-    const { errors, json } = await handleFetch(url);
-    if (errors.length || !json) {
-        logError(`Error fetching shipping zones: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
-        return null;
-    }
-    const shippingZones = (_b = json === null || json === void 0 ? void 0 : json.shippingZones) === null || _b === void 0 ? void 0 : _b.flatMap(zone => zone === null || zone === void 0 ? void 0 : zone.countryCodes).filter(Boolean);
-    return shippingZones || null;
-};
-
-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);
-};
-
-const currencyFormat = (value) => {
-    if (!value || isNaN(value)) {
-        return '';
-    }
-    const { exchangeRate } = localizationStore;
-    const { targetFormat } = exchangeRate || {};
-    if (!targetFormat) {
-        return value.toString();
-    }
-    const minimumFractionDigits = (exchangeRate === null || exchangeRate === void 0 ? void 0 : exchangeRate.targetFormat.scale) || 2;
-    // browsers can autoformat the currency based on the users language setting
-    // unless the browser is Internet Explorer, because Internet Explorer is stupid
-    const isIE = window.navigator.userAgent.indexOf('MSIE ') !== -1;
-    const numberFormatExists = typeof Intl === 'object' && Intl && typeof Intl.NumberFormat === 'function';
-    if (!isIE && numberFormatExists) {
-        return new Intl.NumberFormat(window.navigator.language, {
-            currency: targetFormat.currencyCode,
-            minimumFractionDigits: minimumFractionDigits,
-            style: 'currency',
-        }).format(value);
-    }
-    else {
-        let formattedNumber = Number(value)
-            .toFixed(minimumFractionDigits)
-            .replace('.', '|dec|')
-            .replace(',', targetFormat.thousandsDelimiter || '')
-            .replace('|dec|', targetFormat.decimalDelimiter || '');
-        const result = `${targetFormat.symbol}${formattedNumber}${targetFormat.currencyCode !== 'USD' ? ` ${targetFormat.currencyCode}` : ''}`;
-        return result;
-    }
-};
-
-const currencyConvertAndFormat = (value) => {
-    const convertedValue = currencyConvert(value);
-    const formattedValue = currencyFormat(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 (e) {
-        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 convertCurrency = (element) => {
-    var _a;
-    const amount = getInitialElementAmount(element);
-    if (!amount || isNaN(amount)) {
-        return;
-    }
-    const currentIntlValue = element.getAttribute('data-zintl');
-    const currentCountryValue = element.getAttribute('data-zcountry-code');
-    // do nothing if the target currency is the same
-    const isExchangeRateReady = localizationStore.targetCurrency ===
-        ((_a = localizationStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.targetFormat.currencyCode);
-    // if the current value on the element is different from the current intl value, update the data-zintl attribute
-    if (isExchangeRateReady &&
-        (element.textContent !== currentIntlValue ||
-            currentCountryValue !== localizationStore.selectedCountryCode)) {
-        const observedFormattedValue = currencyConvertAndFormat(amount);
-        element.textContent = observedFormattedValue;
-        // save the new value to the data-zintl attribute
-        element.setAttribute('data-zintl', observedFormattedValue);
-        element.setAttribute('data-zcountry-code', localizationStore.selectedCountryCode || '');
-    }
-};
-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') {
-        return;
-    }
-    const { currencyElementSelector } = zonosStore.helloSettings;
-    if (zonosStore.currencyConverter) {
-        zonosStore.currencyConverter({
-            convert: currencyConvert,
-            convertAndFormat: currencyConvertAndFormat,
-            format: currencyFormat,
-            selector: currencyElementSelector,
-        });
-    }
-    else {
-        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);
-    urlSearchParams.set('zCountry', selectedCountryCode);
-    const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
-    window.history.replaceState({}, '', newUrl);
-};
-
-const { onChange: localizationStoreOnUpdate, state: localizationStore } = createStore({
-    countryLandedCost: null,
-    customMessages: [],
-    exchangeRate: null,
-    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 };
-};
-// 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 () => {
-        const { maxAge: newMaxAge } = await triggerGetExchangeRate(isGuaranteed);
-        startExchangeRateTimeout({ isGuaranteed, maxAge: newMaxAge });
-    }, maxAgeToUse * 1000);
-};
-const getNewLocalization = async () => {
-    log('get new localization store');
-    const { isShippableCountry, selectedCountryCode } = localizationStore;
-    if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
-        !isShippableCountry ||
-        !selectedCountryCode) {
-        return;
-    }
-    const isGuaranteed = zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
-    const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
-    startExchangeRateTimeout({ isGuaranteed, maxAge });
-    localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
-};
-const getCustomMessages = async () => {
-    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 localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
-    var _a, _b;
-    log('update selected country code');
-    localizationStore.selectedCountryCode = newSelectedCountryCode;
-    const { selectedCountryCode, shippingZoneCountries } = localizationStore;
-    const isShippableCountry = shippingZoneCountries &&
-        selectedCountryCode &&
-        !!shippingZoneCountries[selectedCountryCode];
-    // update shippable country
-    localizationStore.isShippableCountry = !!isShippableCountry;
-    log(`Is shippable country: ${localizationStore.isShippableCountry}`);
-    if (!selectedCountryCode) {
-        return;
-    }
-    const currencyCode = getCurrencyCode(selectedCountryCode);
-    if (!currencyCode) {
-        return;
-    }
-    localizationStore.targetCurrency = currencyCode;
-    void getNewLocalization();
-    void getCustomMessages();
-    // 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);
-    (_a = document
-        .querySelector('zonos-hello')) === null || _a === void 0 ? void 0 : _a.setAttribute('z-country', selectedCountryCode);
-    // Trigger callback onCountryChange
-    (_b = zonosStore.onCountryChange) === null || _b === void 0 ? void 0 : _b.call(zonosStore, {
-        countryCode: selectedCountryCode,
-        currencyCode,
-    });
-};
-const initLocalizationStore = async () => {
-    // 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 && countryInfo.active
-            ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
-    }, {});
-    localizationStore.shippingZoneCountries = filteredCountries || null;
-    const { country, locale } = localization;
-    // update selected country code in store
-    void localizationStoreUpdateSelectedCountryCode(country);
-    // use locale from params if it exists, otherwise use locale from localization
-    const overrideLocale = getOverrideLocale();
-    localizationStore.selectedLocale = overrideLocale || locale || 'en';
-    translationStoreUpdateLanguage(localizationStore.selectedLocale);
-    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
-        void localizationStoreUpdateSelectedCountryCode('US');
-    }
-    localizationStore.localizationLoaded = true;
-    void getCustomMessages();
-};
-const updateCheckoutSessionLanguage = async () => {
-    if (!cartStore.checkoutSessionId) {
-        return null;
-    }
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/update-checkout-session-metadata`, {
-        body: {
-            id: cartStore.checkoutSessionId,
-            metadata: [
-                {
-                    key: 'language',
-                    value: localizationStore.selectedLocale,
-                },
-            ],
-        },
-        method: 'POST',
-    });
-    if (errors.length || !json) {
-        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
-        return { errors, json };
-    }
-    return { errors: [], json };
-};
-const localizationStoreUpdateSelectedLocale = (newSelectedLocale) => {
-    localizationStore.selectedLocale = newSelectedLocale;
-    translationStoreUpdateLanguage(newSelectedLocale);
-    void updateCheckoutSessionLanguage();
-};
-
-const formatDate = ({ date, 
-// eslint-disable-next-line sort-keys/sort-keys-fix
-formatOptions = {
-    dateStyle: 'full',
-}, }) => {
-    // format date to 'Wednesday, May 15, 2024'
-    return new Intl.DateTimeFormat('en-US', formatOptions).format(date);
-};
-
-const getDaysDifference = (targetDate) => {
-    const currentDate = new Date();
-    const timeDifference = targetDate.getTime() - currentDate.getTime();
-    const daysDifference = Math.floor(timeDifference / (1000 * 60 * 60 * 24)); // Convert milliseconds to days
-    return daysDifference;
-};
-
-const { onChange: onChange$1, reset: reset$1, state: cartStore, } = createStore(() => ({
-    checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
-    currency: 'USD',
-    doneSteps: [],
-    dutiesTaxFees: 0,
-    error: null,
-    exchangeRate: null,
-    isSelectedShippingAboveDeminimis: false,
-    isSelectedShippingGuarantee: false,
-    items: [],
-    landedCostData: null,
-    restrictedItems: [],
-    selectedLandedCost: null,
-    selectedShippingOption: null,
-    selectedShippingOptionExpectedDate: '',
-    selectedShippingOptionTransitTime: '',
-    shipping: 0,
-    shippingData: null,
-    step: 'customer-info',
-    subtotal: 0,
-    tabItems: {
-        'customer-info': {
-            index: 1,
-            isDone: false,
-            label: 'Customer',
-            value: 'customer-info',
-        },
-        shipping: {
-            index: 2,
-            isDone: false,
-            label: 'Delivery',
-            value: 'shipping',
-        },
-        // eslint-disable-next-line sort-keys/sort-keys-fix
-        payment: {
-            index: 3,
-            isDone: false,
-            label: 'Payment',
-            value: 'payment',
-        },
-    },
-    total: 0,
-}));
-/**
- * Format shipping transit info to be displayed on UI
- * @returns
- * - expectedDate: Thursday, Aug 12
- * - maxTransit: 5
- * - minTransit: 3
- */
-const cartStoreGetShippingTransitInfo = (item) => {
-    const minTransit = item.minTransitAt
-        ? getDaysDifference(new Date(item.minTransitAt))
-        : '';
-    const maxTransit = item.maxTransitAt
-        ? getDaysDifference(new Date(item.maxTransitAt))
-        : '';
-    const expectedDate = item.minTransitAt
-        ? formatDate({
-            date: new Date(item.minTransitAt),
-        })
-        : '';
-    return {
-        expectedDate,
-        maxTransit,
-        minTransit,
-    };
-};
-const getMatchItem = ({ item1, item2, }) => {
-    if (!item1 || !item2) {
-        return false;
-    }
-    return ((item2.sku && item1.sku && item1.sku === item2.sku) ||
-        (item2.description &&
-            item1.description &&
-            item1.description === item2.description) ||
-        (item1.name && item2.name && item1.name === item2.name));
-};
-/**
- * Check and set restricted items in cart
- */
-const cartStoreCheckItemRestrictions = (itemsWorkflow) => {
-    log('Checking item restrictions');
-    const mappedRestrictedItems = itemsWorkflow
-        .map(item => {
-        if (!item.restriction) {
-            return null;
-        }
-        const { restriction } = item;
-        const matchedItem = cartStore.items.find(x => getMatchItem({ item1: x, item2: item }));
-        return Object.assign(Object.assign({ matchedItem }, item), { restriction });
-    })
-        .filter(Boolean);
-    cartStore.restrictedItems = mappedRestrictedItems;
-    // remove items that are restricted from cart
-    cartStore.items = cartStore.items.map(item => (Object.assign(Object.assign({}, item), { isRestricted: !!mappedRestrictedItems.find(x => getMatchItem({ item1: x, item2: item })) })));
-    return {
-        cartItems: cartStore.items,
-        restrictedItems: mappedRestrictedItems,
-    };
-};
-const cartStoreReset = () => {
-    sessionStorage.removeItem('zonos--checkout-session-id');
-    // reset cart store
-    reset$1();
-};
-const cartStoreUpdateToErrorState = ({ messages, title, }) => {
-    cartStoreReset();
-    stripeStoreReset();
-    cartStore.step = 'error';
-    cartStore.error = {
-        messages,
-        title,
-    };
-};
-const cartStoreApplySubtotals = (subtotals) => {
-    // update exchange rate so we can use it to display cart items
-    cartStore.exchangeRate = subtotals.exchangeRate;
-    cartStore.dutiesTaxFees = subtotals.landedCostTotal;
-    cartStore.subtotal = subtotals.items;
-    cartStore.total = subtotals.total;
-    cartStore.currency = subtotals.presentmentCurrencyCode;
-};
-/**
- * Detect if there are any items in cart that are not restricted and have positive amount, exclude negative amount items
- */
-const cartStoreHasOneEligibleItem = () => {
-    // filter all items with positive amount
-    const checkItems = cartStore.items.filter(item => item.amount > 0);
-    // only check restricted status for items with positive amount
-    // if there is no item restricted found => all items are restricted
-    return !!checkItems.find(item => !item.isRestricted);
-};
-const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId, }) => {
-    if (landedCostId && cartStore.selectedLandedCost) {
-        // update cart total right away if we have landed cost id to avoid order total flickering
-        const subtotals = cartStore.selectedLandedCost.subtotals;
-        cartStoreApplySubtotals(subtotals);
-        log('Exchange rate updated for cart items (landed cost subtotal)', 'info', cartStore.exchangeRate);
-    }
-    // update checkout session
-    if (!cartStore.checkoutSessionId) {
-        logError('Could not update cart total without checkout session id');
-        return false;
-    }
-    const { errors, json } = await stripeStoreUpdateCheckoutSession({
-        currency,
-        id: cartStore.checkoutSessionId,
-        itemsAmount,
-        landedCostId,
-        presentmentCountryCode: localizationStore.selectedCountryCode,
-    });
-    if (errors.length > 0 || !json) {
-        // do nothing if we can't get checkout session
-        logError('Error occurs when updating checkout session');
-        cartStoreUpdateToErrorState({
-            messages: [
-                translate("There's been an error updating your checkout session. Please reload and try again or contact support if the error persists"),
-            ],
-            title: translate('Error updating Checkout'),
-        });
-        return false;
-    }
-    if (!landedCostId) {
-        // This is when first open the checkout modal and we just want to get info from the old cart session.
-        // use subtotals from checkout session to update cart total
-        cartStoreApplySubtotals(json.checkoutSessionUpdate.subtotals);
-        log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
-    }
-    return true;
-};
-const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption) => {
-    var _a, _b, _c, _d, _e;
-    cartStore.selectedShippingOption = selectedShippingOption;
-    // update shipping transit info
-    const { expectedDate, maxTransit, minTransit } = cartStoreGetShippingTransitInfo(cartStore.selectedShippingOption);
-    cartStore.selectedShippingOptionExpectedDate = expectedDate;
-    cartStore.selectedShippingOptionTransitTime =
-        minTransit && maxTransit
-            ? `${minTransit}-${maxTransit}`
-            : `${minTransit || maxTransit}`;
-    const selectedLandedCost = (_a = cartStore.landedCostData) === null || _a === void 0 ? void 0 : _a.find(checkoutSessionPresentment => {
-        var _a, _b, _c;
-        return ((_b = (_a = checkoutSessionPresentment.landedCost) === null || _a === void 0 ? void 0 : _a.shipmentRating) === null || _b === void 0 ? void 0 : _b.id) ===
-            ((_c = cartStore.selectedShippingOption) === null || _c === void 0 ? void 0 : _c.id);
-    });
-    // save selected landed cost for later use
-    cartStore.selectedLandedCost = selectedLandedCost || null;
-    if (!selectedLandedCost) {
-        // do nothing if we can't find landed cost for selected shipping option
-        return false;
-    }
-    // update shipping value and dutiesTaxFees on selectedShippingOption change
-    cartStore.shipping = selectedLandedCost.subtotals.shipping;
-    // update deminimis status
-    const isGuarantee = ((_b = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _b === void 0 ? void 0 : _b.landedCostGuaranteeCode) === 'ZONOS';
-    // one item in deminimis with type of duty and tax has threshold value is "ABOVE"
-    const isAboveDeminimis = !!((_d = (_c = selectedLandedCost === null || selectedLandedCost === void 0 ? void 0 : selectedLandedCost.landedCost) === null || _c === void 0 ? void 0 : _c.deMinimis) === null || _d === void 0 ? void 0 : _d.find(item => ['DUTY', 'TAX'].includes(item.type) && item.threshold === 'ABOVE'));
-    cartStore.isSelectedShippingAboveDeminimis = isAboveDeminimis;
-    cartStore.isSelectedShippingGuarantee = isGuarantee;
-    // update session with selected landed cost
-    const updateCalulateStatus = await cartStoreReCalculateTotal({
-        landedCostId: (_e = selectedLandedCost.landedCost) === null || _e === void 0 ? void 0 : _e.id,
-    });
-    return updateCalulateStatus;
-};
-onChange$1('checkoutSessionId', () => {
-    if (!cartStore.checkoutSessionId) {
-        sessionStorage.removeItem('zonos--checkout-session-id');
-        return;
-    }
-    sessionStorage.setItem('zonos--checkout-session-id', cartStore.checkoutSessionId);
-});
-const getCartItemToUse = (items) => items.map(item => (Object.assign(Object.assign({}, item), { isRestricted: false })));
-const cartStoreResetCartItems = () => {
-    // mark all items as not restricted
-    cartStore.items = cartStore.items.map(item => (Object.assign(Object.assign({}, item), { isRestricted: false })));
-    cartStore.restrictedItems = [];
-};
-const cartStoreUpdateItems = async (cartItems) => {
-    var _a;
-    cartStore.items = getCartItemToUse(cartItems);
-    const currency = (_a = cartItems.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode;
-    const total = cartItems.reduce((amt, item) => {
-        return amt + item.amount * item.quantity;
-    }, 0);
-    if (!currency || !total) {
-        // do nothing if we can't get currency or total
-        return;
-    }
-    cartStore.currency = currency;
-    // set loading state here because this is first load checkout session when we already have checkout session id stored
-    stripeStore.isFetchingSession = true;
-    await cartStoreReCalculateTotal({
-        currency: currency,
-        itemsAmount: total,
-    });
-    stripeStore.isFetchingSession = false;
-};
-const cartStoreResetSelectedShippingOption = () => {
-    cartStore.selectedShippingOption = null;
-    cartStore.isSelectedShippingAboveDeminimis = false;
-    cartStore.isSelectedShippingGuarantee = false;
-    cartStore.selectedShippingOptionExpectedDate = '';
-    cartStore.selectedShippingOptionTransitTime = '';
-    cartStore.dutiesTaxFees = 0;
-    cartStore.shipping = 0;
-    // reset total to subtotal
-    cartStore.total = cartStore.subtotal;
-};
-const cartStoreNextStep = () => {
-    if (cartStore.step === 'customer-info') {
-        cartStore.step = 'shipping';
-        //  set customer-info step to done
-        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { 'customer-info': Object.assign(Object.assign({}, cartStore.tabItems['customer-info']), { isDone: true }) });
-    }
-    else if (cartStore.step === 'shipping') {
-        cartStore.step = 'payment';
-        //  set shipping step to done
-        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: true }) });
-    }
-    else if (cartStore.step === 'payment') {
-        cartStore.step = 'finish';
-    }
-};
-const cartStoreResetTabItems = () => {
-    cartStore.step = 'customer-info';
-    cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { 'customer-info': Object.assign(Object.assign({}, cartStore.tabItems['customer-info']), { isDone: false }), payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }), shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
-    cartStoreResetSelectedShippingOption();
-};
-
-const prepCalculateLandedCost = () => {
-    // maybe we don't need email now for prefetch the landed cost
-    const stripeLinkData = stripeStore.stripeLinkEventData;
-    const stripeAddressData = stripeStore.stripeAddressEventData;
-    const stripeBillingAddressData = stripeStore.stripeShippingSameAsBilling
-        ? stripeStore.stripeAddressEventData
-        : stripeStore.stripeBillingAddressEventData;
-    if (!(stripeAddressData === null || stripeAddressData === void 0 ? void 0 : stripeAddressData.complete) || !(stripeBillingAddressData === null || stripeBillingAddressData === void 0 ? void 0 : stripeBillingAddressData.complete)) {
-        throw new Error('Missing stripe address data');
-    }
-    return {
-        billingAddress: {
-            addressLine1: stripeBillingAddressData.value.address.line1,
-            addressLine2: stripeBillingAddressData.value.address.line2 || '',
-            city: stripeBillingAddressData.value.address.city,
-            country: stripeBillingAddressData.value.address.country,
-            postalCode: stripeBillingAddressData.value.address.postal_code,
-            state: stripeBillingAddressData.value.address.state,
-        },
-        billingContact: {
-            // firstName and lastName should be valid now since stripe only mark
-            // the address as complete when both fields are filled.
-            firstName: stripeBillingAddressData.value.firstName || '',
-            lastName: stripeBillingAddressData.value.lastName || '',
-            phone: stripeBillingAddressData.value.phone || '',
-        },
-        checkoutSessionId: cartStore.checkoutSessionId || '',
-        contact: {
-            email: (stripeLinkData === null || stripeLinkData === void 0 ? void 0 : stripeLinkData.value.email) || '',
-            // firstName and lastName should be valid now since stripe only mark
-            // the address as complete when both fields are filled.
-            firstName: stripeAddressData.value.firstName || '',
-            lastName: stripeAddressData.value.lastName || '',
-            phone: stripeAddressData.value.phone || '',
-        },
-        items: cartStore.items,
-        shippingAddress: {
-            addressLine1: stripeAddressData.value.address.line1,
-            addressLine2: stripeAddressData.value.address.line2 || '',
-            city: stripeAddressData.value.address.city,
-            country: stripeAddressData.value.address.country,
-            postalCode: stripeAddressData.value.address.postal_code,
-            state: stripeAddressData.value.address.state,
-        },
-    };
-};
-
-const triggerBuildLandedCost = async (buildLandedCost) => {
-    var _a, _b, _c, _d;
-    const data = prepCalculateLandedCost();
-    const landedCost = await buildLandedCost({
-        billingAddress: data.billingAddress,
-        billingContact: data.billingContact,
-        checkoutSessionId: data.checkoutSessionId,
-        contact: data.contact,
-        shippingAddress: data.shippingAddress,
-        zonosApiRoute: "https://v1.route.js.zonos.com",
-    });
-    if (!landedCost || ((_a = landedCost.errors) === null || _a === void 0 ? void 0 : _a.length)) {
-        throw new Error(`Failed to build landed cost: ${((_c = (_b = landedCost === null || landedCost === void 0 ? void 0 : landedCost.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.message) || 'Unknown error'}`);
-    }
-    // Validate the landed cost object to make sure the returned value from buildLandedCost has a valid schema
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/validate-landed-cost`, {
-        body: landedCost,
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        method: 'POST',
-    });
-    if (!json || errors.length) {
-        throw new Error(`Invalid landed cost object: ${((_d = errors.find(Boolean)) === null || _d === void 0 ? void 0 : _d.message) || 'Unknown error'}`);
-    }
-    return landedCost;
-};
-
-const calculateLandedCost = async (abortController) => {
-    var _a;
-    // If buildLandedCost callback is supplied, use that instead of our regular request to '/calculate-landed-cost'
-    const buildLandedCost = zonosStore.checkoutSettings.buildLandedCost;
-    if (buildLandedCost) {
-        const json = await triggerBuildLandedCost(buildLandedCost);
-        return json;
-    }
-    // request to get landed cost info
-    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/calculate-landed-cost`;
-    const { errors, json } = await handleFetch(url, {
-        body: prepCalculateLandedCost(),
-        method: 'POST',
-        signal: abortController === null || abortController === void 0 ? void 0 : abortController.signal,
-    });
-    if (errors.length || !json) {
-        const isAbortedRequest = ((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.message) === 'The user aborted a request.';
-        const errorMessage = isAbortedRequest
-            ? 'The landed cost calculation request was aborted to initiate a new one.'
-            : 'Failed to calculate landed cost';
-        throw new Error(errorMessage);
-    }
-    return json;
-};
-
-/**
- * This function generates an object that contains the fields of an address that have invalid characters.
- *
- * @param {Object} params - The parameters for the function.
- * @param {Address | null} params.address - The address to check for invalid characters.
- * @param {ReturnType<typeof containsNonLatinChars> | null} params.invalidAdddressList - The list of address fields that contain invalid characters.
- *
- * @returns {Partial<Address> | undefined} - An object that contains the fields of the address that have invalid characters. If no fields have invalid characters, the function returns undefined.
- */
-const getExcludeAddressFieldsObject = ({ address, invalidAdddressList, }) => {
-    if (!address) {
-        return;
-    }
-    // if there are no invalid characters, return an empty object
-    if (!invalidAdddressList) {
-        return;
-    }
-    const excludeFields = {};
-    if (invalidAdddressList.city) {
-        excludeFields.city = address.city;
-    }
-    if (invalidAdddressList.line1) {
-        excludeFields.line1 = address.line1;
-    }
-    if (invalidAdddressList.line2) {
-        excludeFields.line2 = address.line2;
-    }
-    if (invalidAdddressList.postal_code) {
-        excludeFields.postal_code = address.postal_code;
-    }
-    if (invalidAdddressList.state) {
-        excludeFields.state = address.state;
-    }
-    if (invalidAdddressList.name) {
-        excludeFields.name = address.name;
-    }
-    // return null if there are no fields to exclude
-    return Object.keys(excludeFields).length ? excludeFields : undefined;
-};
-/**
- * This function builds the request body for validating an address. It checks if the address and billing address are ready and if they contain any invalid characters.
- * If there are non-latin character to translate, returns an object with the address fields that have invalid characters, the destination country, and the first and last name.
- * If the conditions are not met, it returns null.
- *
- * @param {Object} params - The parameters for the function.
- * @param {ReturnType<typeof containsNonLatinChars> | null} params.addressInvalidCharactersList - The list of address fields that contain invalid characters.
- * @param {ReturnType<typeof containsNonLatinChars> | null} params.billingAddressInvalidCharactersList - The list of billing address fields that contain invalid characters.
- * @param {StripeAddressEventData} params.stripeAddressEventData - The Stripe event data for the address.
- * @param {StripeAddressEventData} params.stripeBillingAddressEventData - The Stripe event data for the billing address.
- * @param {boolean} params.stripeShippingSameAsBilling - A flag indicating whether the shipping address is the same as the billing address.
- *
- * @returns {ValidateAddressRequestBody | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
- */
-const buildTranslateRequestBody = ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }) => {
-    var _a, _b, _c, _d;
-    const isStripeAddressReady = !!(stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.complete);
-    const isStripeBillingAddressReady = stripeShippingSameAsBilling
-        ? isStripeAddressReady
-        : !!(stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.complete);
-    // only translate if both address and billing address are ready
-    if (!isStripeAddressReady || !isStripeBillingAddressReady) {
-        return null;
-    }
-    // only translate if there are invalid characters
-    if (!addressInvalidCharactersList && !billingAddressInvalidCharactersList) {
-        return null;
-    }
-    const stripeAddressValue = stripeAddressEventData.value;
-    const stripeBillingAddressValue = (stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.value) || null;
-    // Returns undefined if the name is Latin so it won't be included in the request body
-    const firstName = stripeAddressValue.firstName || ((_a = stripeAddressValue.name) === null || _a === void 0 ? void 0 : _a.split(' ')[0]);
-    const lastName = stripeAddressValue.lastName || ((_b = stripeAddressValue.name) === null || _b === void 0 ? void 0 : _b.split(' ')[1]);
-    const name = `${firstName} ${lastName}`;
-    const billingFirstName = stripeAddressValue.firstName ||
-        ((_c = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) === null || _c === void 0 ? void 0 : _c.split(' ')[0]);
-    const billingLastName = stripeAddressValue.lastName ||
-        ((_d = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.name) === null || _d === void 0 ? void 0 : _d.split(' ')[1]);
-    const billingName = billingFirstName && billingLastName
-        ? `${billingFirstName} ${billingLastName}`
-        : '';
-    const address = stripeAddressValue.address;
-    const billingAddress = stripeBillingAddressValue === null || stripeBillingAddressValue === void 0 ? void 0 : stripeBillingAddressValue.address;
-    return {
-        address: getExcludeAddressFieldsObject({
-            address: Object.assign(Object.assign({}, address), { name }),
-            invalidAdddressList: addressInvalidCharactersList,
-        }),
-        // only include billing address if it's different from the shipping address
-        billingAddress: !stripeShippingSameAsBilling
-            ? getExcludeAddressFieldsObject({
-                address: billingAddress
-                    ? Object.assign(Object.assign({}, billingAddress), { name: billingName }) : null,
-                invalidAdddressList: billingAddressInvalidCharactersList,
-            })
-            : undefined,
-        destinationCountry: address.country,
-    };
-};
-
-const jsonParse = (_data) => {
-    if (typeof _data === 'string') {
-        try {
-            // eslint-disable-next-line no-restricted-syntax
-            const json = JSON.parse(_data);
-            return json;
-        }
-        catch (_error) {
-            return null;
-        }
-    }
-    return null;
-};
-
-const addressRuleStyle = ({ theme, }) => {
-    const defaultStyle = {
-        '.Action': {
-            color: 'var(--colorText)',
-        },
-        '.Input': {
-            boxShadow: 'none',
-            // need to reset everything and the paddingTop to default, otherwise the paddingTop will not be updated.
-            padding: '0',
-            paddingBottom: '8px',
-            paddingLeft: '16px',
-            paddingRight: '8px',
-            // any value here will be add up to the default paddingTop (20px).
-            paddingTop: '6px',
-        },
-        '.PickerItem--highlight': {
-            boxShadow: '0 0 0 2px var(--colorBackground)',
-        },
-        '.PickerItem--highlight:hover': {
-            backgroundColor: 'var(--colorBackground)',
-            boxShadow: 'none',
-        },
-        '.PickerItem--new': {
-            color: 'var(--colorText)',
-        },
-    };
-    switch (theme) {
-        case 'DARK': {
-            return Object.assign(Object.assign({}, defaultStyle), { '.Action': Object.assign(Object.assign({}, defaultStyle['.Action']), { color: 'white' }), '.PickerItem--new': Object.assign(Object.assign({}, defaultStyle['.PickerItem--new']), { color: 'white' }) });
-        }
-        default:
-            return defaultStyle;
-    }
-};
-
-const defaultVariable = ({ borderStyle, theme, }) => {
-    switch (theme) {
-        case 'DARK':
-            return {
-                borderRadius: getBorderRadius({ overrideBorderStyle: borderStyle }),
-                colorBackground: '#101117',
-                colorBackgroundText: '#C5C6CA',
-                colorText: '#C5C6CA',
-                colorTextPlaceholder: '#C5C6CA',
-            };
-        default:
-            return {
-                borderRadius: getBorderRadius({ overrideBorderStyle: borderStyle }),
-            };
-    }
-};
-
-const { onChange, reset, state: stripeStore, } = createStore(() => ({
-    clientSecret: sessionStorage.getItem('zonos--client-secret') || null,
-    fetchingLandedCostAbordController: null,
-    isFetchingLandedCost: false,
-    isFetchingSession: false,
-    stripe: null,
-    stripeAddressElement: null,
-    stripeAddressEventData: null,
-    stripeAddressUsedWhenFetchingLC: null,
-    stripeAddressUsedWhenValidatingAddress: null,
-    stripeBillingAddressElement: null,
-    stripeBillingAddressEventData: null,
-    stripeBillingAddressUsedWhenFetchingLC: null,
-    stripeBillingAddressUsedWhenValidatingAddress: null,
-    stripeElements: null,
-    stripeElementsForBillingAddress: null,
-    stripeElementsOptions: null,
-    stripeLinkElement: null,
-    stripeLinkEventData: null,
-    stripeLinkUsedWhenFetchingLC: null,
-    stripePaymentElement: null,
-    stripePaymentEventData: null,
-    stripeShippingSameAsBilling: true,
-    translatedAddress: {
-        address: {},
-        billingAddress: {},
-        firstName: {},
-        lastName: {},
-        name: {},
-    },
-}));
-const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryColor, overrideSecondaryColor, overrideTheme, }) => {
-    const primaryColor = overridePrimaryColor || zonosStore.appearance.colorPrimary;
-    const secondaryColor = overrideSecondaryColor || zonosStore.appearance.colorSecondary;
-    const themeBasedColor = primaryColor && isDarkColor(primaryColor) ? 'night' : 'flat';
-    // if overrideTheme is provided, use it. Otherwise, use theme based on primary color
-    const theme = overrideTheme === 'DARK' ? 'night' : 'flat';
-    return {
-        appearance: {
-            labels: 'floating',
-            rules: Object.assign({}, addressRuleStyle({ theme: overrideTheme || 'LIGHT' })),
-            // get contrast theme color base on primary color
-            theme: overrideTheme ? theme : themeBasedColor,
-            variables: Object.assign(Object.assign({}, defaultVariable({
-                borderStyle: overrideBorderRaidus,
-                theme: 'LIGHT',
-            })), { 
-                // use the button background color for input glow color
-                colorPrimary: secondaryColor }),
-        },
-        clientSecret,
-        locale: localizationStore.selectedLocale,
-    };
-};
-const stripeStoreCleanupDomesticShippingSession = () => {
-    window.sessionStorage.removeItem('zonos--bigcommerce-domestic-checkout-shipping');
-};
-// Save shipping address to session storage
-const stripeStoreSaveDomesticShippingSession = (props) => {
-    window.sessionStorage.setItem('zonos--bigcommerce-domestic-checkout-shipping', JSON.stringify(props));
-};
-const stripeStoreGetDomesticShippingSession = () => {
-    const session = window.sessionStorage.getItem('zonos--bigcommerce-domestic-checkout-shipping');
-    return jsonParse(session);
-};
-const initStripeElements = async (props) => {
-    var _a, _b;
-    const clientSecret = stripeStore.clientSecret;
-    if (!stripeStore.stripe) {
-        log('Skip. Stripe is not initialized');
-        return;
-    }
-    if (clientSecret) {
-        const stripeOptions = getStripeOptions({
-            clientSecret,
-            overrideBorderRaidus: props === null || props === void 0 ? void 0 : props.overrideBorderRaidus,
-            overridePrimaryColor: props === null || props === void 0 ? void 0 : props.overridePrimaryColor,
-            overrideSecondaryColor: props === null || props === void 0 ? void 0 : props.overrideSecondaryColor,
-            overrideTheme: props === null || props === void 0 ? void 0 : props.overrideTheme,
-        });
-        // compare with the previous options to see if we need to update
-        const isSameOptions = JSON.stringify(stripeOptions) ===
-            JSON.stringify(stripeStore.stripeElementsOptions);
-        if (!stripeStore.stripeElements ||
-            !stripeStore.stripeElementsForBillingAddress) {
-            // init stripe elements if it doesn't exist
-            stripeStore.stripeElements = (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
-            // save stripe elements options for later comparison
-            stripeStore.stripeElementsOptions = stripeOptions;
-            log('Stripe elements initialized');
-            // init stripe elements for billing address
-            stripeStore.stripeElementsForBillingAddress =
-                (_b = stripeStore.stripe) === null || _b === void 0 ? void 0 : _b.elements(stripeOptions);
-            log('Stripe elements for billing address initialized');
-            return;
-        }
-        if (!isSameOptions) {
-            // update elements with new option if it already exists
-            stripeStore.stripeElements.update(stripeOptions);
-            // update elements for stripe billing address
-            stripeStore.stripeElementsForBillingAddress.update(stripeOptions);
-            // save stripe elements options for later comparison
-            stripeStore.stripeElementsOptions = stripeOptions;
-        }
-        log('Stripe elements initialized');
-    }
-};
-const stripeStoreReset = () => {
-    // clean clientSecret so that we can start the new one.
-    sessionStorage.removeItem('zonos--client-secret');
-    // cleanup stripe elements
-    reset();
-    // set stripe back to window.Zonos.stripe
-    stripeStore.stripe = window.Zonos.stripe;
-};
-const checkIsAddressOutdatedForValidation = () => {
-    var _a, _b, _c, _d;
-    const isAddressDataDirty = JSON.stringify((_a = stripeStore.stripeAddressUsedWhenValidatingAddress) === null || _a === void 0 ? void 0 : _a.value) !== JSON.stringify((_b = stripeStore.stripeAddressEventData) === null || _b === void 0 ? void 0 : _b.value);
-    const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
-        JSON.stringify((_c = stripeStore.stripeBillingAddressEventData) === null || _c === void 0 ? void 0 : _c.value) !==
-            JSON.stringify((_d = stripeStore.stripeBillingAddressUsedWhenValidatingAddress) === null || _d === void 0 ? void 0 : _d.value);
-    return isAddressDataDirty || isBillingAddressDataDirty;
-};
-const checkIsAddressOutdatedForLCPrefetch = () => {
-    var _a, _b, _c, _d, _e, _f;
-    const isLinkDataDirty = JSON.stringify((_a = stripeStore.stripeLinkUsedWhenFetchingLC) === null || _a === void 0 ? void 0 : _a.value) !==
-        JSON.stringify((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value);
-    const isAddressDataDirty = JSON.stringify((_c = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _c === void 0 ? void 0 : _c.value) !==
-        JSON.stringify((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value);
-    const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
-        JSON.stringify((_e = stripeStore.stripeBillingAddressEventData) === null || _e === void 0 ? void 0 : _e.value) !==
-            JSON.stringify((_f = stripeStore.stripeBillingAddressUsedWhenFetchingLC) === null || _f === void 0 ? void 0 : _f.value);
-    return isLinkDataDirty || isAddressDataDirty || isBillingAddressDataDirty;
-};
-/**
- * Check if the address and email info used when fetching landed cost with the current email and address info are different
- * Purpose is to resend the request if the info used when fetching landed cost is different from the current info
- */
-const isPrefetchInfoOutdated = () => {
-    var _a;
-    // Mark the landed cost is outdated since the item total amount has changed (items total didn't match with the cart subtotal)
-    const isTotalAmountChanged = cartStore.landedCostData &&
-        ((_a = cartStore.landedCostData.find(Boolean)) === null || _a === void 0 ? void 0 : _a.subtotals.items) !==
-            cartStore.subtotal;
-    const isAddressOutdated = checkIsAddressOutdatedForLCPrefetch();
-    return (
-    // if landed cost data is not available, we need to fetch it
-    !cartStore.landedCostData || isAddressOutdated || isTotalAmountChanged);
-};
-const stripeStorePrefetchLandedCost = async () => {
-    var _a, _b, _c, _d, _e, _f;
-    const stripeAddressReady = !!((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete);
-    const stripeLinkReady = !!((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.complete);
-    const stripeBillingAddressReady = stripeStore.stripeShippingSameAsBilling
-        ? !!((_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.complete)
-        : !!((_d = stripeStore.stripeBillingAddressEventData) === null || _d === void 0 ? void 0 : _d.complete);
-    const shouldRefetch = isPrefetchInfoOutdated();
-    if (shouldRefetch) {
-        // if the info used when fetching landed cost is different from the current info, abort the previous request
-        (_e = stripeStore.fetchingLandedCostAbordController) === null || _e === void 0 ? void 0 : _e.abort();
-        stripeStore.fetchingLandedCostAbordController = null;
-    }
-    // only fetch if we are not fetching or we need to refetch
-    if (stripeAddressReady &&
-        stripeLinkReady &&
-        stripeBillingAddressReady &&
-        shouldRefetch) {
-        stripeStore.isFetchingLandedCost = true;
-        if (stripeStore.stripeAddressEventData) {
-            stripeStore.stripeAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeAddressEventData);
-        }
-        if (stripeStore.stripeBillingAddressEventData) {
-            stripeStore.stripeBillingAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeBillingAddressEventData);
-        }
-        if (stripeStore.stripeLinkEventData) {
-            stripeStore.stripeLinkUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeLinkEventData);
-        }
-        try {
-            const abortController = new AbortController();
-            stripeStore.fetchingLandedCostAbordController = abortController;
-            // Reset cart items to non-restricted state and restricted item list
-            cartStoreResetCartItems();
-            const { checkoutSessionWorkflow, itemCreateWorkflow, landedCostCalculateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCost(abortController);
-            // reset abort controller after we are done
-            stripeStore.fetchingLandedCostAbordController = null;
-            // update cart store with landed cost info
-            cartStore.landedCostData =
-                (checkoutSessionWorkflow === null || checkoutSessionWorkflow === void 0 ? void 0 : checkoutSessionWorkflow.map(checkoutSession => {
-                    const foundLandedCost = landedCostCalculateWorkflow === null || landedCostCalculateWorkflow === void 0 ? void 0 : landedCostCalculateWorkflow.find(item => { var _a; return (item === null || item === void 0 ? void 0 : item.id) === ((_a = checkoutSession.landedCost) === null || _a === void 0 ? void 0 : _a.id); });
-                    if (!foundLandedCost) {
-                        return null;
-                    }
-                    return Object.assign(Object.assign({}, checkoutSession), { landedCost: foundLandedCost });
-                }).filter(Boolean)) || [];
-            cartStore.shippingData =
-                (shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || [];
-            // apply new subtotal and total, this is mainly to show items in the presentment currency
-            const firstLandedCostData = (_f = cartStore.landedCostData) === null || _f === void 0 ? void 0 : _f.find(Boolean);
-            const subtotals = !!firstLandedCostData
-                ? firstLandedCostData.subtotals
-                : null;
-            // check and update cart items with restrictions
-            cartStoreCheckItemRestrictions(itemCreateWorkflow);
-            if (subtotals) {
-                // prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
-                cartStoreApplySubtotals({
-                    exchangeRate: subtotals.exchangeRate,
-                    items: subtotals.items,
-                    landedCostTotal: 0,
-                    presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
-                    shipping: 0,
-                    total: subtotals.items,
-                });
-            }
-        }
-        catch (err) {
-            // default to empty array if we fail to fetch landed cost, so we can show the error message
-            cartStore.landedCostData = [];
-            cartStore.shippingData = [];
-            logError(err);
-        }
-        stripeStore.isFetchingLandedCost = false;
-    }
-};
-const getStripeMessageBasedOnStatus = (status) => {
-    let messages = [];
-    let isError = true;
-    // Inspect the PaymentIntent `status` to indicate the status of the payment
-    // to your customer.
-    //
-    // Some payment methods will [immediately succeed or fail][0] upon
-    // confirmation, while others will first enter a `processing` state.
-    //
-    // [0]: https://stripe.com/docs/payments/payment-methods#payment-notification
-    switch (status) {
-        case 'succeeded': {
-            messages = [
-                translate('Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.'),
-                '',
-                '',
-                translate("We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time."),
-            ];
-            isError = false;
-            break;
-        }
-        case 'requires_capture':
-        case 'processing': {
-            messages = [
-                translate("Payment processing. We'll update you when payment is received."),
-            ];
-            isError = false;
-            break;
-        }
-        case 'requires_payment_method': {
-            messages = [
-                translate('Payment failed. Please try another payment method.'),
-            ];
-            break;
-        }
-        default: {
-            messages = [translate('Something went wrong.')];
-            break;
-        }
-    }
-    return {
-        isError,
-        messages,
-    };
-};
-const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybookForceStatus, }) => {
-    if (storybookForceStatus) {
-        // return status right away if we are in storybook mode
-        const { isError, messages } = getStripeMessageBasedOnStatus(storybookForceStatus);
-        return { error: isError, messages };
-    }
-    const clientSecret = _clientSecret || stripeStore.clientSecret;
-    if (!stripeStore.stripe || !clientSecret) {
-        logError('Failed to retrieve payment intent. Stripe is not initialized');
-        return { error: true, message: [translate('Something went wrong.')] };
-    }
-    const { paymentIntent } = await stripeStore.stripe.retrievePaymentIntent(clientSecret);
-    const status = paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status;
-    const { isError, messages } = getStripeMessageBasedOnStatus(status);
-    return {
-        error: isError,
-        messages,
-        paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
-    };
-};
-const stripeStoreConfirmPayment = async () => {
-    var _a, _b, _c, _d;
-    const stripePaymentReady = !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
-    const stripeElements = stripeStore.stripeElements;
-    const stripe = stripeStore.stripe;
-    const stripeClientSecret = stripeStore.clientSecret;
-    if (!((_b = cartStore.selectedLandedCost) === null || _b === void 0 ? void 0 : _b.landedCost.id)) {
-        throw new Error('Attemped to confirm the payment when no landed cost is found in store');
-    }
-    if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {
-        const { error } = await stripe.confirmPayment({
-            confirmParams: {
-                receipt_email: (_d = (_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.email,
-                return_url: window.location.href,
-            },
-            elements: stripeElements,
-            redirect: 'if_required',
-        });
-        if (error) {
-            if (error.type === 'card_error' || error.type === 'validation_error') {
-                throw new Error(error.message);
-            }
-            if (error.type === 'invalid_request_error') {
-                if (error.code === 'payment_intent_unexpected_state') {
-                    // PaymentIntent was canceled or expired, or status is `require_capture`.
-                    // don't throw error here because we will reset the checkout session last step
-                    return;
-                }
-            }
-            throw new Error('An unexpected error occurred.');
-        }
-    }
-};
-/**
- * Init checkout session
- * @returns {boolean} whether or not the checkout session is successfully created
- */
-const stripeStoreInitCheckoutSession = async () => {
-    var _a;
-    const total = cartStore.items.reduce((amount, item) => amount + item.amount * item.quantity, 0);
-    if (!total || !localizationStore.targetCurrency) {
-        logError('Fail to create checkout session - invalid total or currency');
-        return false;
-    }
-    stripeStore.isFetchingSession = true;
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/create-checkout-session`, {
-        body: {
-            currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
-            itemsAmount: total,
-            metadata: [
-                { key: 'language', value: localizationStore.selectedLocale },
-            ],
-            presentmentCountryCode: localizationStore.selectedCountryCode || null,
-        },
-        method: 'POST',
-    });
-    stripeStore.isFetchingSession = false;
-    if (errors.length || !json) {
-        logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
-        return false;
-    }
-    const result = json.checkoutSessionCreate;
-    stripeStore.clientSecret = result.clientSecret;
-    // update cart store with updated informations
-    cartStore.checkoutSessionId = result.id;
-    cartStoreApplySubtotals(Object.assign(Object.assign({}, result.subtotals), { landedCostTotal: 0, shipping: 0, total: result.subtotals.items }));
-    log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
-    log('done-init-checkout-session');
-    return true;
-};
-/**
- * Update checkout session. Use for updating amount with landed cost id, or update session when cart items change
- */
-const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
-    // No need to set loading state here because this function will be called under the hood to update
-    // landed cost id for the section.
-    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/update-checkout-session`, {
-        body: {
-            currency,
-            id,
-            itemsAmount,
-            landedCostId,
-            presentmentCountryCode,
-        },
-        method: 'POST',
-    });
-    if (errors.length || !json) {
-        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
-        return { errors, json };
-    }
-    return { errors: [], json };
-};
-/**
- * This function builds a translated address object from the current address and the translated address result.
- * It checks each field in the current address and if it exists in the translated address result, it adds it to the translated address object.
- * The key of each field in the translated address object is the current address's field value and the value is the corresponding translated address's field value.
- *
- * @param {Object} params - The parameters for the function.
- * @param {Address} params.currentAddress - The current address information.
- * @param {Address} params.translatedAddressResult - The translated address result.
- *
- * @returns {TranslatedAddress} - An object containing the translated address. Each field is an object with the current address's field value as the key and the translated address's field value as the value.
- */
-const buildTranslatedAddress = ({ currentAddress, translatedAddressResult, }) => {
-    const translatedAddress = {};
-    if (!translatedAddressResult) {
-        return translatedAddress;
-    }
-    const { city, line1, line2, name, postal_code, state } = translatedAddressResult;
-    // If we have translated address, add it to the translated address object
-    if (currentAddress.city && city) {
-        translatedAddress.city = {
-            [currentAddress.city]: city,
-        };
-    }
-    if (currentAddress.line1 && line1) {
-        translatedAddress.line1 = {
-            [currentAddress.line1]: line1,
-        };
-    }
-    if (currentAddress.line2 && line2) {
-        translatedAddress.line2 = {
-            [currentAddress.line2]: line2,
-        };
-    }
-    if (currentAddress.postal_code && postal_code) {
-        translatedAddress.postal_code = {
-            [currentAddress.postal_code]: postal_code,
-        };
-    }
-    if (currentAddress.state && state) {
-        translatedAddress.state = {
-            [currentAddress.state]: state,
-        };
-    }
-    if (currentAddress.name && name) {
-        translatedAddress.name = {
-            [currentAddress.name]: name,
-        };
-    }
-    return translatedAddress;
-};
-/**
- * This function translates an address to Latin characters using the Zonos API.
- * It first builds the request body for the API call. If there's no request body, it resets the translated address in the store and returns.
- * If the address is not outdated, it returns without making the API call.
- * It then makes a POST request to the Zonos API to validate and translate the address. If the API call fails, it resets the translated address in the store and returns.
- * If the API call is successful, it sets the current address and billing address in the store and builds the translated address and billing address from the API response.
- *
- * @param {Object} params - The parameters for the function.
- * @param {ReturnType<typeof containsNonLatinChars> | null} params.addressInvalidCharactersList - The list of address fields that contain invalid characters.
- * @param {ReturnType<typeof containsNonLatinChars> | null} params.billingAddressInvalidCharactersList - The list of billing address fields that contain invalid characters.
- */
-const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, }) => {
-    var _a, _b, _c, _d;
-    const requestBody = buildTranslateRequestBody({
-        addressInvalidCharactersList,
-        billingAddressInvalidCharactersList,
-        stripeAddressEventData: stripeStore.stripeAddressEventData,
-        stripeBillingAddressEventData: stripeStore.stripeBillingAddressEventData,
-        stripeShippingSameAsBilling: stripeStore.stripeShippingSameAsBilling,
-    });
-    if (!requestBody) {
-        // reset translated address if we don't have any address to translate
-        stripeStore.translatedAddress = {
-            address: {},
-            billingAddress: {},
-        };
-        return;
-    }
-    // only translate address if the address is out of date
-    const isAddressOutdated = checkIsAddressOutdatedForValidation();
-    if (!isAddressOutdated) {
-        return;
-    }
-    const routeUrl = "https://v1.route.js.zonos.com";
-    const { errors, json } = await handleFetch(`${routeUrl}/api/zonos-elements/validate-address`, {
-        body: requestBody,
-        method: 'POST',
-    });
-    if (errors.length || !json) {
-        logError('Error occurs when translating address to latin', JSON.stringify(errors, null, 2));
-        // reset translated address if we fail to translate and let user manually fix it
-        stripeStore.translatedAddress = {
-            address: {},
-            billingAddress: {},
-        };
-        return;
-    }
-    // Set current address to the store so we can compare it later to determine if we need to re-translate the address
-    stripeStore.stripeAddressUsedWhenValidatingAddress =
-        stripeStore.stripeAddressEventData;
-    stripeStore.stripeBillingAddressUsedWhenValidatingAddress =
-        stripeStore.stripeBillingAddressEventData;
-    const address = (_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address;
-    const billingAddress = (_b = stripeStore.stripeBillingAddressEventData) === null || _b === void 0 ? void 0 : _b.value.address;
-    // Set the translated address to the store so we can populate it to the address element for user to update
-    stripeStore.translatedAddress = {
-        address: address
-            ? buildTranslatedAddress({
-                currentAddress: Object.assign(Object.assign({}, address), { name: (_c = stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.name }),
-                translatedAddressResult: json.address || null,
-            })
-            : {},
-        billingAddress: !stripeStore.stripeShippingSameAsBilling
-            ? buildTranslatedAddress({
-                currentAddress: Object.assign(Object.assign({}, billingAddress), { name: (_d = stripeStore.stripeBillingAddressEventData) === null || _d === void 0 ? void 0 : _d.value.name }) || {},
-                translatedAddressResult: json.billingAddress || null,
-            })
-            : {},
-    };
-};
-onChange('clientSecret', clientSecret => {
-    // update stripe elements when client secret changes
-    if (clientSecret && stripeStore.stripe) {
-        sessionStorage.setItem('zonos--client-secret', clientSecret);
-    }
-    if (!clientSecret) {
-        sessionStorage.removeItem('zonos--client-secret');
-    }
-});
-
-export { cartStoreGetShippingTransitInfo as A, isValidSelector as B, initLocalizationStore as C, getZCountryUrlParam as D, setZCountryUrlParam as E, currencyDisplay as F, currencyConvertAndFormat as G, currencyConvert as H, currencyFormat as I, localizationStore as a, cartStoreHasOneEligibleItem as b, cartStore as c, log as d, stripeStoreGetDomesticShippingSession as e, localizationStoreUpdateSelectedCountryCode as f, stripeStoreCleanupDomesticShippingSession as g, stripeStoreSaveDomesticShippingSession as h, initStripeElements as i, cartStoreUpdateItems as j, cartStoreReset as k, logError as l, cartStoreResetTabItems as m, stripeStoreInitCheckoutSession as n, cartStoreUpdateToErrorState as o, stripeStorePrefetchLandedCost as p, cartStoreNextStep as q, stripeStoreConfirmPayment as r, stripeStore as s, stripeStoreReset as t, localizationStoreOnUpdate as u, handleFetch as v, stripeStoreRetrievePayment as w, stripeStoreTranslateAddressToLatin as x, localizationStoreUpdateSelectedLocale as y, cartStoreUpdateSelectedShippingOption as z };