@zonos/elements 1.3.7-alpha.0 → 1.3.7

package/dist/collection/components/utils/logging/log.js

@@ -1,7 +1,14 @@
 export const log = (message, type, ...additionalInfo) => {
-    var _a;
-    // if type is error and debug is false, do not log
-    if (!window.Zonos.debug) {
+    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');
@@ -22,23 +29,21 @@ export const log = (message, type, ...additionalInfo) => {
         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 console = ((_a = loggingIframe.contentWindow) === null || _a === void 0 ? void 0 : _a.window.console) || window.console;
+    const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
     switch (type) {
         case 'warn':
-            // eslint-disable-next-line no-console
-            console.warn(message, ...additionalInfo);
+            zConsole.warn(message, ...additionalInfo);
             break;
         case 'info':
-            // eslint-disable-next-line no-console
-            console.info(message, ...additionalInfo);
+            zConsole.info(message, ...additionalInfo);
+            break;
+        case 'error':
+            zConsole.error(message, ...additionalInfo);
             break;
         default:
-            // eslint-disable-next-line no-console
-            console.groupCollapsed(message, ...additionalInfo);
-            // eslint-disable-next-line no-console
-            console.trace();
-            // eslint-disable-next-line no-console
-            console.groupEnd();
+            zConsole.groupCollapsed(message, ...additionalInfo);
+            zConsole.trace();
+            zConsole.groupEnd();
             break;
     }
 };

package/dist/collection/components/utils/logging/logError.js

@@ -1,4 +1,4 @@
+import { log } from "./log";
 export const logError = (message, ...rest) => {
-    // eslint-disable-next-line no-console
-    console.error(message, ...rest);
+    log(message, 'error', ...rest);
 };

package/dist/collection/components/utils/logging/sendErrorLog.js

@@ -0,0 +1,12 @@
+import { handleFetch } from "../handleFetch";
+export const sendErrorLog = async ({ endpoint, errors, metadata }) => {
+    const errorObject = {
+        endpoint,
+        errors,
+        metadata,
+    };
+    void handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/log-error`, {
+        body: errorObject,
+        method: 'POST',
+    });
+};

package/dist/collection/scripts/checkIfLoadVersionDomain.js

@@ -0,0 +1,35 @@
+/**
+ * Get the load version and url based on the loadScriptSrc and version
+ * @returns
+ */
+export const checkIfLoadVersionDomain = ({ loadScriptSrc }) => {
+    if (!loadScriptSrc) {
+        return {
+            currentLoadScriptUrl: '',
+            isForceLoadVersionDomain: false,
+            isWhiteListed: false,
+        };
+    }
+    const whiteListedDomains = [
+        // local domain
+        'dev.elements.zonos.com',
+        // any domain with prefix , no need to version it
+        '.js.zonos.com',
+        // vercel git domain
+        'zonos-elements-test-git',
+        'zonos-elements-git',
+    ];
+    const forceLoadVersionDomain = [
+        // force load version for qa domain, this is to test the load version behavior
+        'qa.js.zonos.com',
+    ];
+    // get the domain that's used to load the loadZonos.js
+    const currentLoadScriptUrl = new URL(loadScriptSrc).origin;
+    const isWhiteListed = whiteListedDomains.some(domain => 
+    // check if the current domain is in the white listed domains
+    currentLoadScriptUrl.includes(domain));
+    const isForceLoadVersionDomain = forceLoadVersionDomain.some(domain => 
+    // check if the current domain is in the force load version domains list
+    currentLoadScriptUrl.includes(domain));
+    return { currentLoadScriptUrl, isForceLoadVersionDomain, isWhiteListed };
+};

package/dist/collection/scripts/zonosBase.js

@@ -1,39 +1,22 @@
 var _a;
 import { log } from "../components/utils/logging/log";
 import { logError } from "../components/utils/logging/logError";
-import { extractZonosQaUrl } from "./extractZonosQaUrl";
+import { checkIfLoadVersionDomain } from "./checkIfLoadVersionDomain";
 import { zonosLoadStripe } from "./loadStripe";
-const zonosQaUrl = (() => {
-    const qaUrl = extractZonosQaUrl(window.location.href);
-    if (!qaUrl) {
-        return null;
-    }
-    const suffixDomain = 'preview.js.zonos.com';
-    const fullUrl = `https://${qaUrl}.${suffixDomain}`;
-    // eslint-disable-next-line no-console
-    console.warn(`[ZONOS-WARNING] using '${fullUrl}' for loading script`);
-    // request to the url and check if the request has an error
-    void fetch(fullUrl)
-        .then(() => {
-        // cleanup checkout session to avoid using the prod session in preview domain
-        window.sessionStorage.removeItem('zonos--checkout-session-id');
-        window.sessionStorage.removeItem('zonos--client-secret');
-    })
-        .catch(() => {
-        // eslint-disable-next-line no-console
-        alert(`[ZONOS-WARNING] '${fullUrl}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);
-        // remove the zonosQaUrl param from url
-        const urlSearchParams = new URLSearchParams(window.location.search);
-        urlSearchParams.delete('zonosQaUrl');
-        const { pathname } = window.location;
-        const newUrl = `${pathname}?${urlSearchParams.toString()}`;
-        window.history.replaceState({}, '', newUrl);
-        window.location.reload();
-        return null;
+/**
+ * Get the load version and url based on the loadScriptSrc, if the domain that used to load `zonos.js` is in white listed domains, use currentLoadScriptUrl as the load url instead, if zonosQaUrl exists, it would also fall under the white listed domain
+ */
+const zonosLoadUrl = (() => {
+    const scriptExist = document.querySelector(`script[src*="/zonos.js"]`);
+    const { currentLoadScriptUrl, isWhiteListed } = checkIfLoadVersionDomain({
+        loadScriptSrc: scriptExist === null || scriptExist === void 0 ? void 0 : scriptExist.src,
     });
-    return fullUrl;
+    if (isWhiteListed) {
+        return currentLoadScriptUrl;
+    }
+    return null;
 })();
-const ZONOS_URL = zonosQaUrl || process.env.NEXT_PUBLIC_ZONOS_CDN_URL;
+const ZONOS_URL = zonosLoadUrl || process.env.NEXT_PUBLIC_ZONOS_CDN_URL;
 const UNPKG_ZONOS_URL = process.env.NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL;
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
@@ -46,7 +29,7 @@ Zonos.doneInit = false;
 Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
 Zonos.isBigCommerce = false;
 Zonos.internationalHideSelector = '';
-Zonos.zonosQaUrl = zonosQaUrl;
+Zonos.zonosQaUrl = null;
 Zonos.version = `v${process.env.NEXT_PUBLIC_ZONOS_PACKAGE_VERSION}`;
 Zonos.modeAlerted = false;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
@@ -90,6 +73,13 @@ Zonos.displayCurrency = () => {
         void zonosHello.displayCurrency();
     }
 };
+// Called openHelloDialog because the main use case is to simply open the dialog
+Zonos.openHelloDialog = (value) => {
+    const zonosHello = document.querySelector('zonos-hello');
+    if (zonosHello) {
+        void zonosHello.openHelloDialog(value !== null && value !== void 0 ? value : true);
+    }
+};
 Zonos.showNotification = (notification) => {
     var _b;
     void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.showNotification(notification));
@@ -190,7 +180,6 @@ Zonos.injectSentryScript = () => {
         return !!script;
     };
     if (findScript()) {
-        // eslint-disable-next-line no-console
         log('Sentry script already exists in the document', 'warn');
         return;
     }
@@ -223,7 +212,6 @@ Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) =
         return !!script;
     };
     if (findScript()) {
-        // eslint-disable-next-line no-console
         log(`Zonos script "${fullScriptUrl}" already exists in the document`, 'warn');
         return;
     }
@@ -273,7 +261,6 @@ Zonos.injectZonosCdn = () => {
         scriptDomain: ZONOS_URL,
         theRestUrl: 'dist/zonos-elements/zonos-elements.js',
     });
-    // eslint-disable-next-line no-console
     log('Zonos cdn script injected!');
 };
 Zonos.injectStylesheet = ({ fallBackDomain, stylesheetDomain, theRestUrl, }) => {

package/dist/collection/styles/stripe/addressRuleStyle.js

@@ -3,6 +3,7 @@ export const addressRuleStyle = ({ theme, }) => {
         default:
             return {
                 '.Input': {
+                    boxShadow: 'none',
                     // need to reset everything and the paddingTop to default, otherwise the paddingTop will not be updated.
                     padding: '0',
                     paddingBottom: '8px',
@@ -11,6 +12,9 @@ export const addressRuleStyle = ({ theme, }) => {
                     // any value here will be add up to the default paddingTop (20px).
                     paddingTop: '6px',
                 },
+                '.Input:focus': {
+                    boxShadow: 'none',
+                },
             };
     }
 };

package/dist/collection/types/generated/graphql.customer.types.js

@@ -1014,6 +1014,7 @@ export const emailTemplateStatus = {
 };
 export const emailTemplateType = {
     AbandonedCart: 'ABANDONED_CART',
+    CatalogExport: 'CATALOG_EXPORT',
     OrderCanceled: 'ORDER_CANCELED',
     OrderConfirmation: 'ORDER_CONFIRMATION',
     OrderReceipt: 'ORDER_RECEIPT',
@@ -1209,10 +1210,6 @@ export const invoiceLanguageCode = {
     ZhHk: 'ZH_HK',
     ZhTw: 'ZH_TW',
 };
-export const invoiceLineRecordBehaviorCode = {
-    Finalize: 'FINALIZE',
-    Pending: 'PENDING',
-};
 export const invoiceLineRecordStatusCode = {
     Failed: 'FAILED',
     Pending: 'PENDING',

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -474,6 +474,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         cleanupTestZonosElementSetting(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'cleanupTestZonosElementSetting', 'mutation');
         },
+        insertConversionEvent(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'insertConversionEvent', 'mutation');
+        },
         zonosElementsSetting(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'zonosElementsSetting', 'query');
         },

package/dist/components/stripe.js

@@ -3546,7 +3546,7 @@ const handleFetch = async (url, _opts) => {
     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 }, opts.headers);
+    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);
@@ -3567,9 +3567,58 @@ const getCountries = async () => {
     }
 };
 
+const log = (message, type, ...additionalInfo) => {
+    var _a, _b;
+    const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
+        !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
+    // if debug is false, do not log
+    if (!isDebug) {
+        // log errors to the console if the type is error
+        if (type === 'error') {
+            // eslint-disable-next-line no-console
+            console.error(message, ...additionalInfo);
+        }
+        return;
+    }
+    let loggingIframe = document.querySelector('iframe#zonos---debug-logging-iframe');
+    if (!loggingIframe) {
+        // add a hidden iframe
+        loggingIframe = document.createElement('iframe');
+        loggingIframe.id = 'zonos---debug-logging-iframe';
+        loggingIframe.style.display = 'none';
+        loggingIframe.style.opacity = '0';
+        loggingIframe.style.position = 'absolute';
+        loggingIframe.style.top = '-9999px';
+        loggingIframe.style.left = '-9999px';
+        loggingIframe.style.width = '1px';
+        loggingIframe.style.height = '1px';
+        loggingIframe.style.border = 'none';
+        loggingIframe.style.overflow = 'hidden';
+        loggingIframe.style.visibility = 'hidden';
+        document.body.appendChild(loggingIframe);
+    }
+    // use the logging iframe's console to log just in case the console is disabled (overriden) by the site owner
+    const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
+    switch (type) {
+        case 'warn':
+            zConsole.warn(message, ...additionalInfo);
+            break;
+        case 'info':
+            zConsole.info(message, ...additionalInfo);
+            break;
+        case 'error':
+            zConsole.error(message, ...additionalInfo);
+            break;
+        default:
+            zConsole.groupCollapsed(message, ...additionalInfo);
+            zConsole.trace();
+            zConsole.groupEnd();
+            break;
+    }
+};
+
 const logError = (message, ...rest) => {
-    // eslint-disable-next-line no-console
-    console.error(message, ...rest);
+    log(message, 'error', ...rest);
 };
 
 const getCountryLandedCost = async (countryCode) => {
@@ -3612,8 +3661,7 @@ const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
-        // eslint-disable-next-line no-console
-        console.error('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
+        logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
         return [];
     }
     return json.locale_countryCodesPage;
@@ -3731,76 +3779,32 @@ const isValidSelector = (selector) => {
     return true;
 };
 
-const log = (message, type, ...additionalInfo) => {
-    var _a;
-    // if type is error and debug is false, do not log
-    if (!window.Zonos.debug) {
-        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 console = ((_a = loggingIframe.contentWindow) === null || _a === void 0 ? void 0 : _a.window.console) || window.console;
-    switch (type) {
-        case 'warn':
-            // eslint-disable-next-line no-console
-            console.warn(message, ...additionalInfo);
-            break;
-        case 'info':
-            // eslint-disable-next-line no-console
-            console.info(message, ...additionalInfo);
-            break;
-        default:
-            // eslint-disable-next-line no-console
-            console.groupCollapsed(message, ...additionalInfo);
-            // eslint-disable-next-line no-console
-            console.trace();
-            // eslint-disable-next-line no-console
-            console.groupEnd();
-            break;
-    }
-};
-
 const getCurrencyElements = (selector) => {
     const currencySelector = selector || '.money';
     if (!isValidSelector(currencySelector)) {
-        // eslint-disable-next-line no-console
         logError(`Currency element selector "${currencySelector}" is not valid.`);
         return null;
     }
     const currencyElements = document.querySelectorAll(currencySelector);
     if (!currencyElements.length) {
-        // eslint-disable-next-line no-console
         log(`No currency elements found with selector "${currencySelector}"`, 'warn');
         return null;
     }
-    return currencyElements;
+    // return array of currency elements instead of a NodeList
+    return Array.from(currencyElements);
 };
 
 const getInitialElementAmount = (element) => {
     var _a;
     const domesticValue = element.getAttribute('data-domestic');
-    if (!domesticValue) {
-        // 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;
-        }
+    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) {
         // Store the original value on the element once, and international on every new conversion
         element.setAttribute('data-domestic', cleanedText);
         return parseFloat(cleanedText);
@@ -3808,9 +3812,32 @@ const getInitialElementAmount = (element) => {
     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;
     }
@@ -3819,33 +3846,8 @@ const defaultCurrencyConverter = () => {
         return;
     }
     currencyElements.forEach((element) => {
-        const amount = getInitialElementAmount(element);
-        if (!amount || isNaN(amount)) {
-            return;
-        }
-        element.setAttribute('data-zintl', currencyConvert(amount).toString());
-        // Check if an observer is already attached to the element
-        let observer = element._mutationObserver;
-        if (!observer) {
-            observer = new MutationObserver(() => {
-                const observedFormattedValue = currencyConvertAndFormat(amount);
-                element.textContent = observedFormattedValue;
-            });
-            observer.observe(element, {
-                characterData: true,
-                childList: true,
-            });
-            element._mutationObserver = observer;
-        }
-        // Temporarily disconnect the observer to prevent an infinite loop
-        observer.disconnect();
-        const formattedValue = currencyConvertAndFormat(amount);
-        element.textContent = formattedValue;
-        // Reconnect the observer after the update is complete
-        observer.observe(element, {
-            characterData: true,
-            childList: true,
-        });
+        // convert the currency and save the formatted value to the data-zintl attribute
+        convertCurrency(element);
     });
 };
 
@@ -3927,11 +3929,9 @@ const getNewLocalization = async () => {
         !selectedCountryCode) {
         return;
     }
-    if (zonosStore.sourceCurrency !== localizationStore.targetCurrency) {
-        const isGuaranteed = zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
-        const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
-        startExchangeRateTimeout({ isGuaranteed, maxAge });
-    }
+    const isGuaranteed = zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
+    const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
+    startExchangeRateTimeout({ isGuaranteed, maxAge });
     localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
 };
 const getCustomMessages = async () => {
@@ -3958,7 +3958,8 @@ const getOverrideLocale = () => {
     const zonosLocale = currentUrl.searchParams.get('zonosLocale');
     return zonosLocale;
 };
-const localizationStoreUpdateSelectedCountryCode = async (newSelectedCountryCode) => {
+const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
+    var _a;
     log('update selected country code');
     localizationStore.selectedCountryCode = newSelectedCountryCode;
     const { selectedCountryCode, shippingZoneCountries } = localizationStore;
@@ -3982,6 +3983,8 @@ const localizationStoreUpdateSelectedCountryCode = async (newSelectedCountryCode
     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);
 };
 const initLocalizationStore = async () => {
     // all countries from countries.json, shipping zone and localization
@@ -4129,14 +4132,14 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId,
         logError('Could not update cart total without checkout session id');
         return false;
     }
-    const { json } = await stripeStoreUpdateCheckoutSession({
+    const { errors, json } = await stripeStoreUpdateCheckoutSession({
         currency,
         id: cartStore.checkoutSessionId,
         itemsAmount,
         landedCostId,
         presentmentCountryCode: localizationStore.selectedCountryCode,
     });
-    if (!json) {
+    if (errors.length > 0 || !json) {
         // do nothing if we can't get checkout session
         logError('Error occurs when updating checkout session');
         cartStoreUpdateToErrorState({
@@ -4346,11 +4349,26 @@ const calculateLandedCost = async (abortController) => {
     return json;
 };
 
+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, }) => {
     switch (theme) {
         default:
             return {
                 '.Input': {
+                    boxShadow: 'none',
                     // need to reset everything and the paddingTop to default, otherwise the paddingTop will not be updated.
                     padding: '0',
                     paddingBottom: '8px',
@@ -4359,6 +4377,9 @@ const addressRuleStyle = ({ theme, }) => {
                     // any value here will be add up to the default paddingTop (20px).
                     paddingTop: '6px',
                 },
+                '.Input:focus': {
+                    boxShadow: 'none',
+                },
             };
     }
 };
@@ -4425,6 +4446,17 @@ const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryC
         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;
@@ -4526,12 +4558,18 @@ const stripeStorePrefetchLandedCost = async () => {
         try {
             const abortController = new AbortController();
             stripeStore.fetchingLandedCostAbordController = abortController;
-            const { checkoutSessionWorkflow, shipmentRatingCalculateWorkflow } = await calculateLandedCost(abortController);
+            const { checkoutSessionWorkflow, 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.filter(Boolean)) || null;
+                (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)) || null;
             cartStore.shippingData =
                 (shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || null;
             // apply new subtotal and total, this is mainly to show items in the presentment currency
@@ -4616,7 +4654,11 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     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 };
+    return {
+        error: isError,
+        messages,
+        paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
+    };
 };
 const stripeStoreConfirmPayment = async () => {
     var _a, _b, _c;
@@ -4717,4 +4759,4 @@ onChange('clientSecret', clientSecret => {
     }
 });
 
-export { currencyDisplay as A, currencyConvertAndFormat as B, currencyConvert as C, currencyFormat as D, stripeStorePrefetchLandedCost as a, localizationStore as b, cartStore as c, log as d, cartStoreUpdateItems as e, cartStoreReset as f, stripeStoreInitCheckoutSession as g, cartStoreUpdateToErrorState as h, initStripeElements as i, cartStoreNextStep as j, stripeStoreConfirmPayment as k, logError as l, stripeStoreReset as m, cartStorePreviousStep as n, handleFetch as o, stripeStoreRetrievePayment as p, localizationStoreUpdateSelectedLocale as q, cartStoreUpdateSelectedShippingOption as r, stripeStore as s, translate as t, cartStoreGetShippingTransitInfo as u, isValidSelector as v, initLocalizationStore as w, localizationStoreUpdateSelectedCountryCode as x, getZCountryUrlParam as y, setZCountryUrlParam as z };
+export { initLocalizationStore as A, getZCountryUrlParam as B, setZCountryUrlParam as C, currencyDisplay as D, currencyConvertAndFormat as E, currencyConvert as F, currencyFormat as G, stripeStorePrefetchLandedCost as a, localizationStore 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, stripeStoreInitCheckoutSession as m, cartStoreUpdateToErrorState as n, cartStoreNextStep as o, stripeStoreConfirmPayment as p, stripeStoreReset as q, cartStorePreviousStep as r, stripeStore as s, translate as t, handleFetch as u, stripeStoreRetrievePayment as v, localizationStoreUpdateSelectedLocale as w, cartStoreUpdateSelectedShippingOption as x, cartStoreGetShippingTransitInfo as y, isValidSelector as z };

package/dist/components/trackConversionEvent.js

@@ -0,0 +1,24 @@
+import { u as handleFetch, b as localizationStore } from './stripe.js';
+import { z as zonosStore } from './zonosStore.js';
+
+const trackConversionEvent = async (eventName, metadata) => {
+    // If a Zonos domain, we don't want analytics to be tracked
+    if (window.location.href.includes('zonos.com')) {
+        return;
+    }
+    const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/track-conversion-event`;
+    const countryCode = localizationStore.selectedCountryCode;
+    const organizationId = zonosStore.organizationId;
+    const body = {
+        countryCode,
+        eventName,
+        metadata,
+        organizationId,
+    };
+    await handleFetch(url, {
+        body,
+        method: 'POST',
+    });
+};
+
+export { trackConversionEvent as t };