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

package/dist/cjs/{cart-941a31dd.js → cart-72b0bccc.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-7c6205ca.js');
+const logError = require('./logError-4e2f2020.js');
 const isDarkColor = require('./isDarkColor-b0393089.js');
 const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
 
@@ -5745,60 +5746,6 @@ 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) => {
-    log(message, 'error', ...rest);
-};
-
 const getCountryLandedCost = async (countryCode) => {
     var _a;
     if (!countryCode) {
@@ -5807,7 +5754,7 @@ const getCountryLandedCost = async (countryCode) => {
     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}`);
+        logError.logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return null;
     }
     return json || null;
@@ -5822,7 +5769,7 @@ const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCu
     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}`);
+        logError.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;
@@ -5839,7 +5786,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) {
-        logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
+        logError.logError('Error fetching exchange rate', (_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message);
         return [];
     }
     return json.locale_countryCodesPage;
@@ -5883,7 +5830,7 @@ const getShippingZones = async () => {
     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}`);
+        logError.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);
@@ -5960,12 +5907,12 @@ const isValidSelector = (selector) => {
 const getCurrencyElements = (selector) => {
     const currencySelector = selector || '.money';
     if (!isValidSelector(currencySelector)) {
-        logError(`Currency element selector "${currencySelector}" is not valid.`);
+        logError.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');
+        logError.log(`No currency elements found with selector "${currencySelector}"`, 'warn');
         return null;
     }
     // return array of currency elements instead of a NodeList
@@ -6020,7 +5967,7 @@ const defaultCurrencyConverter = () => {
         return;
     }
     if (!localizationStore.exchangeRate) {
-        logError('Could not display currency. Exchange rate and format data is not available.');
+        logError.logError('Could not display currency. Exchange rate and format data is not available.');
         return;
     }
     currencyElements.forEach((element) => {
@@ -6063,7 +6010,11 @@ const setZCountryUrlParam = (selectedCountryCode) => {
     const urlSearchParams = new URLSearchParams(window.location.search);
     urlSearchParams.set('zCountry', selectedCountryCode);
     const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
-    window.history.replaceState({}, '', newUrl);
+    /**
+     * Setting the state to null in window.history.replaceState can cause issues with rendering when using next/link and pressing the back button.
+     * @ref https://github.com/vercel/next.js/issues/33233#issuecomment-1052349396
+     **/
+    window.history.replaceState(window.history.state, document.title, newUrl);
 };
 
 const { onChange: localizationStoreOnUpdate, state: localizationStore } = zonosStore.createStore({
@@ -6105,7 +6056,7 @@ const startExchangeRateTimeout = ({ isGuaranteed, maxAge, }) => {
     }, maxAgeToUse * 1000);
 };
 const getNewLocalization = async () => {
-    log('get new localization store');
+    logError.log('get new localization store');
     const { isShippableCountry, selectedCountryCode } = localizationStore;
     if (zonosStore.zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
         !isShippableCountry ||
@@ -6143,7 +6094,7 @@ const getOverrideLocale = () => {
 };
 const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     var _a, _b;
-    log('update selected country code');
+    logError.log('update selected country code');
     localizationStore.selectedCountryCode = newSelectedCountryCode;
     const { selectedCountryCode, shippingZoneCountries } = localizationStore;
     const isShippableCountry = shippingZoneCountries &&
@@ -6151,7 +6102,7 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
         !!shippingZoneCountries[selectedCountryCode];
     // update shippable country
     localizationStore.isShippableCountry = !!isShippableCountry;
-    log(`Is shippable country: ${localizationStore.isShippableCountry}`);
+    logError.log(`Is shippable country: ${localizationStore.isShippableCountry}`);
     if (!selectedCountryCode) {
         return;
     }
@@ -6223,7 +6174,7 @@ const updateCheckoutSessionLanguage = async () => {
         method: 'POST',
     });
     if (errors.length || !json) {
-        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
+        logError.logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
         return { errors, json };
     }
     return { errors: [], json };
@@ -6568,7 +6519,7 @@ const initStripeElements = async (props) => {
     var _a, _b;
     const clientSecret = stripeStore.clientSecret;
     if (!stripeStore.stripe) {
-        log('Skip. Stripe is not initialized');
+        logError.log('Skip. Stripe is not initialized');
         return;
     }
     if (clientSecret) {
@@ -6588,11 +6539,11 @@ const initStripeElements = async (props) => {
             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');
+            logError.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');
+            logError.log('Stripe elements for billing address initialized');
             return;
         }
         if (!isSameOptions) {
@@ -6603,7 +6554,7 @@ const initStripeElements = async (props) => {
             // save stripe elements options for later comparison
             stripeStore.stripeElementsOptions = stripeOptions;
         }
-        log('Stripe elements initialized');
+        logError.log('Stripe elements initialized');
     }
 };
 const stripeStoreReset = () => {
@@ -6718,7 +6669,7 @@ const stripeStorePrefetchLandedCost = async () => {
             // default to empty array if we fail to fetch landed cost, so we can show the error message
             cartStore.landedCostData = [];
             cartStore.shippingData = [];
-            logError(err);
+            logError.logError(err);
         }
         stripeStore.isFetchingLandedCost = false;
     }
@@ -6776,7 +6727,7 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     }
     const clientSecret = _clientSecret || stripeStore.clientSecret;
     if (!stripeStore.stripe || !clientSecret) {
-        logError('Failed to retrieve payment intent. Stripe is not initialized');
+        logError.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);
@@ -6829,7 +6780,7 @@ 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');
+        logError.logError('Fail to create checkout session - invalid total or currency');
         return false;
     }
     stripeStore.isFetchingSession = true;
@@ -6846,7 +6797,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
+        logError.logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;
@@ -6854,8 +6805,8 @@ const stripeStoreInitCheckoutSession = async () => {
     // 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');
+    logError.log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
+    logError.log('done-init-checkout-session');
     return true;
 };
 /**
@@ -6875,7 +6826,7 @@ const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, lan
         method: 'POST',
     });
     if (errors.length || !json) {
-        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
+        logError.logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
         return { errors, json };
     }
     return { errors: [], json };
@@ -6969,7 +6920,7 @@ const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList
         method: 'POST',
     });
     if (errors.length || !json) {
-        logError('Error occurs when translating address to latin', JSON.stringify(errors, null, 2));
+        logError.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: {},
@@ -7108,7 +7059,7 @@ const getMatchItem = ({ item1, item2, }) => {
  * Check and set restricted items in cart
  */
 const cartStoreCheckItemRestrictions = (itemsWorkflow) => {
-    log('Checking item restrictions');
+    logError.log('Checking item restrictions');
     const mappedRestrictedItems = itemsWorkflow
         .map(item => {
         if (!item.restriction) {
@@ -7164,11 +7115,11 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId,
         // 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);
+        logError.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');
+        logError.logError('Could not update cart total without checkout session id');
         return false;
     }
     const { errors, json } = await stripeStoreUpdateCheckoutSession({
@@ -7180,7 +7131,7 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, landedCostId,
     });
     if (errors.length > 0 || !json) {
         // do nothing if we can't get checkout session
-        logError('Error occurs when updating checkout session');
+        logError.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"),
@@ -7193,7 +7144,7 @@ const cartStoreReCalculateTotal = async ({ currency, itemsAmount, 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);
+        logError.log('Exchange rate updated for cart items (checkout session update)', 'info', cartStore.exchangeRate);
     }
     return true;
 };
@@ -7319,8 +7270,6 @@ exports.localizationStore = localizationStore;
 exports.localizationStoreOnUpdate = localizationStoreOnUpdate;
 exports.localizationStoreUpdateSelectedCountryCode = localizationStoreUpdateSelectedCountryCode;
 exports.localizationStoreUpdateSelectedLocale = localizationStoreUpdateSelectedLocale;
-exports.log = log;
-exports.logError = logError;
 exports.setZCountryUrlParam = setZCountryUrlParam;
 exports.stripeStore = stripeStore;
 exports.stripeStoreCleanupDomesticShippingSession = stripeStoreCleanupDomesticShippingSession;