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

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"confirmDialogOpen":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link.cjs",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo.cjs",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text.cjs",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2.cjs",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-input.cjs",[[1,"zonos-input",{"inputValue":[1,"input-value"],"inputLabel":[1,"input-label"],"inputSize":[1,"input-size"],"isDisabled":[4,"is-disabled"],"isError":[4,"is-error"],"inputPlaceholder":[1,"input-placeholder"],"value":[32]},null,{"inputValue":["onInputValueChange"]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3.cjs",[[17,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"withBoxShadow":[4,"with-box-shadow"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-select-dialog-header_2.cjs",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2.cjs",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-flag.cjs",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-country-select_3.cjs",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_8.cjs",[[1,"zonos-address-update-dialog",{"continueLoading":[4,"continue-loading"],"dialogLoading":[4,"dialog-loading"],"dialogOpen":[4,"dialog-open"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"shippingAddress":[16],"billingAddress":[16],"translatedShippingAddress":[16],"translatedBillingAddress":[16],"showErrorBanner":[32],"translatedShippingAddressState":[32],"translatedBillingAddressState":[32]},null,{"translatedShippingAddress":["watchTranslatedShippingAddress"],"translatedBillingAddress":["watchTranslatedBillingAddress"]}],[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]},[[1,"click","onClick"]]],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"defaultEmail":[1,"default-email"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"minHeight":[1,"min-height"],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"],[4,"keydown","handleKeyDown"]]],[1,"zonos-address-display",{"currentAddress":[16],"addressType":[1,"address-type"]}],[1,"zonos-address-form",{"currentAddress":[16],"translatedAddress":[16],"addressType":[1,"address-type"],"localAddress":[32]},null,{"translatedAddress":["watchCurrentAddress"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_11.cjs",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"defaultAddress":[16],"showErrorBanner":[32],"shippingCountry":[32],"isCheckingForRestrictedItems":[32],"isValidatingAddress":[32],"invalidShippingCharacterList":[32],"invalidBillingCharacterList":[32],"openAddressValidationDialog":[32]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[32]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"showErrorBanner":[32],"serviceLevels":[32]}],[1,"zonos-cart-restricted-items",{"hide":[4],"errorImages":[32],"internalCollapsed":[32],"firstRender":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-confirm-dialog",{"dialogTitle":[1,"dialog-title"],"dialogIntent":[1,"dialog-intent"],"dialogSubtitle":[1,"dialog-subtitle"],"submitBtnColor":[1,"submit-btn-color"],"dialogConfirmBtnText":[1,"dialog-confirm-btn-text"],"dialogCancelBtnText":[1,"dialog-cancel-btn-text"],"isMobile":[4,"is-mobile"],"dialogOpen":[4,"dialog-open"],"noClickOutside":[4,"no-click-outside"]},[[4,"keydown","handleKeyDown"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
+  return index.bootstrapLazy([["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"confirmDialogOpen":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]},[[8,"locationchange","handleLocationChange"]]]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link.cjs",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo.cjs",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text.cjs",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2.cjs",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-input.cjs",[[1,"zonos-input",{"inputValue":[1,"input-value"],"inputLabel":[1,"input-label"],"inputSize":[1,"input-size"],"isDisabled":[4,"is-disabled"],"isError":[4,"is-error"],"inputPlaceholder":[1,"input-placeholder"],"value":[32]},null,{"inputValue":["onInputValueChange"]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3.cjs",[[17,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"withBoxShadow":[4,"with-box-shadow"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-select-dialog-header_2.cjs",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2.cjs",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-flag.cjs",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-country-select_3.cjs",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_8.cjs",[[1,"zonos-address-update-dialog",{"continueLoading":[4,"continue-loading"],"dialogLoading":[4,"dialog-loading"],"dialogOpen":[4,"dialog-open"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"shippingAddress":[16],"billingAddress":[16],"translatedShippingAddress":[16],"translatedBillingAddress":[16],"showErrorBanner":[32],"translatedShippingAddressState":[32],"translatedBillingAddressState":[32]},null,{"translatedShippingAddress":["watchTranslatedShippingAddress"],"translatedBillingAddress":["watchTranslatedBillingAddress"]}],[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]},[[1,"click","onClick"]]],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"defaultEmail":[1,"default-email"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"minHeight":[1,"min-height"],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"],[4,"keydown","handleKeyDown"]]],[1,"zonos-address-display",{"currentAddress":[16],"addressType":[1,"address-type"]}],[1,"zonos-address-form",{"currentAddress":[16],"translatedAddress":[16],"addressType":[1,"address-type"],"localAddress":[32]},null,{"translatedAddress":["watchCurrentAddress"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_11.cjs",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"defaultAddress":[16],"showErrorBanner":[32],"shippingCountry":[32],"isCheckingForRestrictedItems":[32],"isValidatingAddress":[32],"invalidShippingCharacterList":[32],"invalidBillingCharacterList":[32],"openAddressValidationDialog":[32]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[32]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"showErrorBanner":[32],"serviceLevels":[32]}],[1,"zonos-cart-restricted-items",{"hide":[4],"errorImages":[32],"internalCollapsed":[32],"firstRender":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-confirm-dialog",{"dialogTitle":[1,"dialog-title"],"dialogIntent":[1,"dialog-intent"],"dialogSubtitle":[1,"dialog-subtitle"],"submitBtnColor":[1,"submit-btn-color"],"dialogConfirmBtnText":[1,"dialog-confirm-btn-text"],"dialogCancelBtnText":[1,"dialog-cancel-btn-text"],"isMobile":[4,"is-mobile"],"dialogOpen":[4,"dialog-open"],"noClickOutside":[4,"no-click-outside"]},[[4,"keydown","handleKeyDown"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/logError-4e2f2020.js

@@ -0,0 +1,58 @@
+'use strict';
+
+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);
+};
+
+exports.log = log;
+exports.logError = logError;

package/dist/cjs/{submitGtag-9210b4fe.js → submitGtag-b0c8de90.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-const cart = require('./cart-941a31dd.js');
+const cart = require('./cart-72b0bccc.js');
 const zonosStore = require('./zonosStore-7c6205ca.js');
+const logError = require('./logError-4e2f2020.js');
 
 const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;
@@ -74,7 +75,7 @@ const submitGtag = (event) => {
         return;
     }
     if (typeof window.gtag === 'function') {
-        cart.log('Zonos submits gtag event', 'log', event);
+        logError.log('Zonos submits gtag event', 'log', event);
         window.gtag('event', event, {});
     }
 };

package/dist/cjs/zonos-address_8.cjs.entry.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-941a31dd.js');
+const cart = require('./cart-72b0bccc.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
+const logError = require('./logError-4e2f2020.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const zonosStore = require('./zonosStore-7c6205ca.js');
 const classes = require('./classes-b7918f56.js');
@@ -61,7 +62,7 @@ const ZonosAddress = class {
         this.stripe = window.Zonos.stripe;
         const { stripeAddressEventData, stripeElements } = this.getStripeAddressInstance();
         if (!this.stripe || !stripeElements) {
-            cart.logError("Stripe is not initialized. Couldn't load stripe element.");
+            logError.logError("Stripe is not initialized. Couldn't load stripe element.");
             return;
         }
         const phone = (_a = this.defaultAddress) === null || _a === void 0 ? void 0 : _a.phone;
@@ -146,7 +147,7 @@ const ZonosAddress = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '77cf6085adb67da95283000b857a9252215c71cd', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '30aff37f04ef04ce4c062d52c78286b362469894', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '599e73e5d3f88cba12a7fc72abc3e575eb3eb777', class: "zonos--address-component" })));
+        return (index.h(index.Host, { key: '9ef595622320579d43ac54bdfdf0e8a24ab5132b', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '82925c3c426f384a266cfe62c2899d1ec30d0920', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'bb3b99783a75434a5a7cc6856ccf9218f1cfd212', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -445,14 +446,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: 'be29586ffd5ae5227614622cfb402686ff5e0583', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: '8a1adb8ba23d34a7730e5b5a81bc6b5ada58cb83', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--background-color': backgroundColor,
                 '--border-radius': borderStyle,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 '--size': `${this.size}px`,
-            } }, index.h("label", { key: '091c2388668a94962d7b2bde4496856805f675e8', class: classes.classes([this.isDisabled && 'disabled']) }, index.h("input", { key: 'c0f66d11f63591b03631cb1c970c0db201d435e2', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
+            } }, index.h("label", { key: 'e954bcef9e021bfbb98031f030542a89d8faf0f3', class: classes.classes([this.isDisabled && 'disabled']) }, index.h("input", { key: '17788f6c205a139dde1b42cc91579d0975233e77', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), index.h("span", { key: 'ab6c4847d006a812829bd8e871520455da91c7b0', class: "checkmark-container" }, index.h("svg", { key: '617693bef302910db463cdf95b10700b72ea8d44', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '410728b7d5edf27966e660e598f166ce8292015e', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: '1b9a21e7ef15ad34684453bc25cb3744ba183cd0', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '589486a19b7b0b42ce8eabd2230a8b4620ca3216', class: "checkmark-container" }, index.h("svg", { key: 'd56ce06c20e0c3460b6222d323d0a17059147157', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '5e6af8d520bcb7c3b0fe2891ce0c2e783976b501', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: '18c5a586756ddc0808c05f305c89dbb07f1b7d16', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -502,10 +503,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (index.h(index.Host, { key: '514e75d41d29d70b4ca60230288ae183200b1e12', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: 'c268257dcef8e8def5e34bf5b3ea432136c06d6a', class: 'zonos--elements zonos--collapse', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: '068aee1d13bde4c83ea8582b34844da7452c907c' }, index.h("iframe", { key: 'b22fd8ad898a098c244cb817dc6951854505efca', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: 'b54783376005085e379c7b8d43218ead1bf8e8ac' }))));
+            } }, index.h("div", { key: 'ea4abe6a03ffed6f4fd1248e668d123c1a8cef77' }, index.h("iframe", { key: 'dc010404892272fece7a913149e75171bb6e786c', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: 'c9dc7dd83363211d249ee417111f3a36057f0af0' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -572,7 +573,7 @@ const ZonosDialog = class {
         const borderStyle = getBorderRadius.getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: 'b27bdee33f67e2209dfbd9621b95633f4af726b2', class: classes.classes([
+        return (index.h(index.Host, { key: 'fe812c0c5a81b0b09ad6e0b554d036711e12c0ed', class: classes.classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -584,10 +585,10 @@ const ZonosDialog = class {
                 '--height': this.height || 'initial',
                 '--min-height': this.minHeight || '500px',
                 '--width': this.width,
-            } }, index.h("div", { key: 'ca94e3347d10460973663685d9b8c0048418cb86', class: "zonos--backdrop" }), index.h("div", { key: 'e766937dc1899141ed7beb07e9f13a60066880a1', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, index.h("div", { key: '41c43bb5cf011a3a810c6116c4300ad7a713c787', class: "zonos--dialog" }, this.isLoading && (index.h("div", { key: '5ca28c9f3b1f6f0742484ef5414ba60f16e1faa7', class: "zonos--loading" }, index.h("zonos-spinner", { key: 'e0131cd9fd3fa7a9c502e7a55b75b8c76be86fc3', size: 30 }))), (this.headerText || !this.noCloseButton) && (index.h("div", { key: '2ef2237cb4518980eb3a5c97cc1a1ea2c87444be', class: "zonos--header" }, this.headerText && (index.h("h3", { key: '751e1be4417cc733dffa8a683d3f4c8774ee83f5', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (index.h("zonos-button", { key: '720f9250c88e0097d839276ab0d2319e31fc170b', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), index.h("div", { key: 'd64547b7d802a4b14e64454ae329dbb6d88f1cfd', class: classes.classes([
+            } }, index.h("div", { key: 'aaa10008c2eecf00efc29124448d2cbc8567f440', class: "zonos--backdrop" }), index.h("div", { key: 'b45a8f56ed413a7cb935d84b342d2ac50812ba6b', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, index.h("div", { key: '80d2312742cfa766e171f1e3d79aba9df26bcba5', class: "zonos--dialog" }, this.isLoading && (index.h("div", { key: 'f35bfdd001b0687d683b7d416c812035bd1bcb10', class: "zonos--loading" }, index.h("zonos-spinner", { key: 'df7e9af43340ce3e1ca66126c0d68a6950cad9e7', size: 30 }))), (this.headerText || !this.noCloseButton) && (index.h("div", { key: '8248f4104881ee8c3d3202b1bbc07f7b969d86f5', class: "zonos--header" }, this.headerText && (index.h("h3", { key: '88620497b42f82f122b8e1c675490e566da27af6', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (index.h("zonos-button", { key: '9b17424799dbb772b51a87f246285642ec621f0b', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), index.h("div", { key: '904ba64d8c82826baffed469f5b09ef7189c4aff', class: classes.classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, index.h("slot", { key: '96d1683414cc4a947a36c6ae28e5afb781be4dae' })), index.h("slot", { key: '06b8ff1ad17f74e28fc4980fbc4594dde5e4573f', name: "dialog-footer" })))));
+            ]) }, index.h("slot", { key: '24f85c3c84100217db0866a10d6f3443b64c39d2' })), index.h("slot", { key: 'aabf202487d080a8277aeb641b602cf507a39061', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -619,7 +620,7 @@ const ZonosLinkAuthentication = class {
             });
         const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
         if (!linkAuthenticationElementContainer) {
-            cart.logError('Cannot find container element for linkAuthenticationElement');
+            logError.logError('Cannot find container element for linkAuthenticationElement');
             return;
         }
         linkAuthenticationElement.mount(linkAuthenticationElementContainer);

package/dist/cjs/zonos-badge_2.cjs.entry.js

@@ -20,16 +20,16 @@ const ZonosBadge = class {
         this.rounded = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'c68ba6ef2bcb35c94ecf2b11379be748aa998198', class: classes.classes(['zonos--elements zonos--badge']), style: {
+        return (index.h(index.Host, { key: '6abf1f29bb6368710b45414baca9643421de2643', class: classes.classes(['zonos--elements zonos--badge']), style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '7f200effb42296a21829c292101ef3300b041327', class: classes.classes([
+            } }, index.h("div", { key: 'fb0b246a59f0350313673d4430ac4f2bcd9d6b80', class: classes.classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, index.h("zonos-text", { key: '4358e95cb29ec6a82e32213b268612aadf8772c6' }, index.h("slot", { key: 'ab76831e3691a896179e06896d33ed771e4bbdf9' })))));
+            ]) }, this.icon, index.h("zonos-text", { key: '2d6024af48ce0e082d3a1332794978cfd42793d6' }, index.h("slot", { key: '9cb7e771b0a949b912c6fa5946018cbf072ed018' })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;

package/dist/cjs/zonos-button_3.cjs.entry.js

@@ -118,12 +118,12 @@ const ZonosButton = class {
         const spinnerColor = backgroundActualColor && isDarkColor.isDarkColor(backgroundActualColor)
             ? 'white'
             : 'black';
-        return (index.h(index.Host, { key: '6e361b1a80fd43a72a99a8201ca5d7cb86404656', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (index.h(index.Host, { key: '00d085d600a759366f4a2de8617d81831c0ce16b', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': overrideBackground,
                 '--border-radius': borderStyle,
                 '--color': contrastColor,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            }) }, index.h("button", { key: 'fd4335b2d9bfe74b509f1355fa620dc4c53f58c6', class: classes.classes([
+            }) }, index.h("button", { key: 'b79ffdb0212630598e95f07059bb3b41049cff47', class: classes.classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -137,7 +137,7 @@ const ZonosButton = class {
                 overrideBackground &&
                     variant === 'standard' &&
                     'override-background',
-            ]), disabled: disabled }, this.loading && (index.h("div", { key: '7b37a1d30604de0d9e1f5d07bf6034724dcd8875', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: 'e4e3cbda9ae02c2ac9a7c17767bda93076ea67ad', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: 'e9b7287f2c4d9143f04103fe43d3f4dfd669341e', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            ]), disabled: disabled }, this.loading && (index.h("div", { key: '4462430185736b45b11bd18f08d1e3c6177f192f', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: 'c866ff989b95929e8d6a44d950dc943531f1dc0c', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: 'a57d0b3924eef51bf3938261c8d823e9d8aa0206', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return index.getElement(this); }

package/dist/cjs/zonos-card_2.cjs.entry.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b071017b.js');
 const zonosStore = require('./zonosStore-7c6205ca.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-941a31dd.js');
+const cart = require('./cart-72b0bccc.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
+require('./logError-4e2f2020.js');
 require('./isDarkColor-b0393089.js');
 require('./getBorderRadius-bcb309a8.js');
 
@@ -24,12 +25,12 @@ const ZonosCard = class {
         this.spacing = '24px';
     }
     render() {
-        return (index.h(index.Host, { key: '206169280db67be5e74382c5beccfad87ec9068a', style: {
+        return (index.h(index.Host, { key: '0e52ca31db6c2f956da1910d6e0a222b588c1bcc', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '4a1c7eab9b5420295ce3ec30cfd59985be35d912', class: classes.classes(['styled-card']), style: { padding: this.spacing } }, this.label && (index.h("header", { key: '75454e5d9eacdfdf842a9a220deab467625e497b', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: 'bc9c7d3500cef41237dbe53f27ab398103be55dd', type: "subheader" }, this.label), index.h("h-stack", { key: '29d68a483bfc61ddfb9deeb63272a8221759513c', spacing: 8 }, this.actions))), index.h("slot", { key: '0ad416c6cdb0b1fc2c922b8569cf35a4009263cc' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: '469110ce0f0f81cbee4ef67e79d3be17933bcf2e', class: "card-footer", style: {
+            } }, index.h("div", { key: '69f391d821f88cbee4b0c586a8323b1dd68d7fd3', class: classes.classes(['styled-card']), style: { padding: this.spacing } }, this.label && (index.h("header", { key: '4568a1d7c354830e6e65e31b20b38140aaab9d01', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: 'e0a6b7a3776916f8208c27373878041807d91960', type: "subheader" }, this.label), index.h("h-stack", { key: 'c5f8d01b2f477b16ab9387081987eae64b156e76', spacing: 8 }, this.actions))), index.h("slot", { key: '6001acfaae8ba37456a7c23bae5c44a91da074f9' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: '78b926a323a5f1375c8120d5aa8b1ab2a4f3fa4a', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, index.h("div", { key: '9044d9f3c81935119f668deb188f16cb1cb243bb' }, this.footerContent), index.h("h-stack", { key: '3f258ed6b07b8973b0bf753c7ab6427d67bf210c', spacing: 8 }, this.footerActions))))));
+            } }, index.h("div", { key: '2bd0c86b75096c2ee786d4a9b16a3d6e385fbbf1' }, this.footerContent), index.h("h-stack", { key: '7a3f840ac9678a905338a99b8327115bc8199789', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;
@@ -55,9 +56,9 @@ const ZonosLanguageSelect = class {
     }
     render() {
         const { selectedLocale } = cart.localizationStore;
-        return (index.h(index.Host, { key: 'e719b6e5e5d52ec572525ba02c78989bfe6c6b91', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '34580123b768ce983c0c9c6fa309bdb1d6756a5a', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '5a2d7fe751fe92455f7e56bf02360ef9992baffb', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: 'b37d91ffc91949aac8dda2d2ec94acbdfadfcdf4', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a language') }), index.h("div", { key: '881a00e8bd3e4358a5c1784bd957a81917863134', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, index.h("div", { key: '6e86352a45b5d9ad0e5ed5dac330367a49a6c6fe', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: 'd5b55cbb2858a2c0a6aa6ce0ea0d50eecc7360e8', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a language') }), index.h("div", { key: 'c9aeb075428357c4cb15d9a2b09df7c8d6b01b11', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
 };
 ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;

package/dist/cjs/zonos-cart-items_11.cjs.entry.js

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-941a31dd.js');
+const cart = require('./cart-72b0bccc.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-7c6205ca.js');
-const submitGtag = require('./submitGtag-9210b4fe.js');
+const submitGtag = require('./submitGtag-b0c8de90.js');
 const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
 const isDarkColor = require('./isDarkColor-b0393089.js');
 const isColorVariable = require('./isColorVariable-6f5a9608.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
+require('./logError-4e2f2020.js');
 
 const formatCurrency = ({ amount, currency, showCurrencyText, }) => showCurrencyText
     ? `${new Intl.NumberFormat('en-US', {
@@ -334,11 +335,11 @@ const ZonosCheckoutFinish = class {
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (index.h(index.Host, { key: '5ff65f7e0c06f41df8aae634bdfc5d6c249066e3', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '1e4627e936e0508761c12d842523adb51d3c797e', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (index.h("div", { key: '90a55566440c372885ecfd0d4ec1ceaca61d5169', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '814fcab377f26107b42d431a9bd89cb415ea2aba' }))), !this.isLoading && (index.h(index.Fragment, null, index.h("div", { key: '5f0af17eadfad44a28b7a3cab861630aab10ea46', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: 'cb98643270b2faf2522437d653251b7a1b520d8c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '24b040b053da852c0e6d9e76532647d7f4ec3d7a' }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: '664c02f338ef2020fed645c759cfa70fcd1edb97', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, cart.translate('Keep shopping')))))));
+            } }, this.isLoading && (index.h("div", { key: '4d3be87aec252946c5b6fb516c882830232a83e5', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '25e9bafaaebed75582efd936c57121921c8f2f8a' }))), !this.isLoading && (index.h(index.Fragment, null, index.h("div", { key: '49c211db17af433b3936e69722c3c76c9197c170', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '4cb90069dcf385886cb9235ee0854d63781e4452', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '8e16be3b15d7fba7b697ba9ed41332c9794f3551' }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: 'e1bfacd92d36c303defc464c7eaf10b8853175c1', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, cart.translate('Keep shopping')))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -525,17 +526,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: '5079903c5c31395bc5c92a4542d1f7ae78dc34b2', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '1c51be111b22f45ad33d430dc4d0a250f8e4d911', class: "zonos--elements", style: {
                 '--color': contrastLabelColor,
                 '--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: 'fabfe8836c827910907c4bceb6f99d65492b440b', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: '01e24d42123318aa23982e742b5f2053f5b5392d', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cart.cartStore.step = tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, cart.translate(tab.label))));
-        })), index.h("div", { key: 'cfb1c57fadb793f5db34d02e48f3fe4c3a93a043', class: "zonos--tab-progress" }, index.h("div", { key: 'd02dd1cc3a5e5b7bc8395038e1cd75cb07104072', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: '55832cb123f7efa019ccddfe6bd82938d9f02206', class: "zonos--tab-progress" }, index.h("div", { key: '15fd9749c64530f09854a297cbc35fe97d3398e3', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -635,12 +636,12 @@ const ZonosConfirmDialog = class {
         const borderStyle = getBorderRadius.getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = zonosStore.getZonosStoreTheme(zonosStore.zonosStore.appearance.theme);
-        return (index.h(index.Host, { key: '9adab1c77e8087cfbb92a52e66d12f1b1917bf7e', class: classes.classes([this.dialogOpen && 'open', 'zonos--elements']), "data-theme": theme, style: {
+        return (index.h(index.Host, { key: 'e52030ffc052c699daa87c5b62ee8b44ddad7f7f', class: classes.classes([this.dialogOpen && 'open', 'zonos--elements']), "data-theme": theme, style: {
                 '--border-radius': borderStyle,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'c5b40120ff7b3c4684eb65fb5ef6f8ffa157f98f', class: "zonos--backdrop", tabIndex: -1 }), index.h("div", { key: 'c7cf4d2839cb42a064b4303bdefdfe4fed116b2a', "aria-hidden": "true", class: classes.classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, index.h("div", { key: '30256495401f4967371e923055dfe9efed8cb6b7', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, index.h("div", { key: 'a34d31946f198b2593f142b582aec18f69fe74c5', class: "zonos--backdrop", tabIndex: -1 }), index.h("div", { key: '2f3dfa27dfbfbc4080eb710dd3db530521b63d36', "aria-hidden": "true", class: classes.classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, index.h("div", { key: '8f61424a8899c81f9510deda0adc3ff3e2da102b', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, index.h("div", { key: '6121ab29b80d233f9ca47aaf66725fe91ae6827c', class: "wrapper" }, index.h("div", { key: '8fbb75eca3ee163b57c60159d5c5374382f3fa33', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: '56376add713778af1df087c0f9f4b8d90065caa2', class: "content" }, index.h("div", { key: '4f31ad7d42127c5350a64b86ae12fde42a350422', class: "title" }, index.h("zonos-text", { key: '7a5dc82d3f2250c1b3a3403e116736cedcf63f51', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: '87b04af2b1984a8cf205b6fa0acf0320f56342e7', class: "subtitle" }, index.h("zonos-text", { key: '53d0157655b1d8193a0f698e41442b676d9e0ca6', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: '4b410f4a4079a25549bef228c3b9a81a64fe20e2', class: "footer" }, index.h("zonos-button", { key: '5a8ffb99756bd142605c564df381bfb9e72d5d78', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText), index.h("zonos-button", { key: '61c2b8272202f316ec09441ab64428c557073c9d', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, index.h("div", { key: '2fca3f071d7f9d2af628d909770bb12a3acabfe2', class: "wrapper" }, index.h("div", { key: 'fed312e492a9fcac175a9cac7501255aeb975c10', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: '131651e201a8d6b2ee9e0c82bd1990bc9a8dc702', class: "content" }, index.h("div", { key: 'a42e1a9271bdfb9fba133e9af330bdb8b16be230', class: "title" }, index.h("zonos-text", { key: '91461b9e572e3eb0e6e8616612cce56cf723678f', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: 'fde989f7ef37692173c1476b5cfd98f6cc71bb6e', class: "subtitle" }, index.h("zonos-text", { key: '2e273099ff036b1aa62bba923fff696d1d291867', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: '3b7f50adf490388feb759f2e09a626ece5f29c20', class: "footer" }, index.h("zonos-button", { key: '9686f10d831470273543cf3b5217a8e59bb5160a', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText), index.h("zonos-button", { key: '3781a86d62efe11e8dc08886e3b4ad885c64776a', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-941a31dd.js');
+const cart = require('./cart-72b0bccc.js');
 const zonosStore = require('./zonosStore-7c6205ca.js');
-const submitGtag = require('./submitGtag-9210b4fe.js');
+const submitGtag = require('./submitGtag-b0c8de90.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
+const logError = require('./logError-4e2f2020.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-bcb309a8.js');
 const isDarkColor = require('./isDarkColor-b0393089.js');
@@ -169,7 +170,7 @@ const isShippableCountry = (showLog = true) => {
     if (!cart.localizationStore.isShippableCountry) {
         document.dispatchEvent(submitGtag.createCustomEvent('legacyCheckoutError', 'Unable to initiate checkout process in a country where shipping is not available'));
         if (showLog) {
-            cart.log(`Checkout: not shippable country`);
+            logError.log(`Checkout: not shippable country`);
         }
         return false;
     }
@@ -244,7 +245,7 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
                 stateOrProvince: (_b = formData.get('shippingAddress.stateOrProvince')) !== null && _b !== void 0 ? _b : formData.get('shippingAddress.stateOrProvinceCode'),
             };
             if (Object.values(shippingAddress).some(value => value === undefined || value === null)) {
-                cart.logError('One or more shipping address field is missing', Object.entries(shippingAddress));
+                logError.logError('One or more shipping address field is missing', Object.entries(shippingAddress));
                 void submitGtag.sendErrorLog({
                     endpoint: 'No endpoint, domestic checkout form missing fields',
                     errors: [
@@ -389,14 +390,14 @@ const ZonosCheckout = class {
             await cart.cartStoreUpdateItems(tempCartData);
         }
         else if (zonosStore.zonosStore.checkoutSettings.buildCartDetail) {
-            cart.log('build cart detail');
+            logError.log('build cart detail');
             const cartItems = await zonosStore.zonosStore.checkoutSettings.buildCartDetail();
             await cart.cartStoreUpdateItems(cartItems);
         }
         // if client secret doesn't exist, request a new one.
         if (!cart.stripeStore.clientSecret) {
             const success = await cart.stripeStoreInitCheckoutSession();
-            cart.log(`stripeStoreInitCheckoutSession: ${success}`);
+            logError.log(`stripeStoreInitCheckoutSession: ${success}`);
             if (!success) {
                 return false;
             }
@@ -407,7 +408,7 @@ const ZonosCheckout = class {
     }
     attachCheckout() {
         const buttonAnchorSelector = zonosStore.zonosStore.checkoutSettings.placeOrderButtonSelector;
-        cart.log(`attach checkout ${buttonAnchorSelector}`);
+        logError.log(`attach checkout ${buttonAnchorSelector}`);
         if (!buttonAnchorSelector) {
             // do nothing if button element is not found
             return;
@@ -428,7 +429,7 @@ const ZonosCheckout = class {
                 }
                 e.preventDefault();
                 e.stopPropagation();
-                cart.log('zonos checkout button clicked');
+                logError.log('zonos checkout button clicked');
                 // start loading
                 cart.stripeStore.isFetchingSession = true;
                 this.open = true;
@@ -583,14 +584,14 @@ const ZonosCheckout = class {
             cart.stripeStore.stripe = window.Zonos.stripe;
             this.stripe = window.Zonos.stripe;
             if (!this.stripe) {
-                cart.log('waiting for stripe to be loaded');
+                logError.log('waiting for stripe to be loaded');
                 return;
             }
             if (this.storybookPaymentStatusOverride) {
                 clearInterval(interval);
                 return;
             }
-            cart.log('init checkout');
+            logError.log('init checkout');
             if (this.preview || this.forceDialogOpen) {
                 void this.buildCartAndInit();
             }
@@ -652,7 +653,7 @@ const ZonosCheckout = class {
             cart.cartStoreNextStep();
         }
         catch (err) {
-            cart.logError(err);
+            logError.logError(err);
             this.paymentError = true;
         }
         this.submitLoading = false;
@@ -678,7 +679,11 @@ const ZonosCheckout = class {
         // Remove query parameters
         const cleanUrl = url.split('?')[0];
         // Update the URL without query parameters
-        window.history.replaceState({}, document.title, cleanUrl);
+        /**
+         * 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, cleanUrl);
         this.open = false;
         // Reload the page
         window.location.reload();
@@ -687,13 +692,13 @@ const ZonosCheckout = class {
         this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
         // apply theme to stripe elements
         void this.applyStripeTheme();
-        cart.log(`mobile: ${this.isMobile}`);
+        logError.log(`mobile: ${this.isMobile}`);
     }
     handleMobileChange() {
         this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
         // apply theme to stripe elements
         void this.applyStripeTheme();
-        cart.log(`mobile: ${this.isMobile}`);
+        logError.log(`mobile: ${this.isMobile}`);
     }
     handleAppearanceSettingsOverrideChange() {
         var _a;
@@ -712,7 +717,7 @@ const ZonosCheckout = class {
             // Update stripe locale when selected country code is changed
             void this.applyStripeTheme();
         });
-        cart.log(`mobile: ${this.isMobile}`);
+        logError.log(`mobile: ${this.isMobile}`);
     }
     // do clean up when component is unmounted
     disconnectedCallback() {