@zonos/elements 1.3.15-alpha.0 → 1.3.15-alpha.2

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-3b4816ef.js');
-const cart = require('./cart-b1c89065.js');
+const cart = require('./cart-1b1d39af.js');
 const zonosStore = require('./zonosStore-aee974e0.js');
 const classes = require('./classes-b7918f56.js');
 require('./isDarkColor-f5473002.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-3b4816ef.js');
-const cart = require('./cart-b1c89065.js');
+const cart = require('./cart-1b1d39af.js');
 const zonosStore = require('./zonosStore-aee974e0.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-f5473002.js');
@@ -1828,9 +1828,9 @@ const ZonosCountrySelect = class {
         const filteredCountries = this.inputValue
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
-        return (index.h(index.Host, { key: 'ae921c5a4aa83cdde8f42d8993603e824344f11a', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '4ac4ac37704300786a6a4b3668b1608cf9c2fd96', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'b3bd4c0a0a4aeee8f4de78aadd8cd26b69e060a3', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: 'aae54d33cc8a3b6befcbb259f92320da230df5be', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: '8627db51744e70f94ce01a024ac38343d7f2ee00', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, index.h("input", { key: 'affa5003e513bae802cdf029f3996cc2dd31f7d4', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), index.h("div", { key: '8b892a23cb69d44d886b69a7a038e3a98c97eb1b', class: "zonos--country-select-content" }, filteredCountries.map(country => (index.h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, index.h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), index.h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === cart.localizationStore.selectedCountryCode && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
+            } }, index.h("div", { key: 'aecc099069d42c73703f510b7021d1a0b988b810', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '358b01905c26ea03eef9c8a1551d1faa5c13b763', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'a22baac4b445d2dee08be2cb9c31714b226d9327', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, index.h("input", { key: '71515910f8bb3ef512c76a71246272f49506ee63', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), index.h("div", { key: '44d417c7859f4263c8286e60a2cc9bfbe7a6698d', class: "zonos--country-select-content" }, filteredCountries.map(country => (index.h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, index.h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), index.h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === cart.localizationStore.selectedCountryCode && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
     }
     get ele() { return index.getElement(this); }
 };
@@ -1847,9 +1847,9 @@ const ZonosCustomMessage = class {
     }
     render() {
         const messageWithLinks = formatStringWithLinks.formatStringWithLinks(this.message);
-        return (index.h(index.Host, { key: 'b917fa2e0b2293b3423ba8910cca667b62c3b7c0', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '197958ea99ffdb3cfc291144129c20b01fdd8b11', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, this.message && (index.h("zonos-card", { key: '28d3e6d986ee9a2d56ddb173f1e1e5094d18634a', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: '526de02e727a977f42e5547fc1ba0c91d682e72f', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '0e2360d11bff3c94c3ba722a0a2b4767f04232fc', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: 'fa8c7e5042f1d622053ccd86bb52b51304ffc83e', innerHTML: messageWithLinks }))))));
+            } }, this.message && (index.h("zonos-card", { key: 'c8ac70b6c21f6b412653a859661a07a3a07905c6', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: '2efe05820fd9e5f23d48a9ac0c167d3ec41b34d1', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '81577b44466ad6ed48b014fd20b441b3be96a70b', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: '16ba131ca7a8d80c81de6c38f3fbd11d872a8b2a', innerHTML: messageWithLinks }))))));
     }
 };
 ZonosCustomMessage.style = ZonosCustomMessageStyle0;
