@zonos/elements 1.3.16-alpha.0 → 1.3.17

package/dist/cjs/{cart-db549f04.js → cart-d25723e7.js}

@@ -5581,7 +5581,7 @@ const setZCountryUrlParam = (selectedCountryCode) => {
     window.history.replaceState({}, '', newUrl);
 };
 
-const { state: localizationStore } = zonosStore.createStore({
+const { onChange: localizationStoreOnUpdate, state: localizationStore } = zonosStore.createStore({
     countryLandedCost: null,
     customMessages: [],
     exchangeRate: null,
@@ -6766,6 +6766,7 @@ exports.initLocalizationStore = initLocalizationStore;
 exports.initStripeElements = initStripeElements;
 exports.isValidSelector = isValidSelector;
 exports.localizationStore = localizationStore;
+exports.localizationStoreOnUpdate = localizationStoreOnUpdate;
 exports.localizationStoreUpdateSelectedCountryCode = localizationStoreUpdateSelectedCountryCode;
 exports.localizationStoreUpdateSelectedLocale = localizationStoreUpdateSelectedLocale;
 exports.log = log;

package/dist/cjs/{submitGtag-fd8acad5.js → submitGtag-484eaf9d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
 
 const trackConversionEvent = async (eventName, metadata) => {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-654a6001.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
 require('./isDarkColor-01f45d3f.js');
 require('./getBorderRadius-44b3eca1.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
-const submitGtag = require('./submitGtag-fd8acad5.js');
+const submitGtag = require('./submitGtag-484eaf9d.js');
 const getBorderRadius = require('./getBorderRadius-44b3eca1.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
@@ -115,7 +115,10 @@ const ZonosCheckoutFinish = class {
                 return null;
             }
             // onOrderSuccess callback may be provided on Zonos.init
-            await ((_b = (_a = zonosStore.zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, json));
+            await ((_b = (_a = zonosStore.zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                zonosApiRoute: baseUrl,
+                zonosOrder: json,
+            }));
             return json;
         };
         this.handleSuccessBehavior = (orderId) => {
@@ -243,11 +246,11 @@ const ZonosCheckoutFinish = class {
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (index.h(index.Host, { key: 'fffe0cbefd173f892f3a0359ac45a8b97392172e', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '5ff65f7e0c06f41df8aae634bdfc5d6c249066e3', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (index.h("div", { key: 'b0a8c67102f0eb841d114e8cd1cd7e44fe895df4', class: "loading-wrapper" }, index.h("zonos-spinner", { key: 'e45f13d061cd94f777abfef5f12a8dc9a927c9e1' }))), !this.isLoading && (index.h(index.Fragment, null, index.h("div", { key: '81ca150772d4f6b38563bb46d5c76ebc51f9628c', 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: 'c88feb2cc5956087fc91c5a00edb4e142efbfee0', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '621b100ed02aa5dc37f1da5be90c8f14568a21f3' }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: '9fff5bc809f97f8126a8117b2896f984e07fc1be', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, cart.translate('Keep shopping')))))));
+            } }, 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')))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
-const submitGtag = require('./submitGtag-fd8acad5.js');
+const submitGtag = require('./submitGtag-484eaf9d.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-44b3eca1.js');
@@ -293,6 +293,10 @@ const ZonosCheckoutStyle0 = zonosCheckoutCss;
 const ZonosCheckout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Listener for locale change in localization store
+         */
+        this.onChangeLocaleListener = () => { };
         this.applyStripeTheme = async () => {
             var _a, _b, _c, _d;
             const theme = ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) || zonosStore.zonosStore.appearance.theme;
@@ -681,6 +685,11 @@ const ZonosCheckout = class {
         this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
         // update theme to browser preference theme if appearance theme is system
         this.handleAppearanceSettingsOverrideChange();
+        // listen to selected locale code change
+        this.onChangeLocaleListener = cart.localizationStoreOnUpdate('selectedLocale', () => {
+            // Update stripe locale when selected country code is changed
+            void this.applyStripeTheme();
+        });
         cart.log(`mobile: ${this.isMobile}`);
     }
     // do clean up when component is unmounted
@@ -689,6 +698,8 @@ const ZonosCheckout = class {
         cart.stripeStoreReset();
         // reset cart store
         cart.cartStoreReset();
+        // cleanup onChange listener
+        this.onChangeLocaleListener();
     }
     render() {
         var _a;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
 require('./isDarkColor-01f45d3f.js');
 require('./getBorderRadius-44b3eca1.js');

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
 const classes = require('./classes-b7918f56.js');
 require('./isDarkColor-01f45d3f.js');

package/dist/cjs/zonos-country-select_3.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-01f45d3f.js');
@@ -1866,7 +1866,7 @@ const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none"
 </svg>
 `;
 
-const zonosHelloDialogFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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}[data-theme=LIGHT]{color-scheme:light}:root,[data-theme=LIGHT]{--zonos-elements-transition:all 0.2s ease-in-out 0s, visibility 0s;--zonos-elements-type-scale-base:16px;--zonos-elements-glass-0:#10111600;--zonos-elements-glass-50:#1011160a;--zonos-elements-glass-100:#10111614;--zonos-elements-glass-200:#10111626;--zonos-elements-glass-300:#1011163d;--zonos-elements-glass-400:#10111656;--zonos-elements-glass-500:#10111670;--zonos-elements-glass-600:#1011169b;--zonos-elements-glass-700:#101116ad;--zonos-elements-glass-800:#101116bc;--zonos-elements-glass-900:#101116c6;--zonos-elements-glass-1000:#101116dd;--zonos-elements-glass-1100:#101116ef;--zonos-elements-glass-1200:#101116f5;--zonos-elements-gray-0:#ffffff;--zonos-elements-gray-50:#f6f6f8;--zonos-elements-gray-100:#ebebf0;--zonos-elements-gray-200:#d9dae3;--zonos-elements-gray-300:#bfc0ce;--zonos-elements-gray-400:#a7a9b9;--zonos-elements-gray-500:#888d9f;--zonos-elements-gray-600:#676c7e;--zonos-elements-gray-700:#575c6b;--zonos-elements-gray-800:#484c5b;--zonos-elements-gray-900:#383a48;--zonos-elements-gray-1000:#2a2c37;--zonos-elements-gray-1100:#1a1c23;--zonos-elements-gray-1200:#101116;--zonos-elements-blue-100:#e7f6fe;--zonos-elements-blue-200:#c9e6fd;--zonos-elements-blue-300:#a3cbfa;--zonos-elements-blue-400:#7fa9f5;--zonos-elements-blue-500:#5a80f1;--zonos-elements-blue-600:#445eee;--zonos-elements-blue-700:#3843c2;--zonos-elements-blue-800:#2e3d94;--zonos-elements-blue-900:#212f68;--zonos-elements-blue-1000:#152141;--zonos-elements-cyan-100:#d6fffe;--zonos-elements-cyan-200:#c0f2f2;--zonos-elements-cyan-300:#9be7e9;--zonos-elements-cyan-400:#66d5db;--zonos-elements-cyan-500:#3ec4d0;--zonos-elements-cyan-600:#2ca0af;--zonos-elements-cyan-700:#29818e;--zonos-elements-cyan-800:#25646f;--zonos-elements-cyan-900:#1d464e;--zonos-elements-cyan-1000:#152d32;--zonos-elements-red-100:#ffeceb;--zonos-elements-red-200:#fdd0ce;--zonos-elements-red-300:#faa9a9;--zonos-elements-red-400:#f37c82;--zonos-elements-red-500:#eb5c6c;--zonos-elements-red-600:#de314f;--zonos-elements-red-700:#bc2442;--zonos-elements-red-800:#922033;--zonos-elements-red-900:#6c1b26;--zonos-elements-red-1000:#481419;--zonos-elements-orange-100:#fff1e0;--zonos-elements-orange-200:#fcdab8;--zonos-elements-orange-300:#f5c193;--zonos-elements-orange-400:#f7a464;--zonos-elements-orange-500:#f47a34;--zonos-elements-orange-600:#e5591a;--zonos-elements-orange-700:#bd3c1c;--zonos-elements-orange-800:#94301c;--zonos-elements-orange-900:#6b2a1a;--zonos-elements-orange-1000:#401d12;--zonos-elements-green-100:#defde8;--zonos-elements-green-200:#aff8c3;--zonos-elements-green-300:#81ef98;--zonos-elements-green-400:#57db6c;--zonos-elements-green-500:#39c049;--zonos-elements-green-600:#2ca03f;--zonos-elements-green-700:#288129;--zonos-elements-green-800:#246627;--zonos-elements-green-900:#1d4920;--zonos-elements-green-1000:#153219;--zonos-elements-purple-100:#edebff;--zonos-elements-purple-200:#dcd2fe;--zonos-elements-purple-300:#ceb5fd;--zonos-elements-purple-400:#c699fa;--zonos-elements-purple-500:#b25cf5;--zonos-elements-purple-600:#ab26ed;--zonos-elements-purple-700:#901cca;--zonos-elements-purple-800:#6e1e99;--zonos-elements-purple-900:#471d68;--zonos-elements-purple-1000:#2c1844;--zonos-elements-transparent-white:#ffffffbb;--zonos-elements-transparent-black:#101116bb;--zonos-elements-transparent-gray-600:#6a6d771f;--zonos-elements-v3-shadow-base:0px 1px 3px 0px rgba(10, 10, 11, 0.1),\n    0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-medium:0px 2px 4px 0px rgba(10, 10, 11, 0.06),\n    0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-large:0px 4px 6px 0px rgba(10, 10, 11, 0.05),\n    0px 10px 15px rgba(10, 10, 11, 0.1),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-xl:0px 10px 10px 0px rgba(12, 12, 13, 0.04),\n    0px 20px 25px rgba(10, 10, 11, 0.1),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.04),\n    0px 1px 0px 0px rgba(255, 255, 255, 1),\n    inset 0px 0px 8px rgba(0, 0, 0, 0.02),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n    inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);--zonos-elements-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(68, 94, 238, 0.4);--zonos-elements-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(43, 156, 77, 0.4);--zonos-elements-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(217, 33, 65, 0.4);--zonos-elements-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(229, 89, 26, 0.4);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-shadow-button-standard:0px 1px 3px 0px\n      rgba(110, 110, 120, 0.12),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--zonos-elements-shadow-button-disabled:0px 1px 3px 0px rgba(16, 17, 22, 0.2),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;--zonos-elements-shadow-select-base:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--zonos-elements-shadow-select-active:0px 1px 3px 0px rgba(68, 94, 238, 0.4),\n    0px 0px 0px 1px #445eee inset,\n    0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset;--zonos-elements-shadow-select-error:0px 1px 3px 0px rgba(221, 49, 78, 0.4),\n    0px 0px 0px 1px #dd314e inset,\n    0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;--zonos-elements-opacity-disabled:0.6;--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-0);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:var(--zonos-elements-gray-0);--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #fff 0%,\n    #eaebed 100%\n  );--zonos-elements-spinner-track-black:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-black:#0c0c0c;--zonos-elements-spinner-track-white:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-white:#ffffff;--zonos-elements-appbar-height:55px;--zonos-elements-sidebar-width:232px;--zonos-elements-elevation-0:0;--zonos-elements-elevation-100:100;--zonos-elements-elevation-200:200;--zonos-elements-elevation-300:300;--zonos-elements-elevation-400:400;--zonos-elements-elevation-500:500;--zonos-elements-dialog-elevation:var(--zonos-elements-elevation-400);--zonos-elements-toast-elevation:var(--zonos-elements-elevation-500);--zonos-elements-appbar-elevation:var(--zonos-elements-elevation-500);--zonos-elements-size-xl:56px;--zonos-elements-size-lg:48px;--zonos-elements-size-md:40px;--zonos-elements-size-sm:32px;--zonos-elements-radius-4:0.25rem;--zonos-elements-radius-6:0.375rem;--zonos-elements-radius-8:0.5rem;--zonos-elements-radius-10:0.625rem;--zonos-elements-radius-12:0.75rem;--zonos-elements-font-size-3xl:1.875rem;--zonos-elements-font-size-2xl:1.5rem;--zonos-elements-font-size-xl:1.25rem;--zonos-elements-font-size-l:1.125rem;--zonos-elements-font-size-base-docs:1rem;--zonos-elements-font-size-base:0.813rem;--zonos-elements-font-size-s:0.75rem;--zonos-elements-font-size-xs:0.688rem;--zonos-elements-line-height-3xl:3rem;--zonos-elements-line-height-2xl:2.5rem;--zonos-elements-line-height-xl:2rem;--zonos-elements-line-height-l:1.5rem;--zonos-elements-line-height-base:1.5rem;--zonos-elements-line-height-s:1rem;--zonos-elements-line-height-xs:0.75rem;--zonos-elements-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont,\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;--zonos-elements-font-mono:Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,\n    Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,\n    Courier New, monospace;--zonos-elements-font-harmonized-codes:\"Fira Code\",\n    var(--zonos-elements-font-sans);--zonos-elements-input-background:inherit}[data-theme=DARK]{color-scheme:dark;--zonos-elements-glass-0:#ffffff00;--zonos-elements-glass-50:#ffffff0a;--zonos-elements-glass-100:#ffffff21;--zonos-elements-glass-200:#ffffff26;--zonos-elements-glass-300:#ffffff44;--zonos-elements-glass-400:#ffffff51;--zonos-elements-glass-500:#ffffff63;--zonos-elements-glass-600:#ffffff8e;--zonos-elements-glass-700:#ffffffa8;--zonos-elements-glass-800:#ffffffc1;--zonos-elements-glass-900:#ffffffd8;--zonos-elements-glass-1000:#ffffffea;--zonos-elements-glass-1100:#fffffff4;--zonos-elements-glass-1200:#fffffffa;--zonos-elements-gray-0:#101116;--zonos-elements-gray-50:#1a1c23;--zonos-elements-gray-100:#2a2c37;--zonos-elements-gray-200:#383a48;--zonos-elements-gray-300:#484c5b;--zonos-elements-gray-400:#575c6b;--zonos-elements-gray-500:#676c7e;--zonos-elements-gray-600:#888d9f;--zonos-elements-gray-700:#a7a9b9;--zonos-elements-gray-800:#bfc0ce;--zonos-elements-gray-900:#d9dae3;--zonos-elements-gray-1000:#ebebf0;--zonos-elements-gray-1100:#f6f6f8;--zonos-elements-gray-1200:#ffffff;--zonos-elements-blue-100:#152141;--zonos-elements-blue-200:#212f68;--zonos-elements-blue-300:#2e3d94;--zonos-elements-blue-400:#3843c2;--zonos-elements-blue-500:#445eee;--zonos-elements-blue-600:#5a80f1;--zonos-elements-blue-700:#7fa9f5;--zonos-elements-blue-800:#a8cefa;--zonos-elements-blue-900:#c9e6fd;--zonos-elements-blue-1000:#e7f6fe;--zonos-elements-cyan-100:#152d32;--zonos-elements-cyan-200:#1d464e;--zonos-elements-cyan-300:#25646f;--zonos-elements-cyan-400:#29818e;--zonos-elements-cyan-500:#2ca0af;--zonos-elements-cyan-600:#3ec4d0;--zonos-elements-cyan-700:#66d5db;--zonos-elements-cyan-800:#9be7e9;--zonos-elements-cyan-900:#c0f2f2;--zonos-elements-cyan-1000:#d6fffe;--zonos-elements-red-100:#481419;--zonos-elements-red-200:#6c1b26;--zonos-elements-red-300:#922033;--zonos-elements-red-400:#bc2442;--zonos-elements-red-500:#de314f;--zonos-elements-red-600:#eb5c6c;--zonos-elements-red-700:#f37c82;--zonos-elements-red-800:#faa9a9;--zonos-elements-red-900:#fdd0ce;--zonos-elements-red-1000:#ffeceb;--zonos-elements-orange-100:#401d12;--zonos-elements-orange-200:#6b2a1a;--zonos-elements-orange-300:#94301c;--zonos-elements-orange-400:#bd3c1c;--zonos-elements-orange-500:#e5591a;--zonos-elements-orange-600:#f47a34;--zonos-elements-orange-700:#f7a464;--zonos-elements-orange-800:#f5c193;--zonos-elements-orange-900:#fcdab8;--zonos-elements-orange-1000:#fff1e0;--zonos-elements-green-100:#153219;--zonos-elements-green-200:#1d4920;--zonos-elements-green-300:#246627;--zonos-elements-green-400:#288129;--zonos-elements-green-500:#2ca03f;--zonos-elements-green-600:#39c049;--zonos-elements-green-700:#57db6c;--zonos-elements-green-800:#81ef98;--zonos-elements-green-900:#aff8c3;--zonos-elements-green-1000:#defde8;--zonos-elements-purple-100:#2c1844;--zonos-elements-purple-200:#471d68;--zonos-elements-purple-300:#6e1e99;--zonos-elements-purple-400:#901cca;--zonos-elements-purple-500:#ab26ed;--zonos-elements-purple-600:#b25cf5;--zonos-elements-purple-700:#c699fa;--zonos-elements-purple-800:#ceb5fd;--zonos-elements-purple-900:#dcd2fe;--zonos-elements-purple-1000:#edebff;--zonos-elements-transparent-white:#101116bb;--zonos-elements-transparent-black:#ffffffbb;--zonos-elements-transparent-gray-600:#94969e1f;--zonos-elements-v3-shadow-base:0px 1px 4px 0px rgba(0, 0, 0, 0.7),\n    0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-medium:0px 2px 4px 0px rgba(0, 0, 0, 0.6),\n    0px 4px 6px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-large:0px 4px 6px 0px rgba(0, 0, 0, 0.6),\n    0px 10px 15px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-xl:0px 10px 10px 0px rgba(0, 0, 0, 0.6),\n    0px 20px 25px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.24),\n    0px 1px 0px rgba(17, 17, 20, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.16),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n    inset 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n    0px 0px 6px rgba(255, 255, 255, 0.08),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-shadow-button-primary:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(95, 146, 246, 0.4);--zonos-elements-shadow-button-success:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(86, 199, 111, 0.6);--zonos-elements-shadow-button-danger:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(249, 92, 103, 0.6);--zonos-elements-shadow-button-warning:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(248, 140, 83, 0.6);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-shadow-button-standard:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--zonos-elements-shadow-button-disabled:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(255, 255, 255, 0);--zonos-elements-shadow-select-base:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--zonos-elements-shadow-select-active:0px 0px 0px 1px #000,\n    0px -1px 1px 1px rgba(114, 146, 243, 0.24) inset,\n    0px 0px 0px 1px #7292f3 inset, 0px 1px 3px 0px rgba(114, 146, 243, 0.4);--zonos-elements-shadow-select-error:0px 0px 0px 1px #000,\n    0px -1px 1px 1px rgba(235, 92, 108, 0.24) inset,\n    0px 0px 0px 1px #eb5c6c inset, 0px 1px 3px 0px rgba(235, 92, 108, 0.6);--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-50);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-100);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:#2c2e3899;--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-0);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #5a80f1 0%,\n    #7fa9f5 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #39c049 0%,\n    #57db6c 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #e9495c 0%,\n    #f37c82 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #f47a34 0%,\n    #f7a464 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #2c2e3800,\n    #2c2e38e5\n  );--zonos-elements-spinner-track-black:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-black:#ffffff;--zonos-elements-spinner-track-white:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-white:#0c0c0c}:host .zonos--hello-dialog-footer{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color, var(--zonos-elements-surface-color-secondary));border-top:var(--zonos-elements-border);padding:12px;-ms-flex-align:center;align-items:center}:host .zonos--hello-dialog-footer a{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--hello-dialog-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:4px}}";
+const zonosHelloDialogFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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}[data-theme=LIGHT]{color-scheme:light}:root,[data-theme=LIGHT]{--zonos-elements-transition:all 0.2s ease-in-out 0s, visibility 0s;--zonos-elements-type-scale-base:16px;--zonos-elements-glass-0:#10111600;--zonos-elements-glass-50:#1011160a;--zonos-elements-glass-100:#10111614;--zonos-elements-glass-200:#10111626;--zonos-elements-glass-300:#1011163d;--zonos-elements-glass-400:#10111656;--zonos-elements-glass-500:#10111670;--zonos-elements-glass-600:#1011169b;--zonos-elements-glass-700:#101116ad;--zonos-elements-glass-800:#101116bc;--zonos-elements-glass-900:#101116c6;--zonos-elements-glass-1000:#101116dd;--zonos-elements-glass-1100:#101116ef;--zonos-elements-glass-1200:#101116f5;--zonos-elements-gray-0:#ffffff;--zonos-elements-gray-50:#f6f6f8;--zonos-elements-gray-100:#ebebf0;--zonos-elements-gray-200:#d9dae3;--zonos-elements-gray-300:#bfc0ce;--zonos-elements-gray-400:#a7a9b9;--zonos-elements-gray-500:#888d9f;--zonos-elements-gray-600:#676c7e;--zonos-elements-gray-700:#575c6b;--zonos-elements-gray-800:#484c5b;--zonos-elements-gray-900:#383a48;--zonos-elements-gray-1000:#2a2c37;--zonos-elements-gray-1100:#1a1c23;--zonos-elements-gray-1200:#101116;--zonos-elements-blue-100:#e7f6fe;--zonos-elements-blue-200:#c9e6fd;--zonos-elements-blue-300:#a3cbfa;--zonos-elements-blue-400:#7fa9f5;--zonos-elements-blue-500:#5a80f1;--zonos-elements-blue-600:#445eee;--zonos-elements-blue-700:#3843c2;--zonos-elements-blue-800:#2e3d94;--zonos-elements-blue-900:#212f68;--zonos-elements-blue-1000:#152141;--zonos-elements-cyan-100:#d6fffe;--zonos-elements-cyan-200:#c0f2f2;--zonos-elements-cyan-300:#9be7e9;--zonos-elements-cyan-400:#66d5db;--zonos-elements-cyan-500:#3ec4d0;--zonos-elements-cyan-600:#2ca0af;--zonos-elements-cyan-700:#29818e;--zonos-elements-cyan-800:#25646f;--zonos-elements-cyan-900:#1d464e;--zonos-elements-cyan-1000:#152d32;--zonos-elements-red-100:#ffeceb;--zonos-elements-red-200:#fdd0ce;--zonos-elements-red-300:#faa9a9;--zonos-elements-red-400:#f37c82;--zonos-elements-red-500:#eb5c6c;--zonos-elements-red-600:#de314f;--zonos-elements-red-700:#bc2442;--zonos-elements-red-800:#922033;--zonos-elements-red-900:#6c1b26;--zonos-elements-red-1000:#481419;--zonos-elements-orange-100:#fff1e0;--zonos-elements-orange-200:#fcdab8;--zonos-elements-orange-300:#f5c193;--zonos-elements-orange-400:#f7a464;--zonos-elements-orange-500:#f47a34;--zonos-elements-orange-600:#e5591a;--zonos-elements-orange-700:#bd3c1c;--zonos-elements-orange-800:#94301c;--zonos-elements-orange-900:#6b2a1a;--zonos-elements-orange-1000:#401d12;--zonos-elements-green-100:#defde8;--zonos-elements-green-200:#aff8c3;--zonos-elements-green-300:#81ef98;--zonos-elements-green-400:#57db6c;--zonos-elements-green-500:#39c049;--zonos-elements-green-600:#2ca03f;--zonos-elements-green-700:#288129;--zonos-elements-green-800:#246627;--zonos-elements-green-900:#1d4920;--zonos-elements-green-1000:#153219;--zonos-elements-purple-100:#edebff;--zonos-elements-purple-200:#dcd2fe;--zonos-elements-purple-300:#ceb5fd;--zonos-elements-purple-400:#c699fa;--zonos-elements-purple-500:#b25cf5;--zonos-elements-purple-600:#ab26ed;--zonos-elements-purple-700:#901cca;--zonos-elements-purple-800:#6e1e99;--zonos-elements-purple-900:#471d68;--zonos-elements-purple-1000:#2c1844;--zonos-elements-transparent-white:#ffffffbb;--zonos-elements-transparent-black:#101116bb;--zonos-elements-transparent-gray-600:#6a6d771f;--zonos-elements-v3-shadow-base:0px 1px 3px 0px rgba(10, 10, 11, 0.1),\n    0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-medium:0px 2px 4px 0px rgba(10, 10, 11, 0.06),\n    0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-large:0px 4px 6px 0px rgba(10, 10, 11, 0.05),\n    0px 10px 15px rgba(10, 10, 11, 0.1),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-xl:0px 10px 10px 0px rgba(12, 12, 13, 0.04),\n    0px 20px 25px rgba(10, 10, 11, 0.1),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.04),\n    0px 1px 0px 0px rgba(255, 255, 255, 1),\n    inset 0px 0px 8px rgba(0, 0, 0, 0.02),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n    inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);--zonos-elements-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(68, 94, 238, 0.4);--zonos-elements-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(43, 156, 77, 0.4);--zonos-elements-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(217, 33, 65, 0.4);--zonos-elements-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(229, 89, 26, 0.4);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-shadow-button-standard:0px 1px 3px 0px\n      rgba(110, 110, 120, 0.12),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--zonos-elements-shadow-button-disabled:0px 1px 3px 0px rgba(16, 17, 22, 0.2),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;--zonos-elements-shadow-select-base:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--zonos-elements-shadow-select-active:0px 1px 3px 0px rgba(68, 94, 238, 0.4),\n    0px 0px 0px 1px #445eee inset,\n    0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset;--zonos-elements-shadow-select-error:0px 1px 3px 0px rgba(221, 49, 78, 0.4),\n    0px 0px 0px 1px #dd314e inset,\n    0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;--zonos-elements-opacity-disabled:0.6;--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-0);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:var(--zonos-elements-gray-0);--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #fff 0%,\n    #eaebed 100%\n  );--zonos-elements-spinner-track-black:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-black:#0c0c0c;--zonos-elements-spinner-track-white:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-white:#ffffff;--zonos-elements-appbar-height:55px;--zonos-elements-sidebar-width:232px;--zonos-elements-elevation-0:0;--zonos-elements-elevation-100:100;--zonos-elements-elevation-200:200;--zonos-elements-elevation-300:300;--zonos-elements-elevation-400:400;--zonos-elements-elevation-500:500;--zonos-elements-dialog-elevation:var(--zonos-elements-elevation-400);--zonos-elements-toast-elevation:var(--zonos-elements-elevation-500);--zonos-elements-appbar-elevation:var(--zonos-elements-elevation-500);--zonos-elements-size-xl:56px;--zonos-elements-size-lg:48px;--zonos-elements-size-md:40px;--zonos-elements-size-sm:32px;--zonos-elements-radius-4:4px;--zonos-elements-radius-6:6px;--zonos-elements-radius-8:8px;--zonos-elements-radius-10:10px;--zonos-elements-radius-12:12px;--zonos-elements-font-size-3xl:30px;--zonos-elements-font-size-2xl:24px;--zonos-elements-font-size-xl:20px;--zonos-elements-font-size-l:18px;--zonos-elements-font-size-base-docs:16px;--zonos-elements-font-size-base:13px;--zonos-elements-font-size-s:12px;--zonos-elements-font-size-xs:11px;--zonos-elements-line-height-3xl:48px;--zonos-elements-line-height-2xl:40px;--zonos-elements-line-height-xl:32px;--zonos-elements-line-height-l:24px;--zonos-elements-line-height-base:24px;--zonos-elements-line-height-s:16px;--zonos-elements-line-height-xs:12px;--zonos-elements-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont,\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;--zonos-elements-font-mono:Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,\n    Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,\n    Courier New, monospace;--zonos-elements-font-harmonized-codes:\"Fira Code\",\n    var(--zonos-elements-font-sans);--zonos-elements-input-background:inherit}[data-theme=DARK]{color-scheme:dark;--zonos-elements-glass-0:#ffffff00;--zonos-elements-glass-50:#ffffff0a;--zonos-elements-glass-100:#ffffff21;--zonos-elements-glass-200:#ffffff26;--zonos-elements-glass-300:#ffffff44;--zonos-elements-glass-400:#ffffff51;--zonos-elements-glass-500:#ffffff63;--zonos-elements-glass-600:#ffffff8e;--zonos-elements-glass-700:#ffffffa8;--zonos-elements-glass-800:#ffffffc1;--zonos-elements-glass-900:#ffffffd8;--zonos-elements-glass-1000:#ffffffea;--zonos-elements-glass-1100:#fffffff4;--zonos-elements-glass-1200:#fffffffa;--zonos-elements-gray-0:#101116;--zonos-elements-gray-50:#1a1c23;--zonos-elements-gray-100:#2a2c37;--zonos-elements-gray-200:#383a48;--zonos-elements-gray-300:#484c5b;--zonos-elements-gray-400:#575c6b;--zonos-elements-gray-500:#676c7e;--zonos-elements-gray-600:#888d9f;--zonos-elements-gray-700:#a7a9b9;--zonos-elements-gray-800:#bfc0ce;--zonos-elements-gray-900:#d9dae3;--zonos-elements-gray-1000:#ebebf0;--zonos-elements-gray-1100:#f6f6f8;--zonos-elements-gray-1200:#ffffff;--zonos-elements-blue-100:#152141;--zonos-elements-blue-200:#212f68;--zonos-elements-blue-300:#2e3d94;--zonos-elements-blue-400:#3843c2;--zonos-elements-blue-500:#445eee;--zonos-elements-blue-600:#5a80f1;--zonos-elements-blue-700:#7fa9f5;--zonos-elements-blue-800:#a8cefa;--zonos-elements-blue-900:#c9e6fd;--zonos-elements-blue-1000:#e7f6fe;--zonos-elements-cyan-100:#152d32;--zonos-elements-cyan-200:#1d464e;--zonos-elements-cyan-300:#25646f;--zonos-elements-cyan-400:#29818e;--zonos-elements-cyan-500:#2ca0af;--zonos-elements-cyan-600:#3ec4d0;--zonos-elements-cyan-700:#66d5db;--zonos-elements-cyan-800:#9be7e9;--zonos-elements-cyan-900:#c0f2f2;--zonos-elements-cyan-1000:#d6fffe;--zonos-elements-red-100:#481419;--zonos-elements-red-200:#6c1b26;--zonos-elements-red-300:#922033;--zonos-elements-red-400:#bc2442;--zonos-elements-red-500:#de314f;--zonos-elements-red-600:#eb5c6c;--zonos-elements-red-700:#f37c82;--zonos-elements-red-800:#faa9a9;--zonos-elements-red-900:#fdd0ce;--zonos-elements-red-1000:#ffeceb;--zonos-elements-orange-100:#401d12;--zonos-elements-orange-200:#6b2a1a;--zonos-elements-orange-300:#94301c;--zonos-elements-orange-400:#bd3c1c;--zonos-elements-orange-500:#e5591a;--zonos-elements-orange-600:#f47a34;--zonos-elements-orange-700:#f7a464;--zonos-elements-orange-800:#f5c193;--zonos-elements-orange-900:#fcdab8;--zonos-elements-orange-1000:#fff1e0;--zonos-elements-green-100:#153219;--zonos-elements-green-200:#1d4920;--zonos-elements-green-300:#246627;--zonos-elements-green-400:#288129;--zonos-elements-green-500:#2ca03f;--zonos-elements-green-600:#39c049;--zonos-elements-green-700:#57db6c;--zonos-elements-green-800:#81ef98;--zonos-elements-green-900:#aff8c3;--zonos-elements-green-1000:#defde8;--zonos-elements-purple-100:#2c1844;--zonos-elements-purple-200:#471d68;--zonos-elements-purple-300:#6e1e99;--zonos-elements-purple-400:#901cca;--zonos-elements-purple-500:#ab26ed;--zonos-elements-purple-600:#b25cf5;--zonos-elements-purple-700:#c699fa;--zonos-elements-purple-800:#ceb5fd;--zonos-elements-purple-900:#dcd2fe;--zonos-elements-purple-1000:#edebff;--zonos-elements-transparent-white:#101116bb;--zonos-elements-transparent-black:#ffffffbb;--zonos-elements-transparent-gray-600:#94969e1f;--zonos-elements-v3-shadow-base:0px 1px 4px 0px rgba(0, 0, 0, 0.7),\n    0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-medium:0px 2px 4px 0px rgba(0, 0, 0, 0.6),\n    0px 4px 6px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-large:0px 4px 6px 0px rgba(0, 0, 0, 0.6),\n    0px 10px 15px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-xl:0px 10px 10px 0px rgba(0, 0, 0, 0.6),\n    0px 20px 25px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.24),\n    0px 1px 0px rgba(17, 17, 20, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.16),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n    inset 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n    0px 0px 6px rgba(255, 255, 255, 0.08),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-shadow-button-primary:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(95, 146, 246, 0.4);--zonos-elements-shadow-button-success:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(86, 199, 111, 0.6);--zonos-elements-shadow-button-danger:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(249, 92, 103, 0.6);--zonos-elements-shadow-button-warning:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(248, 140, 83, 0.6);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-shadow-button-standard:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--zonos-elements-shadow-button-disabled:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(255, 255, 255, 0);--zonos-elements-shadow-select-base:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--zonos-elements-shadow-select-active:0px 0px 0px 1px #000,\n    0px -1px 1px 1px rgba(114, 146, 243, 0.24) inset,\n    0px 0px 0px 1px #7292f3 inset, 0px 1px 3px 0px rgba(114, 146, 243, 0.4);--zonos-elements-shadow-select-error:0px 0px 0px 1px #000,\n    0px -1px 1px 1px rgba(235, 92, 108, 0.24) inset,\n    0px 0px 0px 1px #eb5c6c inset, 0px 1px 3px 0px rgba(235, 92, 108, 0.6);--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-50);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-100);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:#2c2e3899;--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-0);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #5a80f1 0%,\n    #7fa9f5 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #39c049 0%,\n    #57db6c 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #e9495c 0%,\n    #f37c82 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #f47a34 0%,\n    #f7a464 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #2c2e3800,\n    #2c2e38e5\n  );--zonos-elements-spinner-track-black:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-black:#ffffff;--zonos-elements-spinner-track-white:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-white:#0c0c0c}:host .zonos--hello-dialog-footer{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color, var(--zonos-elements-surface-color-secondary));border-top:var(--zonos-elements-border);padding:12px;-ms-flex-align:center;align-items:center}:host .zonos--hello-dialog-footer a{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--hello-dialog-footer zonos-button button.outline{outline:1px solid var(--zonos-elements-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:4px}}";
 const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
 
 const ZonosHelloDialogFooter = class {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
@@ -79,13 +79,9 @@ const ZonosHelloDialog = class {
             const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
                 ? cart.currencyFormat(countryLandedCost.dutyDeminimus)
                 : null;
-            // If Canada, use 40 CAD (courier duty de minimis)
-            const dutyDeminimisToUse = cart.localizationStore.selectedCountryCode === 'CA'
-                ? cart.currencyFormat(40)
-                : dutyDeminimis;
             // If deminimis is undefined or null, assume it's $0
-            return dutyDeminimisToUse
-                ? `${cart.translate('Spend')} ${dutyDeminimisToUse} ${cart.translate('duty free')}`
+            return dutyDeminimis
+                ? `${cart.translate('Spend')} ${dutyDeminimis} ${cart.translate('duty free')}`
                 : cart.translate('Duties will apply to all orders');
         };
         this.getTaxMessage = () => {
@@ -94,12 +90,8 @@ const ZonosHelloDialog = class {
             const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
                 ? cart.currencyFormat(countryLandedCost.vatTaxDeminimus)
                 : null;
-            // If Canada, use 150 CAD (courier tax de minimis)
-            const taxDeminimisToUse = cart.localizationStore.selectedCountryCode === 'CA'
-                ? cart.currencyFormat(150)
-                : taxDeminimis;
-            return taxDeminimisToUse
-                ? `${cart.translate('Spend')} ${taxDeminimisToUse} ${cart.translate('tax free')}`
+            return taxDeminimis
+                ? `${cart.translate('Spend')} ${taxDeminimis} ${cart.translate('tax free')}`
                 : cart.translate('Taxes will apply to all orders');
         };
         this.getUkDutyTaxMessage = (landedCost) => {
@@ -186,17 +178,17 @@ const ZonosHelloDialog = class {
         const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (index.h(index.Host, { key: '7e8de73755369d6e94a502ad580f051fa6c8da6d', class: "zonos--elements" }, index.h("div", { key: '1680bee2115bd6b9c21cf7288aac99343a106fc6', "aria-hidden": "true", class: classes.classes([
+        return (index.h(index.Host, { key: 'e54181bd2c3eb1c77d5dad36c5426f4e9ddee766', class: "zonos--elements" }, index.h("div", { key: '3960f91898ed2409018cbac487491f38ab0b0c5e', "aria-hidden": "true", class: classes.classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '878dfde3a7df3cb257a3344a7d45b5d09f06abdd' }, index.h("div", { key: '167f9ad860c1d8acf36bde0ebf718d3e7e37a1e5', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '5aa8eeb4b01fb2282b881377ba4bf11cd7caa623', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'aee8f07760b9f68abd57476683cf2b450a20e09e', spacing: 24 }, index.h("zonos-country-flag", { key: 'd71c48fb777ef4a7e15d419e4902ba1b0f4ca212', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'a00c00aaf92c76c1e7e207fb301c3e5002a83407', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '77c763fa74510d3a182a4f6f1b4f48eab6498573', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '3d3a634aee3b4277460de8f977a901ae29f5baac', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '85237fae85ab07206bcdfff86de4cfae928fb730', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '69c9b9ebe1cdde7a43773eeabfa07e9bb842df14' }, index.h("div", { key: 'fcad53ed6962a775ec1cb325636db397f34f62b2', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '018c3ce79334f35d6f7c04143b2a1f14c068405f', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: '38e19b5e803f0fcd89adf54e95f40549c93ea511', spacing: 24 }, index.h("zonos-country-flag", { key: '01ea29a0de53d00c9eb49e29fb8680da92656db4', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '7a1dd895a58fdf4e008164828e6ee7bae96723ab', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'a1c334ba3f4e7a15de6f14d17440faae44a26498', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'dad722c938d002eaa223ef847c86bafbe1815bdc', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '1b1d7d1e3ee671fecba8ec2731ffb0f4356af1e7', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), index.h("zonos-card", { key: '7538d03f14fe518406f2a16afff5e08460fbbc37', spacing: "12px" }, index.h("zonos-v-stack", { key: 'e8e7d5dd2765b70b38e22028a0cd084a826bafbd', spacing: 12 }, index.h("div", { key: '0822cd8d0023b2dbf2f99e957d0cd7c0ddab5d30', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '098699a08612c6bccd07a32597f4cb69b111ddbd', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '28e26206a7a4eb7604030f3612265e0b623f17a5' }, dutyDeMinimisMessage)), index.h("div", { key: '2128d439fa2bdf1304979b8f4a1c4e438d11cced', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'd1fa307f787d7f8f36b31e13208761fd841603fe', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: 'b29a178d243d8b0300adef157a03e8f80e8d6590' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: '2c764bc1c8eb74f6ea036c6bab4ac7ba12753531', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '91277f65b642b8e79a04839f7fbf3f1886d3585b', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: 'cabce597179bdf0a92334e0e72297661c9d6cd67' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '6582cdaa19e7252b4c6401c1a69bd9df7b690b3c', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: 'f10d4c707e32dd77888292cbfec2bf4fe71f4467' }, index.h("zonos-country-select", { key: '5f09ef49c781096248104eb77845b783aa3d6d56', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '8985543a50da7be63ddfbf40a01e5a6af3e9d7b9' }, index.h("zonos-language-select", { key: '9b2197ea5b765a5d15a02522a14e959100254669', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { key: '0bef1474f44e1a60c48845562f455bfb214bcc80', spacing: "12px" }, index.h("zonos-v-stack", { key: '5d65f0de1641b30119463da8b42622805fef4f9b', spacing: 12 }, index.h("div", { key: 'f752d5a9738490220fd4c98615bc7416d38cc2d1', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '7a9ac42800b0d35a18cc13bd611d79acd20244cf', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '3d31748fcd4c718326ff62ea2e97088d8ab1ed3e' }, dutyDeMinimisMessage)), index.h("div", { key: '699d72e9efc630452bf947be8f0e44ca09819cfe', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'e997263930e53e22c3a4e8dd5f20e1ee3cd695e4', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: 'e1c2a5ee2718a5446a63c2b8d547848e262817f0' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: '8522ab846d9733fb8ffd3b9873e8b9650aa63b58', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '20cb281304b9839fe7f30685949af2aa3af9721d', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: '9347d34c8fbfd9bf04ba2b6d79186263b524c2a8' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: 'a6980cae6e361ae1f5b00ec4827127422adee301', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: 'be7793fb262c395ae96fa6acfe0c14fbf062b1c9' }, index.h("zonos-country-select", { key: '2224aade7391512826b4b9c46bd826f013945f83', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '006ac0317c9a7911c1e48f7c30f66b3e8882f6d6' }, index.h("zonos-language-select", { key: '1577f733b5556e7683b6c74dc111e99c77ba0649', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
 const zonosStore = require('./zonosStore-d8bb0bda.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-01f45d3f.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-654a6001.js');
-const cart = require('./cart-db549f04.js');
+const cart = require('./cart-d25723e7.js');
 require('./zonosStore-d8bb0bda.js');
 require('./isDarkColor-01f45d3f.js');
 require('./getBorderRadius-44b3eca1.js');

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

@@ -25,7 +25,10 @@ export class ZonosCheckoutFinish {
                 return null;
             }
             // onOrderSuccess callback may be provided on Zonos.init
-            await ((_b = (_a = zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, json));
+            await ((_b = (_a = zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                zonosApiRoute: baseUrl,
+                zonosOrder: json,
+            }));
             return json;
         };
         this.handleSuccessBehavior = (orderId) => {
@@ -153,11 +156,11 @@ export class ZonosCheckoutFinish {
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (h(Host, { key: 'fffe0cbefd173f892f3a0359ac45a8b97392172e', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '5ff65f7e0c06f41df8aae634bdfc5d6c249066e3', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: 'b0a8c67102f0eb841d114e8cd1cd7e44fe895df4', class: "loading-wrapper" }, h("zonos-spinner", { key: 'e45f13d061cd94f777abfef5f12a8dc9a927c9e1' }))), !this.isLoading && (h(Fragment, null, h("div", { key: '81ca150772d4f6b38563bb46d5c76ebc51f9628c', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'c88feb2cc5956087fc91c5a00edb4e142efbfee0', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '621b100ed02aa5dc37f1da5be90c8f14568a21f3' }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '9fff5bc809f97f8126a8117b2896f984e07fc1be', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
+            } }, this.isLoading && (h("div", { key: '90a55566440c372885ecfd0d4ec1ceaca61d5169', class: "loading-wrapper" }, h("zonos-spinner", { key: '814fcab377f26107b42d431a9bd89cb415ea2aba' }))), !this.isLoading && (h(Fragment, null, h("div", { key: '5f0af17eadfad44a28b7a3cab861630aab10ea46', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'cb98643270b2faf2522437d653251b7a1b520d8c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '24b040b053da852c0e6d9e76532647d7f4ec3d7a' }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '664c02f338ef2020fed645c759cfa70fcd1edb97', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
     }
     static get is() { return "zonos-checkout-finish"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore, cartStoreNextStep, cartStoreReset, cartStoreResetTabItems, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
 import { initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, } from "../../store/checkout/stripe";
-import { localizationStore } from "../../store/hello/localization";
+import { localizationStore, localizationStoreOnUpdate, } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, } from "../../store/zonosStore";
 import { buildCartItemsByTempCart } from "../../utils/api/buildCartItemsByTempCart";
@@ -24,6 +24,10 @@ import MessageIcon from "./assets/MessageIcon.svg";
 import RemoveIcon from "./assets/RemoveIcon.svg";
 export class ZonosCheckout {
     constructor() {
+        /**
+         * Listener for locale change in localization store
+         */
+        this.onChangeLocaleListener = () => { };
         this.applyStripeTheme = async () => {
             var _a, _b, _c, _d;
             const theme = ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) || zonosStore.appearance.theme;
@@ -412,6 +416,11 @@ export class ZonosCheckout {
         this.isMobile = isCheckoutMobile(this.mobile);
         // update theme to browser preference theme if appearance theme is system
         this.handleAppearanceSettingsOverrideChange();
+        // listen to selected locale code change
+        this.onChangeLocaleListener = localizationStoreOnUpdate('selectedLocale', () => {
+            // Update stripe locale when selected country code is changed
+            void this.applyStripeTheme();
+        });
         log(`mobile: ${this.isMobile}`);
     }
     // do clean up when component is unmounted
@@ -420,6 +429,8 @@ export class ZonosCheckout {
         stripeStoreReset();
         // reset cart store
         cartStoreReset();
+        // cleanup onChange listener
+        this.onChangeLocaleListener();
     }
     render() {
         var _a;

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.css

@@ -261,26 +261,26 @@
   --zonos-elements-size-lg: 48px;
   --zonos-elements-size-md: 40px;
   --zonos-elements-size-sm: 32px;
-  --zonos-elements-radius-4: 0.25rem;
-  --zonos-elements-radius-6: 0.375rem;
-  --zonos-elements-radius-8: 0.5rem;
-  --zonos-elements-radius-10: 0.625rem;
-  --zonos-elements-radius-12: 0.75rem;
-  --zonos-elements-font-size-3xl: 1.875rem;
-  --zonos-elements-font-size-2xl: 1.5rem;
-  --zonos-elements-font-size-xl: 1.25rem;
-  --zonos-elements-font-size-l: 1.125rem;
-  --zonos-elements-font-size-base-docs: 1rem;
-  --zonos-elements-font-size-base: 0.813rem;
-  --zonos-elements-font-size-s: 0.75rem;
-  --zonos-elements-font-size-xs: 0.688rem;
-  --zonos-elements-line-height-3xl: 3rem;
-  --zonos-elements-line-height-2xl: 2.5rem;
-  --zonos-elements-line-height-xl: 2rem;
-  --zonos-elements-line-height-l: 1.5rem;
-  --zonos-elements-line-height-base: 1.5rem;
-  --zonos-elements-line-height-s: 1rem;
-  --zonos-elements-line-height-xs: 0.75rem;
+  --zonos-elements-radius-4: 4px;
+  --zonos-elements-radius-6: 6px;
+  --zonos-elements-radius-8: 8px;
+  --zonos-elements-radius-10: 10px;
+  --zonos-elements-radius-12: 12px;
+  --zonos-elements-font-size-3xl: 30px;
+  --zonos-elements-font-size-2xl: 24px;
+  --zonos-elements-font-size-xl: 20px;
+  --zonos-elements-font-size-l: 18px;
+  --zonos-elements-font-size-base-docs: 16px;
+  --zonos-elements-font-size-base: 13px;
+  --zonos-elements-font-size-s: 12px;
+  --zonos-elements-font-size-xs: 11px;
+  --zonos-elements-line-height-3xl: 48px;
+  --zonos-elements-line-height-2xl: 40px;
+  --zonos-elements-line-height-xl: 32px;
+  --zonos-elements-line-height-l: 24px;
+  --zonos-elements-line-height-base: 24px;
+  --zonos-elements-line-height-s: 16px;
+  --zonos-elements-line-height-xs: 12px;
   --zonos-elements-font-sans: "Inter", -apple-system, BlinkMacSystemFont,
     "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
     "Droid Sans", "Helvetica Neue", sans-serif;

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js

@@ -50,13 +50,9 @@ export class ZonosHelloDialog {
             const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
                 ? currencyFormat(countryLandedCost.dutyDeminimus)
                 : null;
-            // If Canada, use 40 CAD (courier duty de minimis)
-            const dutyDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
-                ? currencyFormat(40)
-                : dutyDeminimis;
             // If deminimis is undefined or null, assume it's $0
-            return dutyDeminimisToUse
-                ? `${translate('Spend')} ${dutyDeminimisToUse} ${translate('duty free')}`
+            return dutyDeminimis
+                ? `${translate('Spend')} ${dutyDeminimis} ${translate('duty free')}`
                 : translate('Duties will apply to all orders');
         };
         this.getTaxMessage = () => {
@@ -65,12 +61,8 @@ export class ZonosHelloDialog {
             const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
                 ? currencyFormat(countryLandedCost.vatTaxDeminimus)
                 : null;
-            // If Canada, use 150 CAD (courier tax de minimis)
-            const taxDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
-                ? currencyFormat(150)
-                : taxDeminimis;
-            return taxDeminimisToUse
-                ? `${translate('Spend')} ${taxDeminimisToUse} ${translate('tax free')}`
+            return taxDeminimis
+                ? `${translate('Spend')} ${taxDeminimis} ${translate('tax free')}`
                 : translate('Taxes will apply to all orders');
         };
         this.getUkDutyTaxMessage = (landedCost) => {
@@ -157,17 +149,17 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '7e8de73755369d6e94a502ad580f051fa6c8da6d', class: "zonos--elements" }, h("div", { key: '1680bee2115bd6b9c21cf7288aac99343a106fc6', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: 'e54181bd2c3eb1c77d5dad36c5426f4e9ddee766', class: "zonos--elements" }, h("div", { key: '3960f91898ed2409018cbac487491f38ab0b0c5e', "aria-hidden": "true", class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '878dfde3a7df3cb257a3344a7d45b5d09f06abdd' }, h("div", { key: '167f9ad860c1d8acf36bde0ebf718d3e7e37a1e5', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '5aa8eeb4b01fb2282b881377ba4bf11cd7caa623', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: 'aee8f07760b9f68abd57476683cf2b450a20e09e', spacing: 24 }, h("zonos-country-flag", { key: 'd71c48fb777ef4a7e15d419e4902ba1b0f4ca212', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'a00c00aaf92c76c1e7e207fb301c3e5002a83407', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '77c763fa74510d3a182a4f6f1b4f48eab6498573', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '3d3a634aee3b4277460de8f977a901ae29f5baac', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '85237fae85ab07206bcdfff86de4cfae928fb730', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '69c9b9ebe1cdde7a43773eeabfa07e9bb842df14' }, h("div", { key: 'fcad53ed6962a775ec1cb325636db397f34f62b2', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '018c3ce79334f35d6f7c04143b2a1f14c068405f', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '38e19b5e803f0fcd89adf54e95f40549c93ea511', spacing: 24 }, h("zonos-country-flag", { key: '01ea29a0de53d00c9eb49e29fb8680da92656db4', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '7a1dd895a58fdf4e008164828e6ee7bae96723ab', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'a1c334ba3f4e7a15de6f14d17440faae44a26498', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'dad722c938d002eaa223ef847c86bafbe1815bdc', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '1b1d7d1e3ee671fecba8ec2731ffb0f4356af1e7', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), h("zonos-card", { key: '7538d03f14fe518406f2a16afff5e08460fbbc37', spacing: "12px" }, h("zonos-v-stack", { key: 'e8e7d5dd2765b70b38e22028a0cd084a826bafbd', spacing: 12 }, h("div", { key: '0822cd8d0023b2dbf2f99e957d0cd7c0ddab5d30', class: "zonos--flex-message" }, h("zonos-icon", { key: '098699a08612c6bccd07a32597f4cb69b111ddbd', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '28e26206a7a4eb7604030f3612265e0b623f17a5' }, dutyDeMinimisMessage)), h("div", { key: '2128d439fa2bdf1304979b8f4a1c4e438d11cced', class: "zonos--flex-message" }, h("zonos-icon", { key: 'd1fa307f787d7f8f36b31e13208761fd841603fe', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: 'b29a178d243d8b0300adef157a03e8f80e8d6590' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: '2c764bc1c8eb74f6ea036c6bab4ac7ba12753531', class: "zonos--flex-message" }, h("zonos-icon", { key: '91277f65b642b8e79a04839f7fbf3f1886d3585b', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: 'cabce597179bdf0a92334e0e72297661c9d6cd67' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6582cdaa19e7252b4c6401c1a69bd9df7b690b3c', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'f10d4c707e32dd77888292cbfec2bf4fe71f4467' }, h("zonos-country-select", { key: '5f09ef49c781096248104eb77845b783aa3d6d56', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '8985543a50da7be63ddfbf40a01e5a6af3e9d7b9' }, h("zonos-language-select", { key: '9b2197ea5b765a5d15a02522a14e959100254669', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: '0bef1474f44e1a60c48845562f455bfb214bcc80', spacing: "12px" }, h("zonos-v-stack", { key: '5d65f0de1641b30119463da8b42622805fef4f9b', spacing: 12 }, h("div", { key: 'f752d5a9738490220fd4c98615bc7416d38cc2d1', class: "zonos--flex-message" }, h("zonos-icon", { key: '7a9ac42800b0d35a18cc13bd611d79acd20244cf', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '3d31748fcd4c718326ff62ea2e97088d8ab1ed3e' }, dutyDeMinimisMessage)), h("div", { key: '699d72e9efc630452bf947be8f0e44ca09819cfe', class: "zonos--flex-message" }, h("zonos-icon", { key: 'e997263930e53e22c3a4e8dd5f20e1ee3cd695e4', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: 'e1c2a5ee2718a5446a63c2b8d547848e262817f0' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: '8522ab846d9733fb8ffd3b9873e8b9650aa63b58', class: "zonos--flex-message" }, h("zonos-icon", { key: '20cb281304b9839fe7f30685949af2aa3af9721d', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: '9347d34c8fbfd9bf04ba2b6d79186263b524c2a8' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: 'a6980cae6e361ae1f5b00ec4827127422adee301', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'be7793fb262c395ae96fa6acfe0c14fbf062b1c9' }, h("zonos-country-select", { key: '2224aade7391512826b4b9c46bd826f013945f83', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '006ac0317c9a7911c1e48f7c30f66b3e8882f6d6' }, h("zonos-language-select", { key: '1577f733b5556e7683b6c74dc111e99c77ba0649', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,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";
-const { state: localizationStore } = createStore({
+const { onChange: localizationStoreOnUpdate, state: localizationStore } = createStore({
     countryLandedCost: null,
     customMessages: [],
     exchangeRate: null,
@@ -171,4 +171,4 @@ const localizationStoreUpdateSelectedLocale = (newSelectedLocale) => {
     translationStoreUpdateLanguage(newSelectedLocale);
     void updateCheckoutSessionLanguage();
 };
-export { initLocalizationStore, localizationStore, localizationStoreUpdateSelectedCountryCode, localizationStoreUpdateSelectedLocale, };
+export { initLocalizationStore, localizationStore, localizationStoreOnUpdate, localizationStoreUpdateSelectedCountryCode, localizationStoreUpdateSelectedLocale, };

package/dist/collection/scripts/zonosBase.js

@@ -217,11 +217,8 @@ Zonos.injectSentryScript = () => {
             dsn: 'https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760',
             ignoreErrors: ['Failed to load Stripe.js'],
             release: `zonos-elements@${_a.version}`,
-            tracesSampler: ({ transactionContext }) => {
-                if (transactionContext.op === 'pageload') {
-                    return 1;
-                }
-                return 0.25;
+            tracesSampler: () => {
+                return 0.01;
             },
         });
     };

package/dist/components/stripe.js

@@ -452,7 +452,7 @@ const setZCountryUrlParam = (selectedCountryCode) => {
     window.history.replaceState({}, '', newUrl);
 };
 
-const { state: localizationStore } = createStore({
+const { onChange: localizationStoreOnUpdate, state: localizationStore } = createStore({
     countryLandedCost: null,
     customMessages: [],
     exchangeRate: null,
@@ -1619,4 +1619,4 @@ onChange('clientSecret', clientSecret => {
     }
 });
 
-export { initLocalizationStore as A, getZCountryUrlParam as B, setZCountryUrlParam as C, currencyDisplay as D, currencyConvertAndFormat as E, currencyConvert as F, currencyFormat as G, localizationStore as a, log as b, cartStore as c, stripeStoreGetDomesticShippingSession as d, localizationStoreUpdateSelectedCountryCode as e, stripeStoreCleanupDomesticShippingSession as f, stripeStoreSaveDomesticShippingSession as g, cartStoreUpdateItems as h, initStripeElements as i, cartStoreReset as j, cartStoreResetTabItems as k, logError as l, stripeStoreInitCheckoutSession as m, cartStoreUpdateToErrorState as n, stripeStorePrefetchLandedCost as o, cartStoreNextStep as p, stripeStoreConfirmPayment as q, stripeStoreReset as r, stripeStore as s, handleFetch as t, stripeStoreRetrievePayment as u, stripeStoreTranslateAddressToLatin as v, localizationStoreUpdateSelectedLocale as w, cartStoreUpdateSelectedShippingOption as x, cartStoreGetShippingTransitInfo as y, isValidSelector as z };
+export { isValidSelector as A, initLocalizationStore as B, getZCountryUrlParam as C, setZCountryUrlParam as D, currencyDisplay as E, currencyConvertAndFormat as F, currencyConvert as G, currencyFormat as H, localizationStore as a, log as b, cartStore as c, stripeStoreGetDomesticShippingSession as d, localizationStoreUpdateSelectedCountryCode as e, stripeStoreCleanupDomesticShippingSession as f, stripeStoreSaveDomesticShippingSession as g, cartStoreUpdateItems as h, initStripeElements as i, cartStoreReset as j, cartStoreResetTabItems as k, logError as l, stripeStoreInitCheckoutSession as m, cartStoreUpdateToErrorState as n, stripeStorePrefetchLandedCost as o, cartStoreNextStep as p, stripeStoreConfirmPayment as q, stripeStoreReset as r, stripeStore as s, localizationStoreOnUpdate as t, handleFetch as u, stripeStoreRetrievePayment as v, stripeStoreTranslateAddressToLatin as w, localizationStoreUpdateSelectedLocale as x, cartStoreUpdateSelectedShippingOption as y, cartStoreGetShippingTransitInfo as z };