@zonos/elements 1.3.223 → 1.3.225

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-12e7e934.js');
-const translationStore = require('./translationStore-951ed4b4.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const localization = require('./localization-21030292.js');
+const translationStore = require('./translationStore-ce2c700d.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-12acedde.js');
-require('./handleFetch-45f35cac.js');
-require('./VarianceTest-0cb1e118.js');
+require('./handleFetch-954f30e1.js');
+require('./VarianceTest-bec00ea8.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const debounce = require('./debounce-465a4328.js');
-const localization = require('./localization-12e7e934.js');
-const translationStore = require('./translationStore-951ed4b4.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const debounce = require('./debounce-2c9f3f1e.js');
+const localization = require('./localization-21030292.js');
+const translationStore = require('./translationStore-ce2c700d.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-45f35cac.js');
+const handleFetch = require('./handleFetch-954f30e1.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./VarianceTest-0cb1e118.js');
+const VarianceTest = require('./VarianceTest-bec00ea8.js');
 
 const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
     var _a;
@@ -79,7 +79,7 @@ const getProductsOnPage = () => {
     var _a, _b;
     const { productAddToCartElementSelector, productDescriptionElementSelector, productTitleElementSelector, restrictionBehavior, } = zonosStore.zonosStore.helloSettings;
     if (!productTitleElementSelector || !productDescriptionElementSelector) {
-        handleFetch.log(`Hello could not check item restrictions - must provide title and description selectors.`);
+        VarianceTest.log(`Hello could not check item restrictions - must provide title and description selectors.`);
     }
     const titleNodes = (productTitleElementSelector &&
         localization.isValidSelector(productTitleElementSelector) &&
@@ -91,7 +91,7 @@ const getProductsOnPage = () => {
         [];
     if (titleNodes.length !== descriptionNodes.length) {
         // If the title and description selectors don't match, kill item restrictions altogether
-        handleFetch.log('Hello could not check item restrictions - Title and description selectors do not match');
+        VarianceTest.log('Hello could not check item restrictions - Title and description selectors do not match');
         return [];
     }
     const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';
@@ -102,7 +102,7 @@ const getProductsOnPage = () => {
         [];
     if (shouldDisableCart && cartButtonNodes.length !== descriptionNodes.length) {
         // If the "add to cart" selectors don't match, log the error and continue
-        handleFetch.log('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
+        VarianceTest.log('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
     }
     const mergedElements = [];
     for (let i = 0; i < titleNodes.length; i++) {
@@ -318,7 +318,7 @@ const ZonosHello = class {
             const { showForCountries } = zonosStore.zonosStore.helloSettings;
             if (showLog) {
                 if (!localization.localizationStore.isShippableCountry) {
-                    handleFetch.log(`Hello: not shippable country - Show for countries: ${showForCountries}`);
+                    VarianceTest.log(`Hello: not shippable country - Show for countries: ${showForCountries}`);
                 }
             }
             // if localization is loaded and the localization is not a shippable country, keep the original click event
@@ -380,7 +380,7 @@ const ZonosHello = class {
             return;
         }
         if (!localization.localizationStore.exchangeRate) {
-            handleFetch.log('Could not display currency. Exchange rate and format data is not available.', 'warn');
+            VarianceTest.log('Could not display currency. Exchange rate and format data is not available.', 'warn');
             return;
         }
         localization.currencyDisplay();
@@ -487,7 +487,7 @@ const ZonosHello = class {
         var _a, _b;
         const isExcludedUrl = (_a = zonosStore.zonosStore.helloSettings.excludedUrlPatterns) === null || _a === void 0 ? void 0 : _a.some(pattern => pattern && new RegExp(pattern).test(window.location.href));
         if (isExcludedUrl) {
-            handleFetch.log('Hello is excluded on this url', 'warn');
+            VarianceTest.log('Hello is excluded on this url', 'warn');
             return null;
         }
         const { selectedCountryCode, targetCurrency } = localization.localizationStore;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
-require('./VarianceTest-0cb1e118.js');
+const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
+require('./VarianceTest-bec00ea8.js');
 
 const zonosInputCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{margin:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
 const ZonosInputStyle0 = zonosInputCss;

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-12e7e934.js');
-const translationStore = require('./translationStore-951ed4b4.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const localization = require('./localization-21030292.js');
+const translationStore = require('./translationStore-ce2c700d.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-45f35cac.js');
-require('./VarianceTest-0cb1e118.js');
+require('./handleFetch-954f30e1.js');
+require('./VarianceTest-bec00ea8.js');
 
 const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
-require('./VarianceTest-0cb1e118.js');
+require('./VarianceTest-bec00ea8.js');
 
 const zonosLogoCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--zonos--filter-color);filter:var(--zonos--filter-color);width:var(--zonos--width)}";
 const ZonosLogoStyle0 = zonosLogoCss;

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
+const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-require('./VarianceTest-0cb1e118.js');
+require('./VarianceTest-bec00ea8.js');
 
 const zonosShippingRichRadioCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--zonos--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--zonos--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
 const ZonosShippingRichRadioStyle0 = zonosShippingRichRadioCss;

package/dist/cjs/zonos-stripe-input.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const helpers = require('./helpers-5bdbb68c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
-const isDarkColor = require('./isDarkColor-428965f4.js');
-require('./VarianceTest-0cb1e118.js');
+const getBorderRadius = require('./getBorderRadius-c7d9f676.js');
+const isDarkColor = require('./isDarkColor-994c38e4.js');
+require('./VarianceTest-bec00ea8.js');
 
-const zonosStripeInputCss = ".sc-zonos-stripe-input-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-stripe-input-h *.sc-zonos-stripe-input{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-stripe-input-h img.sc-zonos-stripe-input{max-width:100%}.sc-zonos-stripe-input-h dl.sc-zonos-stripe-input,.sc-zonos-stripe-input-h dd.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h1.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h2.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h3.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h4.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h5.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h6.sc-zonos-stripe-input,.sc-zonos-stripe-input-h hr.sc-zonos-stripe-input,.sc-zonos-stripe-input-h figure.sc-zonos-stripe-input,.sc-zonos-stripe-input-h p.sc-zonos-stripe-input,.sc-zonos-stripe-input-h pre.sc-zonos-stripe-input{margin:0}.sc-zonos-stripe-input-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-stripe-input-h{--zonos--background-color:#f1f1f1;--zonos--local-glowing-color:0 0 0 3px hsla(0, 0%, 100%, 25%),\n    0 0 0 1px var(--zonos--primary-color);--zonos--border:1px solid #e8e8e8}.dark.sc-zonos-stripe-input-h{color-scheme:dark;--zonos--background-color:#30313d;--zonos--local-glowing-color:0px 2px 4px rgba(0, 0, 0, 0.5),\n    0px 1px 6px rgba(0, 0, 0, 0.25), 0 0 0 3px hsla(0, 0%, 100%, 25%),\n    0 1px 1px 0 rgba(255, 255, 255, 0.12);--zonos--border:1px solid var(--zonos--primary-color)}.sc-zonos-stripe-input-h{margin:1px}.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;background:var(--zonos--background-color);border-radius:var(--zonos--border-radius);border:var(--zonos--border);outline-offset:0;outline-width:2px;height:calc(var(--zonos-elements-size-xl) - 2px)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos--background-color);border:var(--zonos--border);-ms-flex-order:2;order:2;font-weight:400;font-size:var(--zonos--font-size);color:var(--zonos-elements-text-color)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected+label.sc-zonos-stripe-input+div.sc-zonos-stripe-input{background-color:#e8f0fe}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.sc-zonos-stripe-input{padding:24px 4px 2px 16px}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input{padding-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{margin-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus{outline:none;border:var(--zonos--border)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color));box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color))}.sc-zonos-stripe-input-h .zonos--floated-input.has-error.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:0 0 0 2px #df1b41;box-shadow:0 0 0 2px #df1b41}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-webkit-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-moz-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input:-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-webkit-autofill,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{color:var(--zonos-elements-gray-800);position:absolute;font-size:16px;line-height:16px;display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - 8px);z-index:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input{pointer-events:inherit}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input::after{cursor:not-allowed;z-index:1}.dark.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{background:#30313d}";
+const zonosStripeInputCss = ".sc-zonos-stripe-input-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-stripe-input-h *.sc-zonos-stripe-input{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-stripe-input-h img.sc-zonos-stripe-input{max-width:100%}.sc-zonos-stripe-input-h dl.sc-zonos-stripe-input,.sc-zonos-stripe-input-h dd.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h1.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h2.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h3.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h4.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h5.sc-zonos-stripe-input,.sc-zonos-stripe-input-h h6.sc-zonos-stripe-input,.sc-zonos-stripe-input-h hr.sc-zonos-stripe-input,.sc-zonos-stripe-input-h figure.sc-zonos-stripe-input,.sc-zonos-stripe-input-h p.sc-zonos-stripe-input,.sc-zonos-stripe-input-h pre.sc-zonos-stripe-input{margin:0}.sc-zonos-stripe-input-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-stripe-input-h{--zonos--background-color:#f1f1f1;--zonos--local-glowing-color:0 0 0 3px hsla(0, 0%, 100%, 25%),\n    0 0 0 1px var(--zonos--primary-color);--zonos--border:1px solid #e8e8e8}.dark.sc-zonos-stripe-input-h{color-scheme:dark;--zonos--background-color:#30313d;--zonos--local-glowing-color:0px 2px 4px rgba(0, 0, 0, 0.5),\n    0px 1px 6px rgba(0, 0, 0, 0.25), 0 0 0 3px hsla(0, 0%, 100%, 25%),\n    0 1px 1px 0 rgba(255, 255, 255, 0.12);--zonos--border:1px solid var(--zonos--primary-color)}.sc-zonos-stripe-input-h{margin:1px}.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;background:var(--zonos--background-color);border-radius:var(--zonos--border-radius);border:var(--zonos--border);outline-offset:0;outline-width:2px;height:calc(var(--zonos-elements-size-xl) - 2px)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos--background-color);border:var(--zonos--border);-ms-flex-order:2;order:2;font-weight:400;font-size:var(--zonos--font-size);color:var(--zonos-elements-text-color);height:auto}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input .sc-zonos-stripe-input:-internal-autofill-selected+label.sc-zonos-stripe-input+div.sc-zonos-stripe-input{background-color:#e8f0fe}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.sc-zonos-stripe-input{padding:24px 4px 2px 16px}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input{padding-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.has-label.has-input-prefix.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{margin-left:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus{outline:none;border:var(--zonos--border)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color));box-shadow:var(--zonos--glowing-color, var(--zonos--local-glowing-color))}.sc-zonos-stripe-input-h .zonos--floated-input.has-error.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input::after{-webkit-box-shadow:0 0 0 2px #df1b41;box-shadow:0 0 0 2px #df1b41}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-webkit-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-moz-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input:-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::-ms-input-placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input::placeholder,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}.sc-zonos-stripe-input-h .zonos--floated-input.has-content.sc-zonos-stripe-input~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:focus~.zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-webkit-autofill,.sc-zonos-stripe-input-h .zonos--floated-input.sc-zonos-stripe-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input label.sc-zonos-stripe-input{color:var(--zonos-elements-gray-800);position:absolute;font-size:16px;line-height:16px;display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - 8px);z-index:1}.sc-zonos-stripe-input-h .zonos--floated-label.sc-zonos-stripe-input::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input{pointer-events:inherit}.sc-zonos-stripe-input-h .disabled.sc-zonos-stripe-input .zonos--floated-label.sc-zonos-stripe-input::after{cursor:not-allowed;z-index:1}.dark.sc-zonos-stripe-input-h .zonos--label-wrapper.sc-zonos-stripe-input{background:#30313d}";
 const ZonosStripeInputStyle0 = zonosStripeInputCss;
 
 let inputId = 0;

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./VarianceTest-0cb1e118.js');
+require('./VarianceTest-bec00ea8.js');
 
 const textOptions = {
     pageHeader: {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
-require('./VarianceTest-0cb1e118.js');
+require('./VarianceTest-bec00ea8.js');
 
 const zonosToggleCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .wrapper{position:relative;border-radius:6px;background-color:var(--zonos-elements-gray-50);display:-ms-flexbox;display:flex}:host .zonos--toggle-selected-slider{z-index:1;position:absolute;background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}:host .zonos--option{background:transparent;border:0;z-index:2;cursor:pointer;padding:4px 12px;border-radius:6px;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-size:var(--zonos-elements-font-size-base);font-weight:500;color:var(--zonos-elements-text-color-secondary)}:host .zonos--option:focus{outline:none}:host .zonos--option:hover:not(.selected){color:var(--zonos-elements-text-color)}:host .zonos--option.selected{color:var(--zonos-elements-text-color);background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}";
 const ZonosToggleStyle0 = zonosToggleCss;

package/dist/cjs/zonos-v-stack.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const zonosStore = require('./zonosStore-f8ee56aa.js');
+const zonosStore = require('./zonosStore-5d489c65.js');
 const classes = require('./classes-b7918f56.js');
-require('./VarianceTest-0cb1e118.js');
+require('./VarianceTest-bec00ea8.js');
 
 const zonosVStackCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";
 const ZonosVStackStyle0 = zonosVStackCss;

package/dist/cjs/{zonosStore-f8ee56aa.js → zonosStore-5d489c65.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-1c710d00.js');
-const VarianceTest = require('./VarianceTest-0cb1e118.js');
+const VarianceTest = require('./VarianceTest-bec00ea8.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);
@@ -2875,7 +2875,7 @@ const getZonosStoreTheme = (theme) => {
  * Init setting from zonos setting
  */
 const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     reset();
     if (zonosSettings) {
         // save zonos settings to be used later
@@ -2912,6 +2912,12 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
     zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
     zonosStore.onCountryChange = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.onCountryChange;
     zonosStore.overrideCurrencyFormat = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.overrideCurrencyFormat;
+    // If url has sourceCurrencyCode, use it, otherwise use the default native currency
+    zonosStore.sourceCurrency =
+        new URLSearchParams(window.location.search).get('zonosSourceCurrencyCode') ||
+            ((_h = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.landedCostSettings) === null || _h === void 0 ? void 0 : _h.defaultNativeCurrency) ||
+            'USD';
+    VarianceTest.log('Store base currency', 'info', zonosStore.sourceCurrency);
     if (zonosStore.storeId) {
         window.Zonos.storeId = zonosStore.storeId;
     }

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.css

@@ -237,4 +237,8 @@
 
 :host(.iframed) .zonos--content {
   overscroll-behavior: auto;
+}
+
+:host(.zonos--processing-payment) {
+  z-index: 2147483646;
 }

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -1483,6 +1483,7 @@ export class ZonosCheckout {
         };
         return (h(Host, { class: classes([
                 'zonos--checkout zonos--elements',
+                cartStore.step === 'payment' && 'zonos--processing-payment',
                 hasFooter && 'has-footer',
                 this.preview && 'preview',
                 this.isMobile && 'mobile',

package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.css

@@ -77,6 +77,7 @@
   font-weight: 400;
   font-size: var(--zonos--font-size);
   color: var(--zonos-elements-text-color);
+  height: auto;
 }
 :host .zonos--floated-input :-internal-autofill-selected {
   border-radius: var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6);

package/dist/collection/components/main/zonos-controller.js

@@ -310,7 +310,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'ca4c02bf0aa73d19ea58cdf6a76c8424276b69cd', class: "zonos--elements" });
+        return h(Host, { key: '9554e2f66703eea438104c61265d0e6571d07741', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/store/hello/localization.js

@@ -15,6 +15,7 @@ import { getCurrencyCode } from "../../utils/hello/currencyConversion/getCurrenc
 import { setZCountryUrlParam } from "../../utils/hello/setZCountryUrlParam";
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
+import { performBlurCurrency } from "../../../utils/performBlurCurrency";
 const { dispose: localizationDispose, onChange: localizationStoreOnChange, state: localizationStore, } = createStore({
     countryLandedCost: null,
     customMessages: [],
@@ -72,6 +73,17 @@ const getNewLocalization = async () => {
     var _a;
     log('get new localization store');
     const { isDisabledCountry, isShippableCountry, selectedCountryCode } = localizationStore;
+    if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
+        !isShippableCountry ||
+        isDisabledCountry ||
+        !selectedCountryCode) {
+        return;
+    }
+    const isGuaranteed = zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
+    // blur currency out before getting exchange rate
+    performBlurCurrency();
+    const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
+    startExchangeRateTimeout({ isGuaranteed, maxAge });
     if (!window.Zonos.isLegacyCheckout) {
         // These requests are only needed for Hello, so we can skip them for legacy checkout
         localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
@@ -84,15 +96,6 @@ const getNewLocalization = async () => {
     else {
         log('Skipping country landed cost and inclusive pricing requests, because this is a legacy checkout');
     }
-    if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
-        !isShippableCountry ||
-        isDisabledCountry ||
-        !selectedCountryCode) {
-        return;
-    }
-    const isGuaranteed = zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
-    const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
-    startExchangeRateTimeout({ isGuaranteed, maxAge });
 };
 const getCustomMessages = async () => {
     log(`Getting custom messages for ${localizationStore.selectedCountryCode}`);

package/dist/collection/components/store/zonosStore.js

@@ -1,4 +1,5 @@
 import { createStore } from "@stencil/store";
+import { log } from "../utils/logging/log";
 import { mergeConfig } from "../utils/mergeConfig";
 import { isInAvailableTestKey } from "../utils/varianceTest/isInAvailableTestKey";
 const { dispose: zonosStoreDispose, onChange: zonosStoreOnChange, reset, state: zonosStore, } = createStore(() => ({
@@ -113,7 +114,7 @@ const getZonosStoreTheme = (theme) => {
  * Init setting from zonos setting
  */
 const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     reset();
     if (zonosSettings) {
         // save zonos settings to be used later
@@ -150,6 +151,12 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
     zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
     zonosStore.onCountryChange = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.onCountryChange;
     zonosStore.overrideCurrencyFormat = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.overrideCurrencyFormat;
+    // If url has sourceCurrencyCode, use it, otherwise use the default native currency
+    zonosStore.sourceCurrency =
+        new URLSearchParams(window.location.search).get('zonosSourceCurrencyCode') ||
+            ((_h = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.landedCostSettings) === null || _h === void 0 ? void 0 : _h.defaultNativeCurrency) ||
+            'USD';
+    log('Store base currency', 'info', zonosStore.sourceCurrency);
     if (zonosStore.storeId) {
         window.Zonos.storeId = zonosStore.storeId;
     }

package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js

@@ -6,6 +6,7 @@ import { translate } from "../../store/translationStore";
 import { getBorderRadius } from "../../utils/getBorderRadius";
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
+import { sendErrorLog } from "../../utils/logging/sendErrorLog";
 import { validateEmailValue } from "../../utils/validateEmailValue";
 /**
  * This component is a wrapper for the stripe authentication element that would render default style object
@@ -24,6 +25,7 @@ export class ZonosLinkAuthentication {
         this.stripe = stripeStore.stripe;
         this.isStagingMode = cartStore.isStagingMode;
         this.clientSecret = stripeStore.clientSecret;
+        this.retriesInitializeLink = 0;
         this.setCustomEmailInputToLinkEvent = (emailValue) => {
             // check if the email is valid
             const isValid = validateEmailValue(emailValue);
@@ -58,30 +60,50 @@ export class ZonosLinkAuthentication {
         if (cartStore.isStagingMode || !this.clientSecret) {
             return;
         }
-        // Wait for the stripe elements to be ready with the new client secret
-        await new Promise(resolve => setTimeout(resolve, 50));
         const defaultValues = this.defaultEmail
             ? {
                 email: this.defaultEmail,
             }
             : undefined;
-        // Create and mount the Authentication Element in ${type} mode
-        const linkAuthenticationElement = stripeStore.stripeLinkElement ||
-            stripeStore.stripeElements.create('linkAuthentication', {
-                defaultValues: defaultValues,
+        try {
+            // Create and mount the Authentication Element in ${type} mode
+            const linkAuthenticationElement = stripeStore.stripeLinkElement ||
+                stripeStore.stripeElements.create('linkAuthentication', {
+                    defaultValues: defaultValues,
+                });
+            const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
+            if (!linkAuthenticationElementContainer) {
+                logError('Cannot find container element for linkAuthenticationElement');
+                return;
+            }
+            linkAuthenticationElement.mount(linkAuthenticationElementContainer);
+            linkAuthenticationElement.on('change', event => {
+                var _a;
+                stripeStore.stripeLinkEventData = event;
+                (_a = this.linkAuthenticationChange) === null || _a === void 0 ? void 0 : _a.emit();
             });
-        const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
-        if (!linkAuthenticationElementContainer) {
-            logError('Cannot find container element for linkAuthenticationElement');
-            return;
+            stripeStore.stripeLinkElement = linkAuthenticationElement;
+            this.retriesInitializeLink = 0;
+        }
+        catch (error) {
+            if (error instanceof Error) {
+                // Wait for the stripe elements to be ready with the new client secret
+                this.retriesInitializeLink++;
+                if (this.retriesInitializeLink < 3) {
+                    await new Promise(resolve => setTimeout(resolve, 500));
+                    void this.watchInitStripe();
+                }
+                if (this.retriesInitializeLink === 3) {
+                    void sendErrorLog({
+                        endpoint: 'stripe-link-authentication-init-error',
+                        errors: [error.message],
+                        metadata: {
+                            clientSecret: this.clientSecret,
+                        },
+                    });
+                }
+            }
         }
-        linkAuthenticationElement.mount(linkAuthenticationElementContainer);
-        linkAuthenticationElement.on('change', event => {
-            var _a;
-            stripeStore.stripeLinkEventData = event;
-            (_a = this.linkAuthenticationChange) === null || _a === void 0 ? void 0 : _a.emit();
-        });
-        stripeStore.stripeLinkElement = linkAuthenticationElement;
     }
     watchDefaultEmail(newDefaultEmail, oldDefaultEmail) {
         var _a, _b;
@@ -241,7 +263,8 @@ export class ZonosLinkAuthentication {
         return {
             "stripe": {},
             "isStagingMode": {},
-            "clientSecret": {}
+            "clientSecret": {},
+            "retriesInitializeLink": {}
         };
     }
     static get events() {

package/dist/collection/components/utils/api/getZonosSettings.js

@@ -1,8 +1,10 @@
 import { getGenericSettingsOverride } from "./getGenericSettingsOverride";
 import { handleFetch } from "../handleFetch";
+import { log } from "../logging/log";
 import { logError } from "../logging/logError";
 export const getZonosSettings = async () => {
     if (window.Zonos.cartSettings) {
+        log('Reusing cached zonos settings');
         return {
             errors: [],
             json: window.Zonos.cartSettings,

package/dist/collection/components/utils/hello/currencyConversion/currencyDisplay.js

@@ -1,8 +1,10 @@
 import { zonosStore } from "../../../store/zonosStore";
 import { defaultCurrencyConverter } from "./defaultCurrencyConverter";
+import { removeBlurCurrency } from "../../../../utils/performBlurCurrency";
 export const currencyDisplay = () => {
     if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
         window.Zonos.isLegacyCheckout) {
+        void removeBlurCurrency();
         return;
     }
     defaultCurrencyConverter();

package/dist/collection/components/utils/hello/currencyConversion/defaultCurrencyConverter.js

@@ -6,6 +6,7 @@ import { currencyFormat } from "./currencyFormat";
 import { getCurrencyElements } from "./getCurrencyElements";
 import { getInitialElementAmount } from "./getInitialElementAmount";
 import { logError } from "../../logging/logError";
+import { performBlurCurrency, removeBlurCurrency, } from "../../../../utils/performBlurCurrency";
 const convertCurrency = (element) => {
     var _a;
     const amount = getInitialElementAmount(element);
@@ -29,6 +30,8 @@ const convertCurrency = (element) => {
             rate !== currentIntlRateValue ||
             // Update currency when the country code changes
             currentCountryValue !== localizationStore.selectedCountryCode)) {
+        // Hide the currency until DOM is ready to display the new value
+        performBlurCurrency();
         const customizedCurrencyFormat = typeof zonosStore.currencyConverter === 'function' &&
             zonosStore.currencyConverter({
                 convert: currencyConvert,
@@ -50,6 +53,8 @@ const convertCurrency = (element) => {
         element.setAttribute('data-zintl', observedFormattedValue);
         element.setAttribute('data-zcountry-code', localizationStore.selectedCountryCode || '');
     }
+    // Remove blur effect after the currency is converted
+    void removeBlurCurrency();
 };
 export const defaultCurrencyConverter = () => {
     const { currencyElementSelector } = zonosStore.helloSettings;

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

@@ -15,7 +15,7 @@ export const sendLoadCheckoutFacadeLog = async () => {
         loadTime: elapsedTime,
         metadata: Object.assign({ allLogs }, getAdditionalLogMetadata()),
         scriptLoadUrl: 'checkoutFacade',
-        storeId: window.Zonos.storeId,
+        storeId: window.Zonos.storeId || 0,
     };
     void handleFetch('/api/zonos-elements/log-script-load', {
         body: scriptLoadLogBody,

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

@@ -14,7 +14,7 @@ export const sendLoadNativeCheckoutLog = async ({ loadTime, }) => {
         loadTime,
         metadata: Object.assign({ allLogs }, getAdditionalLogMetadata()),
         scriptLoadUrl: 'nativeCheckout',
-        storeId: window.Zonos.storeId,
+        storeId: window.Zonos.storeId || 0,
     };
     void handleFetch('/api/zonos-elements/log-script-load', {
         body: scriptLoadLogBody,

package/dist/collection/scripts/_zonosBase.js

@@ -27,6 +27,7 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
+const startLoadTime = Date.now();
 const ZONOS_URL = process.env.NEXT_PUBLIC_ZONOS_CDN_URL;
 const JS_DELIVR_ZONOS_URL = zonosLoadUrl || process.env.NEXT_PUBLIC_ZONOS_JS_DELIVR_CDN_URL;
 const UNPKG_ZONOS_URL = process.env.NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL;
@@ -50,6 +51,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
 Zonos.isBigCommerce = false;
 Zonos.releaseDate = process.env.NEXT_PUBLIC_RELEASE_DATE;
 Zonos.isLegacyCheckout = false;
+Zonos.startLoadTime = startLoadTime;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
         (window.location != window.parent.location && document.referrer) ||
@@ -101,6 +103,7 @@ Zonos.init = async (params) => {
                 window.Zonos.isNpm = _a.isNpm;
                 window.Zonos.isBigCommerce = _a.isBigCommerce;
                 window.Zonos.isLegacyCheckout = _a.isLegacyCheckout;
+                window.Zonos.zonosMode = _a.zonosMode;
                 // call init again after the script is loaded
                 void window.Zonos.init(params);
             });

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

@@ -1911,6 +1911,7 @@ export const landedCostQuoteType = {
     Collect: 'COLLECT',
     Hello: 'HELLO',
     InclusivePrice: 'INCLUSIVE_PRICE',
+    PrepayCollect: 'PREPAY_COLLECT',
 };
 export const landedCostTariffRate = {
     Exact: 'EXACT',
@@ -2112,6 +2113,8 @@ export const orderBillingAdjustmentFeeType = {
     BrokerageFee: 'BROKERAGE_FEE',
     Buffer: 'BUFFER',
     Cod: 'COD',
+    CollectOrder: 'COLLECT_ORDER',
+    CollectPercent: 'COLLECT_PERCENT',
     Country: 'COUNTRY',
     CurrencyConversionFee: 'CURRENCY_CONVERSION_FEE',
     DdpServiceFee: 'DDP_SERVICE_FEE',