@@ -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],.zonos--elements{color-scheme:light;--amino-transition:all 0.2s ease-in-out 0s;--amino-type-scale-base:16px;--amino-glass-0:#10111600;--amino-glass-50:#1011160a;--amino-glass-100:#10111614;--amino-glass-200:#10111626;--amino-glass-300:#1011163d;--amino-glass-400:#10111656;--amino-glass-500:#10111670;--amino-glass-600:#1011169b;--amino-glass-700:#101116ad;--amino-glass-800:#101116bc;--amino-glass-900:#101116c6;--amino-glass-1000:#101116dd;--amino-glass-1100:#101116ef;--amino-glass-1200:#101116f5;--amino-gray-0:#ffffff;--amino-gray-50:#f6f6f8;--amino-gray-100:#eaebed;--amino-gray-200:#d9dadd;--amino-gray-300:#c5c6ca;--amino-gray-400:#acaeb3;--amino-gray-500:#94969e;--amino-gray-600:#6a6d77;--amino-gray-700:#5c5e68;--amino-gray-800:#4d505a;--amino-gray-900:#40424c;--amino-gray-1000:#2e3038;--amino-gray-1100:#1e1f26;--amino-gray-1200:#101116;--amino-blue-100:#deedfe;--amino-blue-200:#c5ddfd;--amino-blue-300:#aacbfc;--amino-blue-400:#89b2fa;--amino-blue-500:#5f92f6;--amino-blue-600:#445eee;--amino-blue-700:#364bd4;--amino-blue-800:#2c3baf;--amino-blue-900:#252e7e;--amino-blue-1000:#1c2154;--amino-cyan-100:#dbfffe;--amino-cyan-200:#bafdfd;--amino-cyan-300:#8ff6fa;--amino-cyan-400:#65e6ef;--amino-cyan-500:#4ec6d4;--amino-cyan-600:#37a5b4;--amino-cyan-700:#2c8896;--amino-cyan-800:#26707e;--amino-cyan-900:#245660;--amino-cyan-1000:#183339;--amino-red-100:#ffedeb;--amino-red-200:#fdd3d0;--amino-red-300:#fcb4b2;--amino-red-400:#fa8b8b;--amino-red-500:#f95c67;--amino-red-600:#d92141;--amino-red-700:#b4223d;--amino-red-800:#8c1d33;--amino-red-900:#641627;--amino-red-1000:#49121f;--amino-orange-100:#ffefe0;--amino-orange-200:#fed7b8;--amino-orange-300:#fdc7a0;--amino-orange-400:#fca975;--amino-orange-500:#f88c53;--amino-orange-600:#e5591a;--amino-orange-700:#b6471b;--amino-orange-800:#903a1d;--amino-orange-900:#692c1c;--amino-orange-1000:#441c13;--amino-green-100:#e0ffe3;--amino-green-200:#c8fdce;--amino-green-300:#a9f9b5;--amino-green-400:#7de490;--amino-green-500:#56c76f;--amino-green-600:#2b9c4d;--amino-green-700:#298549;--amino-green-800:#266e3e;--amino-green-900:#245234;--amino-green-1000:#1c3626;--amino-purple-100:#f4eeff;--amino-purple-200:#e7d8fd;--amino-purple-300:#ddc5fc;--amino-purple-400:#cea9fa;--amino-purple-500:#bd82f8;--amino-purple-600:#ab30ee;--amino-purple-700:#922bc5;--amino-purple-800:#742498;--amino-purple-900:#54206a;--amino-purple-1000:#3b1948;--amino-transparent-white:#ffffffbb;--amino-transparent-black:#101116bb;--amino-transparent-gray-600:#6a6d771f;--amino-v3-shadow-base:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 1px 2px rgba(10, 10, 11, 0.06), 0px 1px 3px rgba(10, 10, 11, 0.1);--amino-v3-shadow-medium:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 4px 6px rgba(10, 10, 11, 0.1), 0px 2px 4px rgba(10, 10, 11, 0.06);--amino-v3-shadow-large:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 10px 15px rgba(10, 10, 11, 0.1), 0px 4px 6px rgba(10, 10, 11, 0.05);--amino-v3-shadow-xl:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 20px 25px rgba(10, 10, 11, 0.1), 0px 10px 10px rgba(12, 12, 13, 0.04);--amino-v3-shadow-xxl:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 32px 50px rgba(10, 10, 11, 0.24);--amino-v3-shadow-inset:0px 1px 0px #ffffff, 0px 2px 4px rgba(0, 0, 0, 0.04),\n    inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n    inset 0px 0px 8px rgba(0, 0, 0, 0.02);--amino-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);--amino-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);--amino-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);--amino-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);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard: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;--amino-space-negative-80:-5rem;--amino-space-negative-76:-4.75rem;--amino-space-negative-72:-4.5rem;--amino-space-negative-68:-4.25rem;--amino-space-negative-64:-4rem;--amino-space-negative-60:-3.75rem;--amino-space-negative-56:-3.5rem;--amino-space-negative-52:-3.25rem;--amino-space-negative-48:-3rem;--amino-space-negative-44:-2.75rem;--amino-space-negative-40:-2.5rem;--amino-space-negative-36:-2.25rem;--amino-space-negative-32:-2rem;--amino-space-negative-28:-1.75rem;--amino-space-negative-24:-1.5rem;--amino-space-negative-20:-1.25rem;--amino-space-negative-16:-1rem;--amino-space-negative-12:-0.75rem;--amino-space-negative-8:-0.5rem;--amino-space-negative-4:-0.25rem;--amino-space-0:0;--amino-space-4:0.25rem;--amino-space-8:0.5rem;--amino-space-12:0.75rem;--amino-space-16:1rem;--amino-space-20:1.25rem;--amino-space-24:1.5rem;--amino-space-28:1.75rem;--amino-space-32:2rem;--amino-space-36:2.25rem;--amino-space-40:2.5rem;--amino-space-44:2.75rem;--amino-space-48:3rem;--amino-space-52:3.25rem;--amino-space-56:3.5rem;--amino-space-60:3.75rem;--amino-space-64:4rem;--amino-space-68:4.25rem;--amino-space-72:4.5rem;--amino-space-76:4.75rem;--amino-space-80:5rem;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1000);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n      var(--amino-transparent-gray-600) inset,\n    var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n    var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-0);--amino-surface-color-secondary:var(--amino-gray-50);--amino-backdrop-color:var(--amino-gray-1200);--amino-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--amino-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--amino-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--amino-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--amino-button-standard-hover:linear-gradient(180deg, #fff 0%, #eaebed 100%);--amino-spinner-track-black:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-black:#0c0c0c;--amino-spinner-track-white:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-white:#ffffff;--amino-appbar-height:55px;--amino-sidebar-width:232px;--amino-elevation-0:0;--amino-elevation-100:100;--amino-elevation-200:200;--amino-elevation-300:300;--amino-elevation-400:400;--amino-elevation-500:500;--amino-dialog-elevation:var(--amino-elevation-400);--amino-toast-elevation:var(--amino-elevation-500);--amino-appbar-elevation:var(--amino-elevation-500);--amino-size-xl:56px;--amino-size-lg:48px;--amino-size-md:40px;--amino-size-sm:32px;--amino-radius-4:0.25rem;--amino-radius-6:0.375rem;--amino-radius-8:0.5rem;--amino-radius-10:0.625rem;--amino-radius-12:0.75rem;--amino-font-size-3xl:2.125rem;--amino-font-size-2xl:1.75rem;--amino-font-size-xl:1.375rem;--amino-font-size-l:1.125rem;--amino-font-size-base-docs:1rem;--amino-font-size-base:0.875rem;--amino-font-size-s:0.75rem;--amino-font-size-xs:0.625rem;--amino-line-height-3xl:3rem;--amino-line-height-2xl:2.5rem;--amino-line-height-xl:2rem;--amino-line-height-l:1.5rem;--amino-line-height-base:1.5rem;--amino-line-height-s:1rem;--amino-line-height-xs:0.75rem;--amino-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n    \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n    \"Helvetica Neue\", sans-serif;--amino-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;--amino-font-harmonized-codes:\"Fira Code\", var(--amino-font-sans);--amino-input-background:inherit}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]),.zonos--elements[data-theme=DARK],.zonos--elements [data-theme=DARK]{color-scheme:dark;--amino-glass-0:#ffffff00;--amino-glass-50:#ffffff0a;--amino-glass-100:#ffffff21;--amino-glass-200:#ffffff26;--amino-glass-300:#ffffff44;--amino-glass-400:#ffffff51;--amino-glass-500:#ffffff63;--amino-glass-600:#ffffff8e;--amino-glass-700:#ffffffa8;--amino-glass-800:#ffffffc1;--amino-glass-900:#ffffffd8;--amino-glass-1000:#ffffffea;--amino-glass-1100:#fffffff4;--amino-glass-1200:#fffffffa;--amino-gray-0:#101116;--amino-gray-50:#1e1f26;--amino-gray-100:#2e3038;--amino-gray-200:#40424c;--amino-gray-300:#4d505a;--amino-gray-400:#5c5e68;--amino-gray-500:#6a6d77;--amino-gray-600:#94969e;--amino-gray-700:#acaeb3;--amino-gray-800:#c5c6ca;--amino-gray-900:#d9dadd;--amino-gray-1000:#eaebed;--amino-gray-1100:#f6f6f8;--amino-gray-1200:#ffffff;--amino-blue-100:#1c2154;--amino-blue-200:#252e7e;--amino-blue-300:#2c3baf;--amino-blue-400:#364bd4;--amino-blue-500:#445eee;--amino-blue-600:#5f92f6;--amino-blue-700:#89b2fa;--amino-blue-800:#aacbfc;--amino-blue-900:#c5ddfd;--amino-blue-1000:#deedfe;--amino-cyan-100:#183339;--amino-cyan-200:#245660;--amino-cyan-300:#26707e;--amino-cyan-400:#2c8896;--amino-cyan-500:#37a5b4;--amino-cyan-600:#4ec6d4;--amino-cyan-700:#65e6ef;--amino-cyan-800:#8ff6fa;--amino-cyan-900:#bafdfd;--amino-cyan-1000:#dbfffe;--amino-red-100:#49121f;--amino-red-200:#641627;--amino-red-300:#8c1d33;--amino-red-400:#b4223d;--amino-red-500:#d92141;--amino-red-600:#f95c67;--amino-red-700:#fa8b8b;--amino-red-800:#fcb4b2;--amino-red-900:#fdd3d0;--amino-red-1000:#ffedeb;--amino-orange-100:#441c13;--amino-orange-200:#692c1c;--amino-orange-300:#903a1d;--amino-orange-400:#b6471b;--amino-orange-500:#e5591a;--amino-orange-600:#f88c53;--amino-orange-700:#fca975;--amino-orange-800:#fdc7a0;--amino-orange-900:#fed7b8;--amino-orange-1000:#ffefe0;--amino-green-100:#1c3626;--amino-green-200:#245234;--amino-green-300:#266e3e;--amino-green-400:#298549;--amino-green-500:#2b9c4d;--amino-green-600:#56c76f;--amino-green-700:#7de490;--amino-green-800:#a9f9b5;--amino-green-900:#c8fdce;--amino-green-1000:#e0ffe3;--amino-purple-100:#3b1948;--amino-purple-200:#54206a;--amino-purple-300:#742498;--amino-purple-400:#922bc5;--amino-purple-500:#ab30ee;--amino-purple-600:#bd82f8;--amino-purple-700:#cea9fa;--amino-purple-800:#ddc5fc;--amino-purple-900:#e7d8fd;--amino-purple-1000:#f4eeff;--amino-transparent-white:#101116bb;--amino-transparent-black:#ffffffbb;--amino-transparent-gray-600:#94969e1f;--amino-v3-shadow-base:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 1px 3px rgba(0, 0, 0, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.8);--amino-v3-shadow-medium:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 4px 6px rgba(0, 0, 0, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.8);--amino-v3-shadow-large:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 10px 15px rgba(0, 0, 0, 0.9), 0px 4px 6px rgba(0, 0, 0, 0.8);--amino-v3-shadow-xl:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 20px 25px rgba(0, 0, 0, 0.9), 0px 10px 10px rgba(0, 0, 0, 0.8);--amino-v3-shadow-xxl:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 32px 50px rgba(0, 0, 0, 0.96);--amino-v3-shadow-inset:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 0px 6px rgba(255, 255, 255, 0.08), 0px 1px 0px #111114,\n    0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n    inset 0px 2px 4px rgba(0, 0, 0, 0.24),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n    inset 0px 0px 8px rgba(0, 0, 0, 0.16);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 0.5px #000, 0px 1px 3px 0px rgba(95, 146, 246, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset, 0px 0px 0px 0.5px #000,\n    0px 1px 3px 0px rgba(86, 199, 111, 0.6);--amino-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);--amino-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);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard: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;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1000);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n      var(--amino-transparent-gray-600) inset,\n    var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n    var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-50);--amino-surface-color-secondary:var(--amino-gray-100);--amino-backdrop-color:var(--amino-gray-0);--amino-button-primary-hover:linear-gradient(\n    180deg,\n    #5f92f6 0%,\n    #89b2fa 100%\n  );--amino-button-success-hover:linear-gradient(\n    180deg,\n    #56c76f 0%,\n    #7de490 100%\n  );--amino-button-danger-hover:linear-gradient(\n    180deg,\n    #f95c67 0%,\n    #fa8b8b 100%\n  );--amino-button-warning-hover:linear-gradient(\n    180deg,\n    #f88c53 0%,\n    #fca975 100%\n  );--amino-button-standard-hover:linear-gradient(\n    180deg,\n    #1e1f26 0%,\n    #2e3038 100%\n  );--amino-spinner-track-black:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-black:#ffffff;--amino-spinner-track-white:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-white:#0c0c0c;}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]) .elevated,.zonos--elements[data-theme=DARK] .elevated,.zonos--elements [data-theme=DARK] .elevated{--amino-hover-color:var(--amino-gray-100)}: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(--amino-surface-color-secondary));border-top:var(--amino-border);padding:var(--amino-space-12);-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(--amino-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:var(--amino-space-4)}}";
+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],.zonos--elements{color-scheme:light;--amino-transition:all 0.2s ease-in-out 0s, visibility 0s;--amino-type-scale-base:16px;--amino-glass-0:#10111600;--amino-glass-50:#1011160a;--amino-glass-100:#10111614;--amino-glass-200:#10111626;--amino-glass-300:#1011163d;--amino-glass-400:#10111656;--amino-glass-500:#10111670;--amino-glass-600:#1011169b;--amino-glass-700:#101116ad;--amino-glass-800:#101116bc;--amino-glass-900:#101116c6;--amino-glass-1000:#101116dd;--amino-glass-1100:#101116ef;--amino-glass-1200:#101116f5;--amino-gray-0:#ffffff;--amino-gray-50:#f6f6f8;--amino-gray-100:#ebebf0;--amino-gray-200:#d9dae3;--amino-gray-300:#bfc0ce;--amino-gray-400:#a7a9b9;--amino-gray-500:#888d9f;--amino-gray-600:#676c7e;--amino-gray-700:#575c6b;--amino-gray-800:#484c5b;--amino-gray-900:#383a48;--amino-gray-1000:#2a2c37;--amino-gray-1100:#1a1c23;--amino-gray-1200:#101116;--amino-blue-100:#e7f6fe;--amino-blue-200:#c9e6fd;--amino-blue-300:#a3cbfa;--amino-blue-400:#7fa9f5;--amino-blue-500:#5a80f1;--amino-blue-600:#445eee;--amino-blue-700:#3843c2;--amino-blue-800:#2e3d94;--amino-blue-900:#212f68;--amino-blue-1000:#152141;--amino-cyan-100:#d6fffe;--amino-cyan-200:#c0f2f2;--amino-cyan-300:#9be7e9;--amino-cyan-400:#66d5db;--amino-cyan-500:#3ec4d0;--amino-cyan-600:#2ca0af;--amino-cyan-700:#29818e;--amino-cyan-800:#25646f;--amino-cyan-900:#1d464e;--amino-cyan-1000:#152d32;--amino-red-100:#ffeceb;--amino-red-200:#fdd0ce;--amino-red-300:#faa9a9;--amino-red-400:#f37c82;--amino-red-500:#eb5c6c;--amino-red-600:#de314f;--amino-red-700:#bc2442;--amino-red-800:#922033;--amino-red-900:#6c1b26;--amino-red-1000:#481419;--amino-orange-100:#fff1e0;--amino-orange-200:#fcdab8;--amino-orange-300:#f5c193;--amino-orange-400:#f7a464;--amino-orange-500:#f47a34;--amino-orange-600:#e5591a;--amino-orange-700:#bd3c1c;--amino-orange-800:#94301c;--amino-orange-900:#6b2a1a;--amino-orange-1000:#401d12;--amino-green-100:#defde8;--amino-green-200:#aff8c3;--amino-green-300:#81ef98;--amino-green-400:#57db6c;--amino-green-500:#39c049;--amino-green-600:#2ca03f;--amino-green-700:#288129;--amino-green-800:#246627;--amino-green-900:#1d4920;--amino-green-1000:#153219;--amino-purple-100:#edebff;--amino-purple-200:#dcd2fe;--amino-purple-300:#ceb5fd;--amino-purple-400:#c699fa;--amino-purple-500:#b25cf5;--amino-purple-600:#ab26ed;--amino-purple-700:#901cca;--amino-purple-800:#6e1e99;--amino-purple-900:#471d68;--amino-purple-1000:#2c1844;--amino-transparent-white:#ffffffbb;--amino-transparent-black:#101116bb;--amino-transparent-gray-600:#6a6d771f;--amino-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);--amino-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);--amino-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);--amino-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);--amino-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-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);--amino-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);--amino-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);--amino-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);--amino-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);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard: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;--amino-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;--amino-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;--amino-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;--amino-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;--amino-opacity-disabled:0.6;--amino-space-negative-80:-5rem;--amino-space-negative-76:-4.75rem;--amino-space-negative-72:-4.5rem;--amino-space-negative-68:-4.25rem;--amino-space-negative-64:-4rem;--amino-space-negative-60:-3.75rem;--amino-space-negative-56:-3.5rem;--amino-space-negative-52:-3.25rem;--amino-space-negative-48:-3rem;--amino-space-negative-44:-2.75rem;--amino-space-negative-40:-2.5rem;--amino-space-negative-36:-2.25rem;--amino-space-negative-32:-2rem;--amino-space-negative-28:-1.75rem;--amino-space-negative-24:-1.5rem;--amino-space-negative-20:-1.25rem;--amino-space-negative-16:-1rem;--amino-space-negative-12:-0.75rem;--amino-space-negative-8:-0.5rem;--amino-space-negative-4:-0.25rem;--amino-space-0:0;--amino-space-4:0.25rem;--amino-space-8:0.5rem;--amino-space-12:0.75rem;--amino-space-16:1rem;--amino-space-20:1.25rem;--amino-space-24:1.5rem;--amino-space-28:1.75rem;--amino-space-32:2rem;--amino-space-36:2.25rem;--amino-space-40:2.5rem;--amino-space-44:2.75rem;--amino-space-48:3rem;--amino-space-52:3.25rem;--amino-space-56:3.5rem;--amino-space-60:3.75rem;--amino-space-64:4rem;--amino-space-68:4.25rem;--amino-space-72:4.5rem;--amino-space-76:4.75rem;--amino-space-80:5rem;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-border-subtle:1px solid var(--amino-gray-100);--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1200);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n      var(--amino-transparent-gray-600) inset,\n    var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n    var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-0);--amino-surface-color-secondary:var(--amino-gray-50);--amino-backdrop-color:#000000;--amino-raised-surface-color:var(--amino-gray-0);--amino-raised-color-secondary:var(--amino-gray-50);--amino-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--amino-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--amino-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--amino-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--amino-button-standard-hover:linear-gradient(180deg, #fff 0%, #eaebed 100%);--amino-spinner-track-black:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-black:#0c0c0c;--amino-spinner-track-white:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-white:#ffffff;--amino-appbar-height:55px;--amino-sidebar-width:232px;--amino-elevation-0:0;--amino-elevation-100:100;--amino-elevation-200:200;--amino-elevation-300:300;--amino-elevation-400:400;--amino-elevation-500:500;--amino-dialog-elevation:var(--amino-elevation-400);--amino-toast-elevation:var(--amino-elevation-500);--amino-appbar-elevation:var(--amino-elevation-500);--amino-size-xl:56px;--amino-size-lg:48px;--amino-size-md:40px;--amino-size-sm:32px;--amino-radius-4:0.25rem;--amino-radius-6:0.375rem;--amino-radius-8:0.5rem;--amino-radius-10:0.625rem;--amino-radius-12:0.75rem;--amino-font-size-3xl:1.875rem;--amino-font-size-2xl:1.5rem;--amino-font-size-xl:1.25rem;--amino-font-size-l:1.125rem;--amino-font-size-base-docs:1rem;--amino-font-size-base:0.813rem;--amino-font-size-s:0.75rem;--amino-font-size-xs:0.688rem;--amino-line-height-3xl:3rem;--amino-line-height-2xl:2.5rem;--amino-line-height-xl:2rem;--amino-line-height-l:1.5rem;--amino-line-height-base:1.5rem;--amino-line-height-s:1rem;--amino-line-height-xs:0.75rem;--amino-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n    \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n    \"Helvetica Neue\", sans-serif;--amino-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;--amino-font-harmonized-codes:\"Fira Code\", var(--amino-font-sans);--amino-input-background:inherit}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]),.zonos--elements[data-theme=DARK],.zonos--elements [data-theme=DARK]{color-scheme:dark;--amino-glass-0:#ffffff00;--amino-glass-50:#ffffff0a;--amino-glass-100:#ffffff21;--amino-glass-200:#ffffff26;--amino-glass-300:#ffffff44;--amino-glass-400:#ffffff51;--amino-glass-500:#ffffff63;--amino-glass-600:#ffffff8e;--amino-glass-700:#ffffffa8;--amino-glass-800:#ffffffc1;--amino-glass-900:#ffffffd8;--amino-glass-1000:#ffffffea;--amino-glass-1100:#fffffff4;--amino-glass-1200:#fffffffa;--amino-gray-0:#101116;--amino-gray-50:#1a1c23;--amino-gray-100:#2a2c37;--amino-gray-200:#383a48;--amino-gray-300:#484c5b;--amino-gray-400:#575c6b;--amino-gray-500:#676c7e;--amino-gray-600:#888d9f;--amino-gray-700:#a7a9b9;--amino-gray-800:#bfc0ce;--amino-gray-900:#d9dae3;--amino-gray-1000:#ebebf0;--amino-gray-1100:#f6f6f8;--amino-gray-1200:#ffffff;--amino-blue-100:#152141;--amino-blue-200:#212f68;--amino-blue-300:#2e3d94;--amino-blue-400:#3843c2;--amino-blue-500:#445eee;--amino-blue-600:#5a80f1;--amino-blue-700:#7fa9f5;--amino-blue-800:#a8cefa;--amino-blue-900:#c9e6fd;--amino-blue-1000:#e7f6fe;--amino-cyan-100:#152d32;--amino-cyan-200:#1d464e;--amino-cyan-300:#25646f;--amino-cyan-400:#29818e;--amino-cyan-500:#2ca0af;--amino-cyan-600:#3ec4d0;--amino-cyan-700:#66d5db;--amino-cyan-800:#9be7e9;--amino-cyan-900:#c0f2f2;--amino-cyan-1000:#d6fffe;--amino-red-100:#481419;--amino-red-200:#6c1b26;--amino-red-300:#922033;--amino-red-400:#bc2442;--amino-red-500:#de314f;--amino-red-600:#eb5c6c;--amino-red-700:#f37c82;--amino-red-800:#faa9a9;--amino-red-900:#fdd0ce;--amino-red-1000:#ffeceb;--amino-orange-100:#401d12;--amino-orange-200:#6b2a1a;--amino-orange-300:#94301c;--amino-orange-400:#bd3c1c;--amino-orange-500:#e5591a;--amino-orange-600:#f47a34;--amino-orange-700:#f7a464;--amino-orange-800:#f5c193;--amino-orange-900:#fcdab8;--amino-orange-1000:#fff1e0;--amino-green-100:#153219;--amino-green-200:#1d4920;--amino-green-300:#246627;--amino-green-400:#288129;--amino-green-500:#2ca03f;--amino-green-600:#39c049;--amino-green-700:#57db6c;--amino-green-800:#81ef98;--amino-green-900:#aff8c3;--amino-green-1000:#defde8;--amino-purple-100:#2c1844;--amino-purple-200:#471d68;--amino-purple-300:#6e1e99;--amino-purple-400:#901cca;--amino-purple-500:#ab26ed;--amino-purple-600:#b25cf5;--amino-purple-700:#c699fa;--amino-purple-800:#ceb5fd;--amino-purple-900:#dcd2fe;--amino-purple-1000:#edebff;--amino-transparent-white:#101116bb;--amino-transparent-black:#ffffffbb;--amino-transparent-gray-600:#94969e1f;--amino-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);--amino-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);--amino-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);--amino-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);--amino-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-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);--amino-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);--amino-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);--amino-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);--amino-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);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-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;--amino-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);--amino-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;--amino-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);--amino-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);--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-border-subtle:1px solid var(--amino-gray-100);--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1200);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n      var(--amino-transparent-gray-600) inset,\n    var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n    var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-50);--amino-surface-color-secondary:var(--amino-gray-100);--amino-backdrop-color:#000000;--amino-raised-surface-color:#2c2e3899;--amino-raised-color-secondary:var(--amino-gray-0);--amino-button-primary-hover:linear-gradient(\n    180deg,\n    #5a80f1 0%,\n    #7fa9f5 100%\n  );--amino-button-success-hover:linear-gradient(\n    180deg,\n    #39c049 0%,\n    #57db6c 100%\n  );--amino-button-danger-hover:linear-gradient(\n    180deg,\n    #e9495c 0%,\n    #f37c82 100%\n  );--amino-button-warning-hover:linear-gradient(\n    180deg,\n    #f47a34 0%,\n    #f7a464 100%\n  );--amino-button-standard-hover:linear-gradient(180deg, #2c2e3800, #2c2e38e5);--amino-spinner-track-black:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-black:#ffffff;--amino-spinner-track-white:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-white:#0c0c0c;}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]) .elevated,.zonos--elements[data-theme=DARK] .elevated,.zonos--elements [data-theme=DARK] .elevated{--amino-hover-color:var(--amino-gray-100)}: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(--amino-surface-color-secondary));border-top:var(--amino-border);padding:var(--amino-space-12);-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(--amino-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:var(--amino-space-4)}}";
 const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
 
 const ZonosHelloDialogFooter = class {
@@ -1881,9 +1881,9 @@ const ZonosHelloDialogFooter = class {
         const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
         const footerTheme = primaryColor && isDarkColor.isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
         const language = (_b = ILanguage.languages.find(x => x.code === cart.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
-        return (index.h(index.Host, { key: '046b97e6ed7c35e5e9a244d0ffc3b59dfd206a8a', class: "zonos--elements" }, index.h("div", { key: '9134e27c1ec407b7661b6b92cd37cd17333e0f15', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
+        return (index.h(index.Host, { key: '6f6371c5650d77a11d8a2f049859446ffb39e78f', class: "zonos--elements" }, index.h("div", { key: '47efc7a11c14ac4fc60472baea2d43f132eb2b07', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
                 '--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
-            } }, index.h("a", { key: '670c4627ff0297e2a4869a00e19032b3289396d7', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'b67dd84bc4a4a245a0f2117e5b063df659f12ef9', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), index.h("div", { key: '823af21d0e96c52eed9cb9b6b13faf875bba13c8', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'edd4b9d15b9e2f5051bd5e3e524fcd0d93e66543', buttonColor: "gray-1200", icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: 'f350f61d47eb93d7ac8ebc5c8faddc932262f990', buttonColor: "gray-1200", icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
+            } }, index.h("a", { key: 'a34ae0513d778695aa5cc2051774e0105ec93c4e', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'e3e558d3759a2ccffa44e8b70603ec4860fe219a', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), index.h("div", { key: 'f76d9dff90b3e95db704a43f48abfd12938bdd7c', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'b3430483773438b84a05fc1850c75231f25ecb5c', buttonColor: "gray-1200", icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '351024225e4fb74e321b64fbdfe5b6b471d71077', buttonColor: "gray-1200", icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
     }
 };
 ZonosHelloDialogFooter.style = ZonosHelloDialogFooterStyle0;

package/dist/cjs/zonos-elements.cjs.js

@@ -19,7 +19,7 @@ const patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link.cjs",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo.cjs",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text.cjs",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2.cjs",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-country-flag.cjs",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-icon.cjs",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-button_2.cjs",[[1,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}]]],["zonos-select-dialog-header_2.cjs",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2.cjs",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-select_3.cjs",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_4.cjs",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"reportedInvalidCharacters":[32],"invalidCharacterList":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_10.cjs",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32],"hasInvalidShippingCharacters":[32],"hasInvalidBillingCharacters":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"disabled":[32],"serviceLevels":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
+  return index.bootstrapLazy([["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link.cjs",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo.cjs",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text.cjs",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2.cjs",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-country-flag.cjs",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-icon.cjs",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-button_2.cjs",[[1,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}]]],["zonos-select-dialog-header_2.cjs",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2.cjs",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-select_3.cjs",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_4.cjs",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"reportedInvalidCharacters":[32],"invalidCharacterList":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_10.cjs",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"showErrorBanner":[32],"hasInvalidShippingCharacters":[32],"hasInvalidBillingCharacters":[32]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[32]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"showErrorBanner":[32],"serviceLevels":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-3b4816ef.js');
-const cart = require('./cart-b1c89065.js');
+const cart = require('./cart-1b1d39af.js');
 const zonosStore = require('./zonosStore-aee974e0.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
@@ -186,17 +186,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: 'f300db080cf0634c72aae93aceae288ce67c500c', class: "zonos--elements" }, index.h("div", { key: 'e61bbf7022be71909ab56267721026f95b9fc2fc', "aria-hidden": "true", class: classes.classes([
+        return (index.h(index.Host, { key: '5457afc57069ca9ee6b31c2d3678965e59e275ed', class: "zonos--elements" }, index.h("div", { key: '4b4e974fce33cf88e7627a9513222453d25fe103', "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: '909e251587e2650dbdc1afe5b19e9b3a55f72a18' }, index.h("div", { key: 'a4a79886507449ba688c87474d064528cae3779b', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '1e7a3e74f3f5ab94a70983a067cc08d596d9c5be', 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: '1c981178390c120427d61f68a05808a95f8da72a', spacing: 24 }, index.h("zonos-country-flag", { key: '095e060cf50ee4525ea501e682735370c0c03cfa', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '1db18e95118922462526c7092accf42639bd4fdd', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'f494d050c90922328f3e8ea3bd05e1cf9e6d239c', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'b31645d57a3c5f25eb59b61482d4e383e3cb962c', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '1e8f0a656074cd830715d19685c2a3c9daced9be', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: 'a27fd25bcc42d984b96991fa41c62dc7f2c8fb3c' }, index.h("div", { key: 'a83e94def52065d49155eadce134edc5bdfd9f8a', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'db53cddaf04b1bd860287dcc70c6906bec71d6a3', 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: 'b23609e6727a8b0d7085dc5c96e2034382aae992', spacing: 24 }, index.h("zonos-country-flag", { key: 'd32019b849190e902b923c5bd82b8b293d1d2431', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'c063e4bb526b1b24ec687c80d42ebd9b18d704b6', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'a631361f2d44b1e21e91a1f4ff303da7101cdbef', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'c887a9764256420faa51973733a4ce4b6ba9c87a', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: 'ce5cf5c6edad63ccd06204fd6e28f07619ff92db', 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: 'fd2c574714b2e0dafacb4f9390c81b7b6003c7d3', spacing: "12px" }, index.h("zonos-v-stack", { key: '41a9864f58ddc28f1767113f517a7a9cf3a0be6d', spacing: 12 }, index.h("div", { key: 'ced705bcf185987815a898a173d08c571017a052', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '4724edca926eec5e050c711dcb96c6b914985695', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '6c6d3b36897fd141ca83fbf008dae9f24ac56e40' }, dutyDeMinimisMessage)), index.h("div", { key: 'abe17715558f2ee3ded882eb2c5c1466904bfc8e', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'e8371f1e89a5b21947bfdcf73e6294bd6de49946', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: '952485295cfec2d7ad1b61523bb05378bae08e34' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: 'abc0e4c7ddecbe85dd8f4b8adab15073b1b6a2db', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '973ea223a40648ca8cac99bd0c839dd324894f1c', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: 'c6460eefa388097ed27e29d3a91055afbf8a5261' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: 'daabdaf6f1f59e6e2ef3ad7516af60eb50a34633', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '88608070d3a34b3742eeac74cb836b98ddb171eb' }, index.h("zonos-country-select", { key: '91acd80a1549277528927512e9d299282a0e3d26', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '5b70e70778b8e863d1f256406f884179a01d9de2' }, index.h("zonos-language-select", { key: 'ba74dfc5baa25694dec9273c08644db8cd312dc1', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { key: '4352b1c30bf2e07a330efebc0f7315bd1ac567a8', spacing: "12px" }, index.h("zonos-v-stack", { key: 'c92966e587ea3fe988cd450b2689e2839784b0fd', spacing: 12 }, index.h("div", { key: 'dc6f702ef1489d007d68b125b82ecd984d5e739c', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'a2ea6fbb7fb36f7e446cd28c7f6e0e57c3af67bf', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '04fecd291baef82d8045ecd128e34dc79d2f7eeb' }, dutyDeMinimisMessage)), index.h("div", { key: '2f312f15d2ed7844e7408a779eaf9f69bfc55866', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '51e4a27c2eba54a60d8516b1824cacb918dd7ecb', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: '24ecaa5087f050f994753420493f139445f93090' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: '2bdc3b49037389fc9058dfab97d02adf6ec09092', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'b7737b651f8df5fe555e8d26d63d3282178b225e', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: 'c9382d99555e02c03a17f58bcc7a1872cc988bd0' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '38010a811c69787c107fac817ae1cfde249454e1', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '564d7cc16fdb4871c5290578eb59f47310a73236' }, index.h("zonos-country-select", { key: '511418bcd30cd97458f90cbe78dbd296137ea925', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '9c215eadf43523a7ee8036a6637bf398c86c6c5c' }, index.h("zonos-language-select", { key: '2856beb0872a37cec0944688e4d72145a16baffb', 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-3b4816ef.js');
 const zonosStore = require('./zonosStore-aee974e0.js');
-const cart = require('./cart-b1c89065.js');
+const cart = require('./cart-1b1d39af.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-f5473002.js');

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

@@ -16,7 +16,7 @@ const ZonosLink = class {
         this.linkTitle = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '7af1c9dfc60d61837c25ed586b34d03737e190b7', class: "zonos--elements" }, index.h("a", { key: '6be4c2839936832d9d512e9afe4b8fe4e69889bf', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '897ec8e65f325161cf80d71b6efbcf05c4a444ae' }))));
+        return (index.h(index.Host, { key: 'af4c861f0a7f0a86c60c2ba6fe12a37721d50c1b', class: "zonos--elements" }, index.h("a", { key: 'b8fc607e0aa5269f2c3c1ccf51e233b52fac6693', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '98ebca9c8962143426fd1c88d9189b92fc402505' }))));
     }
 };
 ZonosLink.style = ZonosLinkStyle0;

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

@@ -19,11 +19,11 @@ const ZonosLogo = class {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (index.h(index.Host, { key: 'eb9e895db6d309b91f24aaba07b6bef785d64982', class: classes.classes(['zonos--elements zonos--logo']), style: {
+        return (index.h(index.Host, { key: 'c196e8372ff0f602b135c582a1a4cdf2ba75274d', class: classes.classes(['zonos--elements zonos--logo']), style: {
                 '--filter-color': filterColor,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 '--width': this.width,
-            } }, index.h("img", { key: '411e92bcfdab9d8b7362b3fbeeffb836d8d20756', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
+            } }, index.h("img", { key: '668abac552ed1e133f29b0b0aa8f17d158c5441b', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-3b4816ef.js');
-const cart = require('./cart-b1c89065.js');
+const cart = require('./cart-1b1d39af.js');
 require('./zonosStore-aee974e0.js');
 require('./isDarkColor-f5473002.js');
 require('./getBorderRadius-c8cc2bb3.js');
@@ -44,7 +44,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '4886087d915369f60296b6ba86fe9400ae6db8dd', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'ac83371e795b8ae833087143c719cf6dfc066ab3', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '2895560e50d856a071bef08c800b3112899e22e8', class: "zonos--payment-component" })));
+        return (index.h(index.Host, { key: '2ac7d34f60a5e4fc21fed92218e8b467e49bee33', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'a0360edd61bf571645fbc0781a43a94cf02e9acc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '41a1daa79d640eecf197e520145c41cf957fbee1', class: "zonos--payment-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js

@@ -18,9 +18,9 @@ const ZonosSelectDialogHeader = class {
         this.label = '';
     }
     render() {
-        return (index.h(index.Host, { key: 'cd3cc096f08cdb3dd2170d9e8d578f603155b0d0', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'c571a648772792abb553c87a9c238e36d2fd63fb', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("zonos-v-stack", { key: '40ddbfe738428ca388cb4b3a8244d86e5e26d876', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '4706e9acb42c11b213044084e25be8a5c13119f1', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'b5c5289219bb4ff380aa5e3c0738ae9029d00cdf', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '6d8c62ee077ab7883081a693825a00fd06cded69', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '42241292083a7041d600ac4af3034e61c5d4a6b1' }))));
+            } }, index.h("zonos-v-stack", { key: 'f8d2c7a95bb985e17c7c6fa4fdeb2d6c692dd266', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: 'dd87a6fd7d2f84e907b99a440e62b1260273ae0d', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'a5573f14f446c343bf7d5ed7f1c4564788435513', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '3edfd71ce5da3a2366c856ca739aaea928a836de', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '155ec43e2791f871a4182edff8a6dd2304951f72' }))));
     }
 };
 ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
@@ -34,9 +34,9 @@ const VStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '415d652d553042161ef364e2a8ccd226fcfe3d84', style: {
+        return (index.h(index.Host, { key: '39a71bdb43f87fd7beec0370aa384a94c7603417', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '1d8df528db72b8c1102742203eb53ce81efb1aae', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: '66d247c7e8c8da9e311014695ce3a50b38709c33' }))));
+            } }, index.h("div", { key: '37ef89d4d2aecfebbf6a47f1754ce5f45fcd2566', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'd34be5394fef1bf5e7f37cb6dbd468ae48454df8' }))));
     }
 };
 VStack.style = ZonosVStackStyle0;

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

@@ -52,11 +52,19 @@
 :host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper {
   display: flex;
   align-items: center;
+  gap: var(--amino-space-24);
+}
+:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo {
+  display: inline-flex;
   gap: var(--amino-space-8);
+  align-items: center;
 }
-:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a {
+:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a {
   line-height: 0;
 }
+:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a {
+  text-decoration: none;
+}
 :host .zonos--checkout-footer zonos-button button.outline {
   outline: 1px solid var(--amino-gray-800);
 }
@@ -122,10 +130,14 @@
 }
 :host(.mobile) .zonos--checkout-footer {
   flex-direction: column;
+  gap: var(--amino-space-4);
 }
 :host(.mobile) .zonos--checkout-locale-wrapper {
   flex-direction: column;
 }
+:host(.mobile) .zonos--checkout-footer-icon-wrapper {
+  flex-direction: column;
+}
 :host(.mobile) .zonos--checkout-footer-dialog {
   position: fixed;
   left: 0;

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

@@ -36,7 +36,7 @@ export class ZonosCheckoutFooter {
         return (h(Host, { key: 'fae1e5cb1250e834ecf3b09f11785ddea61be3b2', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'f3d48fcc675458dd38ca48e21f24a003b5ff9b56', class: "zonos--checkout-footer" }, h("div", { key: '97daec871630cf2bb33956b668abee2e715eceb5', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'cd6e12e8d1320e3e6542eef16f15ab27921748c3', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'bdc6d9311d2d039e87c261ead45474b7bf1fe992', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, h("zonos-text", { key: '41a7fae5a1a08d22b91341ccfcc0df9daeeb8f82', textColor: colorDesktop, type: "caption" }, "Powered by"), h("a", { key: '394e19392718d2a40a351692fa358f8f86366b46', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '4d8cadbb7c26e8f7888caad2b158d521ab504590', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 }))))));
+            ]) }, h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'e2cf10499ed764fb2e7086761ece106580cd6440', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '0fe6c810a6d7f84a781655cefc47ec6cbb5131c9', textColor: colorDesktop }, "Privacy policy")), h("div", { key: '50401876a45161e80f593971e602e4c449e78dbe', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '0f69d9d9955165de13a49ff00a7044090b141800', textColor: colorDesktop }, "Powered by"), h("a", { key: '680e6fe4d0a783e2ebc55a51ffb55846ad997249', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '22aee1eb21306141e620bcc1b0dbf035bd710fba', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 })))))));
     }
     static get is() { return "zonos-checkout-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,6 +62,9 @@
 :host .zonos--payment-error-banner {
   margin-bottom: var(--amino-space-8);
 }
+:host .zonos--error-banner {
+  margin-bottom: var(--amino-space-16);
+}
 :host zonos-button {
   box-shadow: 0 0 1px 0 var(--amino-gray-600);
 }

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

@@ -6,31 +6,37 @@ import { formatCurrency } from "../../../utils/formatCurrency";
 import { submitGtag } from "../../../utils/submitGtag";
 export class ZonosCheckoutPayment {
     constructor() {
+        this.handleValidate = () => {
+            var _a;
+            return !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
+        };
         /**
          * handler for continue button click
          */
         this.continueClickHandler = () => {
+            if (!this.handleValidate()) {
+                this.showErrorBanner = true;
+                return;
+            }
             this.continueClicked.emit();
+            // submit google tag when the form is complete
+            submitGtag('zonos-checkout-payment-info');
         };
         this.paymentError = false;
         this.submitBtnType = undefined;
         this.continueLoading = false;
         this.submitBtnColor = undefined;
-        this.disabled = true;
-    }
-    watchFormComplete() {
-        if (!this.disabled) {
-            // submit google tag when the form is complete
-            submitGtag('zonos-checkout-payment-info');
-        }
+        this.showErrorBanner = false;
     }
     render() {
-        var _a;
         if (!stripeStore.stripeElements) {
             return null;
         }
-        this.disabled = !((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
-        return (h(Host, { class: "zonos--checkout-payment zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Payment method')), this.paymentError && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, translate("We couldn't complete your payment. Please verify the payment details and try again."))), h("zonos-payment", null), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
+        // start validate on typing after error banner is shown, and hide it if the form is complete
+        if (this.showErrorBanner) {
+            this.showErrorBanner = !this.handleValidate();
+        }
+        return (h(Host, { class: "zonos--checkout-payment zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Payment method')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), this.paymentError && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, translate("We couldn't complete your payment. Please verify the payment details and try again."))), h("zonos-payment", null), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, "Pay", ' ', formatCurrency({
             amount: cartStore.total,
@@ -130,7 +136,7 @@ export class ZonosCheckoutPayment {
     }
     static get states() {
         return {
-            "disabled": {}
+            "showErrorBanner": {}
         };
     }
     static get events() {
@@ -151,10 +157,4 @@ export class ZonosCheckoutPayment {
                 }
             }];
     }
-    static get watchers() {
-        return [{
-                "propName": "disabled",
-                "methodName": "watchFormComplete"
-            }];
-    }
 }

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

@@ -54,6 +54,9 @@
 :host zonos-button {
   box-shadow: 0 0 1px 0 var(--amino-gray-600);
 }
+:host .zonos--error-banner {
+  margin-bottom: var(--amino-space-16);
+}
 :host .zonos--group {
   margin-bottom: var(--amino-space-20);
   overflow: auto;

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

@@ -20,42 +20,60 @@ export class ZonosCustomerInfo {
                 }
                 return;
             }
+            if (!this.handleValidate()) {
+                // scroll to the top zonos-banner
+                setTimeout(() => {
+                    var _a;
+                    (_a = this.el
+                        .querySelector('zonos-banner.zonos--error-banner')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'center',
+                    });
+                }, 50);
+                this.showErrorBanner = true;
+                return;
+            }
+            this.showErrorBanner = false;
             this.continueClicked.emit();
+            // submit google tag when the form is complete
+            submitGtag('zonos-checkout-customer-info');
+            void trackConversionEvent('checkout_customerInfoCompleted');
+        };
+        this.handleValidate = () => {
+            const stripeShippingAddressEventData = stripeStore.stripeAddressEventData;
+            const stripeBillingAddressEventData = stripeStore.stripeBillingAddressEventData;
+            const stripeLinkEventData = stripeStore.stripeLinkEventData;
+            // if the shipping is different from billing, we need to make sure the billing address is valid and disable the button if it's not
+            const isValidBilling = stripeStore.stripeShippingSameAsBilling
+                ? !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete)
+                : !!(stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.complete);
+            const isValidShipping = !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete);
+            const isValidLink = !!(stripeLinkEventData === null || stripeLinkEventData === void 0 ? void 0 : stripeLinkEventData.complete);
+            if (!isValidBilling || !isValidShipping || !isValidLink) {
+                return false;
+            }
+            return true;
         };
         this.continueLoading = false;
         this.submitBtnType = undefined;
         this.submitBtnColor = undefined;
         this.defaultAddress = null;
-        this.disabled = true;
+        this.showErrorBanner = false;
         this.hasInvalidShippingCharacters = false;
         this.hasInvalidBillingCharacters = false;
     }
-    watchFormComplete() {
-        if (!this.disabled) {
-            // submit google tag when the form is complete
-            submitGtag('zonos-checkout-customer-info');
-            void trackConversionEvent('checkout_customerInfoCompleted');
-        }
-    }
     render() {
         if (!stripeStore.stripeElements) {
             return null;
         }
-        const stripeShippingAddressEventData = stripeStore.stripeAddressEventData;
-        const stripeBillingAddressEventData = stripeStore.stripeBillingAddressEventData;
-        const stripeLinkEventData = stripeStore.stripeLinkEventData;
-        // if the shipping is different from billing, we need to make sure the billing address is valid and disable the button if it's not
-        const isValidBilling = stripeStore.stripeShippingSameAsBilling
-            ? !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete)
-            : !!(stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.complete);
-        const isValidShipping = !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete);
-        const isValidLink = !!(stripeLinkEventData === null || stripeLinkEventData === void 0 ? void 0 : stripeLinkEventData.complete);
-        // make sure data is valid
-        this.disabled = !isValidBilling || !isValidShipping || !isValidLink;
         const showBilling = !stripeStore.stripeShippingSameAsBilling;
-        return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), h("zonos-link-authentication", { titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, onInvalidCharacters: e => (this.hasInvalidShippingCharacters = e.detail), titleText: translate('Address'), type: "shipping" }), h("zonos-checkbox", { isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
+        // start validate on typing after error banner is shown, and hide it if the form is complete
+        if (this.showErrorBanner) {
+            this.showErrorBanner = !this.handleValidate();
+        }
+        return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), h("zonos-link-authentication", { titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, onInvalidCharacters: e => (this.hasInvalidShippingCharacters = e.detail), titleText: translate('Address'), type: "shipping" }), h("zonos-checkbox", { isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
                 stripeStore.stripeShippingSameAsBilling = e.detail;
-            } }), h("zonos-collapse", { collapsed: !showBilling }, h("zonos-address", { defaultAddress: this.defaultAddress, onInvalidCharacters: e => (this.hasInvalidBillingCharacters = e.detail), titleText: translate('Billing address'), type: "billing" })), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
+            } }), h("zonos-collapse", { collapsed: !showBilling }, h("zonos-address", { defaultAddress: this.defaultAddress, onInvalidCharacters: e => (this.hasInvalidBillingCharacters = e.detail), titleText: translate('Billing address'), type: "billing" })), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Continue to shipping'))))));
     }
@@ -156,7 +174,7 @@ export class ZonosCustomerInfo {
     }
     static get states() {
         return {
-            "disabled": {},
+            "showErrorBanner": {},
             "hasInvalidShippingCharacters": {},
             "hasInvalidBillingCharacters": {}
         };
@@ -180,10 +198,4 @@ export class ZonosCustomerInfo {
             }];
     }
     static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "disabled",
-                "methodName": "watchFormComplete"
-            }];
-    }
 }

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

@@ -65,6 +65,9 @@
 :host .zonos--group::-webkit-scrollbar-thumb:hover {
   background: #d6d6d6;
 }
+:host .zonos--error-banner {
+  margin-bottom: var(--amino-space-16);
+}
 :host zonos-button {
   box-shadow: 0 0 1px 0 var(--amino-gray-600);
 }