@zonos/elements 1.3.10-alpha.1 → 1.3.10

package/dist/cjs/{cart-cdce5003.js → cart-34d4bf2e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-2a8612a4.js');
-const isDarkColor = require('./isDarkColor-c01f24df.js');
-const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
+const isDarkColor = require('./isDarkColor-33fb96a7.js');
+const getBorderRadius = require('./getBorderRadius-d795f526.js');
 
 const stringsArabic = {
     'Above de minimis threshold for': {

package/dist/cjs/{getBorderRadius-d9a954a3.js → getBorderRadius-d795f526.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/{index-72767498.js → index-564fe383.js}

@@ -1565,7 +1565,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
         // Let the runtime know that the component has been initialized
         hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
-        {
+        const bundleId = cmpMeta.$lazyBundleId$;
+        if (bundleId) {
             // lazy loaded components
             // request the component's implementation to be
             // wired up with the host element
@@ -1611,6 +1612,14 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
             }
             endNewInstance();
         }
+        else {
+            // sync constructor component
+            Cstr = elm.constructor;
+            // wait for the CustomElementRegistry to mark the component as ready before setting `isWatchReady`. Otherwise,
+            // watchers may fire prematurely if `customElements.get()`/`customElements.whenDefined()` resolves _before_
+            // Stencil has completed instantiating the component.
+            customElements.whenDefined(cmpMeta.$tagName$).then(() => (hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */));
+        }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
             let style = Cstr.style;
@@ -1804,11 +1813,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     if (cmpTags.length > 0) {
         // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
         if (hasSlotRelocation) {
-            dataStyles.innerHTML += SLOT_FB_CSS;
+            dataStyles.textContent += SLOT_FB_CSS;
         }
         // Add hydration styles
         {
-            dataStyles.innerHTML += cmpTags + HYDRATED_CSS;
+            dataStyles.textContent += cmpTags + HYDRATED_CSS;
         }
         // If we have styles, add them to the DOM
         if (dataStyles.innerHTML.length) {

package/dist/cjs/{isDarkColor-c01f24df.js → isDarkColor-33fb96a7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 
 var tinycolor$1 = {exports: {}};
 

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
+const index = require('./index-564fe383.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{submitGtag-a0b376ab.js → submitGtag-1f92afd1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const cart = require('./cart-cdce5003.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const cart = require('./cart-34d4bf2e.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 
 const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;
@@ -27,11 +27,15 @@ const trackConversionEvent = async (eventName, metadata) => {
 };
 
 const sendErrorLog = async ({ endpoint, errors, metadata }) => {
+    const userAgentData = 'userAgentData' in window.navigator
+        ? // userAgentData is not yet supported in all browsers
+            window.navigator.userAgentData
+        : null;
     const errorObject = {
         endpoint,
         errors,
-        metadata: Object.assign({ href: window.location.href, userAgent: 'userAgentData' in window.navigator
-                ? window.navigator.userAgentData
+        metadata: Object.assign({ href: window.location.href, userAgent: userAgentData && userAgentData.brands.length > 0
+                ? userAgentData
                 : window.navigator.userAgent }, metadata),
     };
     void cart.handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/log-error`, {

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const cart = require('./cart-cdce5003.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const cart = require('./cart-34d4bf2e.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
-const isDarkColor = require('./isDarkColor-c01f24df.js');
+const getBorderRadius = require('./getBorderRadius-d795f526.js');
+const isDarkColor = require('./isDarkColor-33fb96a7.js');
 
 /**
  * Check if the given address object contains non-latin characters

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBadgeCss = ":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}:host{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBannerCss = ":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}:host{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:var(--amino-space-0);grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:var(--amino-space-4)}:host(.info){background-color:var(--amino-blue-100);border:1px solid var(--amino-blue-200)}:host(.success){background-color:var(--amino-green-100);border:1px solid var(--amino-green-200)}:host(.error){background-color:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host(.warning){background-color:var(--amino-orange-100);border:1px solid var(--amino-orange-200)}";

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
+const getBorderRadius = require('./getBorderRadius-d795f526.js');
 const isColorVariable = require('./isColorVariable-41cacd82.js');
-const isDarkColor = require('./isDarkColor-c01f24df.js');
+const isDarkColor = require('./isDarkColor-33fb96a7.js');
 
 /**
  * Get theme for button text based on background color

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-cdce5003.js');
+const cart = require('./cart-34d4bf2e.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
-require('./isDarkColor-c01f24df.js');
-require('./getBorderRadius-d9a954a3.js');
+require('./isDarkColor-33fb96a7.js');
+require('./getBorderRadius-d795f526.js');
 
 const zonosCardCss = ":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}:host .styled-card{border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--spacing, var(--amino-space-24));text-align:left}:host .styled-card hr{margin-left:calc(var(--spacing, var(--amino-space-24)) * -1);margin-right:calc(var(--spacing, var(--amino-space-24)) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, var(--amino-space-24));border-bottom:var(--amino-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));border-top:var(--amino-border);background:var(--amino-surface-color-secondary);margin-top:var(--spacing, var(--amino-space-24));border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const cart = require('./cart-cdce5003.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
-const submitGtag = require('./submitGtag-a0b376ab.js');
-const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
+const index = require('./index-564fe383.js');
+const cart = require('./cart-34d4bf2e.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
+const submitGtag = require('./submitGtag-1f92afd1.js');
+const getBorderRadius = require('./getBorderRadius-d795f526.js');
 const classes = require('./classes-b7918f56.js');
-const isDarkColor = require('./isDarkColor-c01f24df.js');
+const isDarkColor = require('./isDarkColor-33fb96a7.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const cart = require('./cart-cdce5003.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
-const submitGtag = require('./submitGtag-a0b376ab.js');
+const index = require('./index-564fe383.js');
+const cart = require('./cart-34d4bf2e.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
+const submitGtag = require('./submitGtag-1f92afd1.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
-const isDarkColor = require('./isDarkColor-c01f24df.js');
+const getBorderRadius = require('./getBorderRadius-d795f526.js');
+const isDarkColor = require('./isDarkColor-33fb96a7.js');
 
 const isShippableCountry = (showLog = true) => {
     if (!cart.localizationStore.localizationLoaded) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
+const index = require('./index-564fe383.js');
 
 function format(first, middle, last) {
     return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const cart = require('./cart-cdce5003.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
-require('./isDarkColor-c01f24df.js');
-require('./getBorderRadius-d9a954a3.js');
+const index = require('./index-564fe383.js');
+const cart = require('./cart-34d4bf2e.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
+require('./isDarkColor-33fb96a7.js');
+require('./getBorderRadius-d795f526.js');
 
 const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const cart = require('./cart-cdce5003.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const cart = require('./cart-34d4bf2e.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
-require('./isDarkColor-c01f24df.js');
-require('./getBorderRadius-d9a954a3.js');
+require('./isDarkColor-33fb96a7.js');
+require('./getBorderRadius-d795f526.js');
 
 const zonosCountryFlagCss = ":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}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const cart = require('./cart-cdce5003.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const cart = require('./cart-34d4bf2e.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-c01f24df.js');
+const isDarkColor = require('./isDarkColor-33fb96a7.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
-require('./getBorderRadius-d9a954a3.js');
+require('./getBorderRadius-d795f526.js');
 
 /**
  * Fuse.js v6.6.2 - Lightweight fuzzy-search (http://fusejs.io)

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
+const index = require('./index-564fe383.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.12.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.6 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('zonos-elements.cjs.js', document.baseURI).href));

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const cart = require('./cart-cdce5003.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const cart = require('./cart-34d4bf2e.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-c01f24df.js');
-require('./getBorderRadius-d9a954a3.js');
+require('./isDarkColor-33fb96a7.js');
+require('./getBorderRadius-d795f526.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
-const cart = require('./cart-cdce5003.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
+const cart = require('./cart-34d4bf2e.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-c01f24df.js');
-require('./getBorderRadius-d9a954a3.js');
+require('./isDarkColor-33fb96a7.js');
+require('./getBorderRadius-d795f526.js');
 
 var root = zonosStore._root;
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
+const index = require('./index-564fe383.js');
 
 const zonosLinkCss = ":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}:host{display:inline-block}:host a{padding-bottom:2px;color:var(--amino-primary);-webkit-box-shadow:none;box-shadow:none;text-decoration:none;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host a:link,:host a:visited{color:var(--amino-primary);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}:host a:hover,:host a:active{color:var(--amino-primary);-webkit-box-shadow:0 1px 0 var(--amino-primary);box-shadow:0 1px 0 var(--amino-primary)}";
 const ZonosLinkStyle0 = zonosLinkCss;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosLogoCss = ":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}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--filter-color);filter:var(--filter-color);width:var(--width)}";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosNotificationCss = ":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}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const cart = require('./cart-cdce5003.js');
-require('./zonosStore-2a8612a4.js');
-require('./isDarkColor-c01f24df.js');
-require('./getBorderRadius-d9a954a3.js');
+const index = require('./index-564fe383.js');
+const cart = require('./cart-34d4bf2e.js');
+require('./zonosStore-d3f0173b.js');
+require('./isDarkColor-33fb96a7.js');
+require('./getBorderRadius-d795f526.js');
 
 const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";
 const ZonosPaymentStyle0 = zonosPaymentCss;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
 
 const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
+const getBorderRadius = require('./getBorderRadius-d795f526.js');
 const isColorVariable = require('./isColorVariable-41cacd82.js');
 
 const zonosShippingRichRadioCss = ":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}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-2a8612a4.js');
+const index = require('./index-564fe383.js');
+const zonosStore = require('./zonosStore-d3f0173b.js');
 const classes = require('./classes-b7918f56.js');
 
 const textOptions = {

package/dist/cjs/{zonosStore-2a8612a4.js → zonosStore-d3f0173b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-72767498.js');
+const index = require('./index-564fe383.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/collection/collection-manifest.json

@@ -41,7 +41,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.12.2",
+    "version": "4.12.6",
     "typescriptVersion": "5.3.3"
   },
   "collections": [],

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

@@ -1,10 +1,14 @@
 import { handleFetch } from "../handleFetch";
 export const sendErrorLog = async ({ endpoint, errors, metadata }) => {
+    const userAgentData = 'userAgentData' in window.navigator
+        ? // userAgentData is not yet supported in all browsers
+            window.navigator.userAgentData
+        : null;
     const errorObject = {
         endpoint,
         errors,
-        metadata: Object.assign({ href: window.location.href, userAgent: 'userAgentData' in window.navigator
-                ? window.navigator.userAgentData
+        metadata: Object.assign({ href: window.location.href, userAgent: userAgentData && userAgentData.brands.length > 0
+                ? userAgentData
                 : window.navigator.userAgent }, metadata),
     };
     void handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/log-error`, {

package/dist/collection/environment.js

@@ -16,7 +16,7 @@ const isVercelPreview = inVercel && process.env.VERCEL_ENV === 'preview';
 export const isVercelProd = inVercel && process.env.VERCEL_ENV === 'production';
 const packageVersion = `${process.env.npm_package_version}` ||
     process.env.NEXT_PUBLIC_ZONOS_PACKAGE_VERSION;
-const UNPKG_ZONOS_URL = `https://unpkg.com/@zonos/elements@${packageVersion}`;
+const JS_DELIVR_ZONOS_URL = `https://cdn.jsdelivr.net/npm/@zonos/elements@${packageVersion}`;
 const currentBranch = process.env.VERCEL_GIT_COMMIT_REF || process.env.BRANCH_NAME;
 export const formattedUrl = ({ branchName, inCI: _inCI, inVercel: _inVercel, isVercelPreview: _isVercelPreview, packageVersion: _packageVersion, type = 'full', url, }) => {
     if (!url) {
@@ -119,9 +119,9 @@ const envClient = {
     NEXT_PUBLIC_FLAG_URL: z.string(),
     NEXT_PUBLIC_ZONOS_API_KEY: z.string(),
     NEXT_PUBLIC_ZONOS_CDN_URL: z.string(),
+    NEXT_PUBLIC_ZONOS_JS_DELIVR_CDN_URL: z.string(),
     NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: z.string(),
     NEXT_PUBLIC_ZONOS_ROUTE_URL: z.string(),
-    NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: z.string(),
 };
 const envClientSchema = z.object(envClient);
 export const env = createEnv({
@@ -154,6 +154,7 @@ export const env = createEnv({
             type: 'full',
             url: process.env.NEXT_PUBLIC_ZONOS_CDN_URL,
         }),
+        NEXT_PUBLIC_ZONOS_JS_DELIVR_CDN_URL: JS_DELIVR_ZONOS_URL,
         NEXT_PUBLIC_ZONOS_PACKAGE_VERSION: packageVersion,
         /**
          * Versioning url for production environment  (major version only for route.js.zonos.com)
@@ -168,7 +169,6 @@ export const env = createEnv({
             type: 'major',
             url: process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL,
         }),
-        NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: UNPKG_ZONOS_URL,
     },
 });
 /**

package/dist/collection/scripts/zonosBase.js

@@ -17,7 +17,7 @@ const zonosLoadUrl = (() => {
     return null;
 })();
 const ZONOS_URL = zonosLoadUrl || process.env.NEXT_PUBLIC_ZONOS_CDN_URL;
-const UNPKG_ZONOS_URL = process.env.NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL;
+const JS_DELIVR_ZONOS_URL = process.env.NEXT_PUBLIC_ZONOS_JS_DELIVR_CDN_URL;
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -198,9 +198,19 @@ Zonos.injectSentryScript = () => {
     script.onload = () => {
         var _b;
         (_b = window.Sentry) === null || _b === void 0 ? void 0 : _b.init({
-            allowUrls: [/js.zonos.com/],
+            allowUrls: [
+                // only send errors if it's from zonos domain
+                /js\.zonos\.com\/dist\/scripts/,
+            ],
             dsn: 'https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760',
+            ignoreErrors: ['Failed to load Stripe.js'],
             release: `zonos-elements@${_a.version}`,
+            tracesSampler: ({ transactionContext }) => {
+                if (transactionContext.op === 'pageload') {
+                    return 1;
+                }
+                return 0.25;
+            },
         });
     };
     headOrBody.appendChild(script);
@@ -249,14 +259,14 @@ Zonos.injectZonosCdn = () => {
     // init zonos elements when the zonosKey is valid
     // inject esmodule cdn for zonos elements
     _a.injectScript({
-        fallBackDomain: UNPKG_ZONOS_URL,
+        fallBackDomain: JS_DELIVR_ZONOS_URL,
         isModule: true,
         scriptDomain: ZONOS_URL,
         theRestUrl: 'dist/zonos-elements/zonos-elements.esm.js',
     });
     // inject non module cdn for zonos elements
     _a.injectScript({
-        fallBackDomain: UNPKG_ZONOS_URL,
+        fallBackDomain: JS_DELIVR_ZONOS_URL,
         isModule: false,
         scriptDomain: ZONOS_URL,
         theRestUrl: 'dist/zonos-elements/zonos-elements.js',
@@ -301,7 +311,7 @@ Zonos.injectZonosCss = () => {
     }
     // inject css for zonos elements
     _a.injectStylesheet({
-        fallBackDomain: UNPKG_ZONOS_URL,
+        fallBackDomain: JS_DELIVR_ZONOS_URL,
         stylesheetDomain: ZONOS_URL,
         theRestUrl: 'dist/zonos-elements/zonos-elements.css',
     });

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

@@ -10,11 +10,15 @@ import { d as defineCustomElement$2 } from './zonos-spinner2.js';
 import { d as defineCustomElement$1 } from './zonos-text2.js';
 
 const sendErrorLog = async ({ endpoint, errors, metadata }) => {
+    const userAgentData = 'userAgentData' in window.navigator
+        ? // userAgentData is not yet supported in all browsers
+            window.navigator.userAgentData
+        : null;
     const errorObject = {
         endpoint,
         errors,
-        metadata: Object.assign({ href: window.location.href, userAgent: 'userAgentData' in window.navigator
-                ? window.navigator.userAgentData
+        metadata: Object.assign({ href: window.location.href, userAgent: userAgentData && userAgentData.brands.length > 0
+                ? userAgentData
                 : window.navigator.userAgent }, metadata),
     };
     void handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/log-error`, {