@zonos/elements 1.3.140 → 1.3.142

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e1b59d03.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const cart = require('./cart-199b0751.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./handleFetch-4a90f091.js');
-require('./isDarkColor-dd6d723b.js');
-require('./getBorderRadius-f72d8edf.js');
+require('./handleFetch-864d3c53.js');
+require('./isDarkColor-434d71dd.js');
+require('./getBorderRadius-f97c99ad.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();
@@ -283,7 +283,7 @@ const ZonosHelloDialog = class {
             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: 'e3a98411ec2be35dfbe3e9a2a5945851697da7ad', spacing: "12px" }, index.h("zonos-v-stack", { key: '09cd2bbbb94e819a272f3ef415bb9ace37111f04', spacing: 12 }, hasInclusivePrices ? (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), index.h("zonos-text", null, inclusivePriceMessage))) : (index.h(index.Fragment, null, index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", null, dutyDeMinimisMessage)), index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), index.h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '443975bc6a4355f49cde5513aa494f700e1eee98', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: 'a55ed373839ed80b449b9f6271ea19cf15124843' }, index.h("zonos-country-select", { key: 'e8fa0c5c6f36ebe67b84f692ad10a9a84305eba5', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '7bd9d8836c876049d190aaa1bbf3ddea04139090' }, index.h("zonos-language-select", { key: '15002ebf92828cd52881f30ddb639f704d074462', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+            additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), index.h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '87b8ee464cc4aee3c811fa302f34126b29125565', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: 'b1841bad3ab471b0d6f148389e08d79907ca19e6' }, index.h("zonos-country-select", { key: '8571131dd95b34476e2bf165ad7a369c5b45bd0c', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '0a30a4dff4b45cdd87413688381d66624f8de3aa' }, index.h("zonos-language-select", { key: '4ddeb41556e241dcc234d91d402014218f91281a', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
-const cart = require('./cart-e1b59d03.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
+const cart = require('./cart-199b0751.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-4a90f091.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-dd6d723b.js');
-require('./getBorderRadius-f72d8edf.js');
+require('./isDarkColor-434d71dd.js');
+require('./getBorderRadius-f97c99ad.js');
 
 var root = zonosStore._root;
 

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

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

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e1b59d03.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const cart = require('./cart-199b0751.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-4a90f091.js');
-require('./isDarkColor-dd6d723b.js');
-require('./getBorderRadius-f72d8edf.js');
+require('./handleFetch-864d3c53.js');
+require('./isDarkColor-434d71dd.js');
+require('./getBorderRadius-f97c99ad.js');
 
 const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
+const index = require('./index-b678ce0c.js');
 
 const zonosLinkCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block}:host a{padding-bottom:2px;color:var(--zonos-elements-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(--zonos-elements-primary);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}:host a:hover,:host a:active{color:var(--zonos-elements-primary);-webkit-box-shadow:0 1px 0 var(--zonos-elements-primary);box-shadow:0 1px 0 var(--zonos-elements-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-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosLogoCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--zonos--filter-color);filter:var(--zonos--filter-color);width:var(--zonos--width)}";

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
-const cart = require('./cart-e1b59d03.js');
-const handleFetch = require('./handleFetch-4a90f091.js');
-const paypal = require('./paypal-86cc51e4.js');
-require('./isDarkColor-dd6d723b.js');
+const getBorderRadius = require('./getBorderRadius-f97c99ad.js');
+const cart = require('./cart-199b0751.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
+const paypal = require('./paypal-4f1ee604.js');
+require('./isDarkColor-434d71dd.js');
 
 const zonosNotificationCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;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:8px;border-radius:var(--zonos--border-radius, var(--zonos-elements-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(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";
 const ZonosNotificationStyle0 = zonosNotificationCss;

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

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

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const styles = require('./styles-d1e64fb9.js');

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
+const index = require('./index-b678ce0c.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosTooltipCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--tooltip{position:relative}:host .zonos--tooltip .zonos--tooltip-content{position:absolute;bottom:100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:12px;background-color:var(--zonos-elements-gray-1000);opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--zonos-elements-radius-4);z-index:100;-webkit-box-shadow:var(--zonos-elements-v3-shadow-large);box-shadow:var(--zonos-elements-v3-shadow-large)}:host .zonos--tooltip .zonos--tooltip-content.zonos--show-tooltip{opacity:1;-webkit-transform:scale(1);transform:scale(1)}";

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

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

package/dist/cjs/{zonosStore-293bb3ba.js → zonosStore-8971eb65.js}

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

package/dist/collection/collection-manifest.json

@@ -53,8 +53,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.19.2",
-    "typescriptVersion": "5.4.5"
+    "version": "4.22.3",
+    "typescriptVersion": "5.5.4"
   },
   "collections": [],
   "bundles": []

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

@@ -161,7 +161,7 @@ export class ZonosCheckoutFinish {
                     void sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
                         errors: [
-                            `Order found but legacy order number doesn’t exist after ${maxRetries} attempts`,
+                            `Order found but legacy order number doesn't exist after ${maxRetries} attempts`,
                         ],
                         metadata: {
                             allLogs,

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

@@ -702,7 +702,7 @@ export class ZonosCheckout {
             cartStore.inventoryCheckErrorMessage =
                 await stripeStoreHandleInventoryCheck();
         }
-        catch (err) {
+        catch (_a) {
             // If user provide callback and it throw an exception, default to this message and stop the payment.
             cartStore.inventoryCheckErrorMessage = translate('Unable to check inventory. Please try again.');
         }
@@ -1147,7 +1147,7 @@ export class ZonosCheckout {
             },
             "setToFinishStep": {
                 "complexType": {
-                    "signature": "(forcePaymentStatus?: PaymentIntent['status']) => Promise<void>",
+                    "signature": "(forcePaymentStatus?: PaymentIntent[\"status\"]) => Promise<void>",
                     "parameters": [{
                             "name": "forcePaymentStatus",
                             "type": "Status | undefined",

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

@@ -13,7 +13,7 @@ export class ZonosCurrencyToggle {
         const { exchangeRate } = cartStore;
         const options = exchangeRate &&
             exchangeRate.sourceCurrencyCode !== exchangeRate.targetCurrencyCode
-            ? ([
+            ? [
                 {
                     label: exchangeRate.sourceCurrencyCode,
                     value: exchangeRate.sourceCurrencyCode,
@@ -22,7 +22,7 @@ export class ZonosCurrencyToggle {
                     label: exchangeRate.targetCurrencyCode,
                     value: exchangeRate.targetCurrencyCode,
                 },
-            ])
+            ]
             : [];
         // If there is only one currency, don't show the toggle
         if (!options.length) {

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -172,7 +172,7 @@ export class ZonosCheckoutProgressTabs {
             },
             "setTabSelected": {
                 "complexType": {
-                    "signature": "(tabValue: TabItem['value']) => Promise<void>",
+                    "signature": "(tabValue: TabItem[\"value\"]) => Promise<void>",
                     "parameters": [{
                             "name": "tabValue",
                             "type": "\"customer-info\" | \"shipping\" | \"payment\"",

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

@@ -243,7 +243,7 @@ export class ZonosHelloDialog {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
         }), h("zonos-card", { key: 'e3a98411ec2be35dfbe3e9a2a5945851697da7ad', spacing: "12px" }, h("zonos-v-stack", { key: '09cd2bbbb94e819a272f3ef415bb9ace37111f04', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '443975bc6a4355f49cde5513aa494f700e1eee98', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'a55ed373839ed80b449b9f6271ea19cf15124843' }, h("zonos-country-select", { key: 'e8fa0c5c6f36ebe67b84f692ad10a9a84305eba5', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '7bd9d8836c876049d190aaa1bbf3ddea04139090' }, h("zonos-language-select", { key: '15002ebf92828cd52881f30ddb639f704d074462', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '87b8ee464cc4aee3c811fa302f34126b29125565', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'b1841bad3ab471b0d6f148389e08d79907ca19e6' }, h("zonos-country-select", { key: '8571131dd95b34476e2bf165ad7a369c5b45bd0c', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '0a30a4dff4b45cdd87413688381d66624f8de3aa' }, h("zonos-language-select", { key: '4ddeb41556e241dcc234d91d402014218f91281a', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/store/checkout/paypal.js

@@ -93,7 +93,7 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                     cartStore.inventoryCheckErrorMessage =
                         await stripeStoreHandleInventoryCheck();
                 }
-                catch (err) {
+                catch (_a) {
                     // If user provide callback and it throw an exception, default to this message and stop the payment.
                     cartStore.inventoryCheckErrorMessage = translate('Unable to check inventory. Please try again.');
                 }

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

@@ -9,7 +9,7 @@ export const getCountries = async () => {
         }
         return json;
     }
-    catch (error) {
+    catch (_a) {
         return null;
     }
 };

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

@@ -19,7 +19,7 @@ export const getLocalization = async () => {
             locale: json.locale,
         };
     }
-    catch (error) {
+    catch (_a) {
         return { country: null, locale: null };
     }
 };

package/dist/collection/components/utils/handleFetch.js

@@ -40,7 +40,7 @@ const encodeString = (text) => {
         const encodedString = btoa(text).replace(/=/g, '');
         return encodedString;
     }
-    catch (error) {
+    catch (_a) {
         // return the reverse string if the encoding failed
         return text
             .replace(/[^A-Za-z0-9]/g, '')
@@ -115,7 +115,7 @@ const handleRequest = async ({ basePathType, options, path, }) => {
             zonosMode,
         };
     }
-    catch (e) {
+    catch (_a) {
         const message = 'Unknown error';
         return {
             baseUrl,

package/dist/collection/components/utils/isValidSelector.js

@@ -9,7 +9,7 @@ export const isValidSelector = (selector) => {
         // this will error out if the selector is invalid in the DOM
         document.createDocumentFragment().querySelector(selector);
     }
-    catch (e) {
+    catch (_a) {
         return false;
     }
     return true;

package/dist/collection/components/utils/jsonParse.js

@@ -5,7 +5,7 @@ export const jsonParse = (_data) => {
             const json = JSON.parse(_data);
             return json;
         }
-        catch (_error) {
+        catch (_a) {
             return null;
         }
     }

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

@@ -17,7 +17,7 @@ const prepInfo = (info) => {
         const infoToJson = JSON.stringify(info);
         return infoToJson;
     }
-    catch (e1) {
+    catch (_a) {
         if (info && typeof info.toString === 'function') {
             const infoToString = info.toString();
             return infoToString;

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

@@ -37,7 +37,7 @@ export const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostRelea
             method: 'POST',
         });
     }
-    catch (_err) {
+    catch (_a) {
         const nextFallbackApi = getNextFallbackApiType();
         if (!nextFallbackApi) {
             return;

package/dist/collection/environment.js

@@ -64,7 +64,7 @@ const envClient = {
     NEXT_PUBLIC_ZONOS_ROUTE_URL: z.string(),
     NEXT_PUBLIC_ZONOS_UNPKG_CDN_URL: z.string(),
 };
-const envClientSchema = z.object(envClient);
+const _envClientSchema = z.object(envClient);
 export const env = createEnv({
     skipValidation,
     // eslint-disable-next-line sort-keys/sort-keys-fix

package/dist/collection/scripts/_zonosBase.js

@@ -135,6 +135,8 @@ Zonos.init = async (params) => {
         document.body.appendChild(hiddenButton);
     }
     log('init zonos');
+    // inject custom script for hosted checkout if can find it in metadata
+    _a.injectCustomScriptForHostedCheckout();
     // inject zonos cdn
     _a.injectZonosCdn();
     // inject css for zonos elements
@@ -154,6 +156,33 @@ Zonos.init = async (params) => {
     });
     _a.doneInit = true;
 };
+Zonos.injectCustomScriptForHostedCheckout = () => {
+    const cartData = _a.cartData;
+    const metadata = (cartData === null || cartData === void 0 ? void 0 : cartData.metadata) || [];
+    const headerScript = metadata.find(meta => meta.key === 'customHeaderScript');
+    const footerScript = metadata.find(meta => meta.key === 'customFooterScript');
+    // Only inject the script if checkout is on Zonos hosted checkout and custom script is available
+    if (!window.Zonos.isLegacyCheckout || (!headerScript && !footerScript)) {
+        log('Skip injecting custom script for hosted checkout', 'info', {
+            footerScript,
+            headerScript,
+            isLegacyCheckout: window.Zonos.isLegacyCheckout,
+        });
+        return;
+    }
+    if (headerScript) {
+        log('Injecting custom header script');
+        const script = document.createElement('script');
+        script.textContent = headerScript.value;
+        document.head.appendChild(script);
+    }
+    if (footerScript) {
+        log('Injecting custom footer script');
+        const script = document.createElement('script');
+        script.textContent = footerScript.value;
+        document.body.appendChild(script);
+    }
+};
 Zonos.displayCurrency = () => {
     const zonosHello = document.querySelector('zonos-hello');
     if (zonosHello) {

package/dist/collection/types/stripe/Apperance.js

@@ -1,59 +1 @@
-const supportedPropertyNames = [
-    '-moz-osx-font-smoothing',
-    '-webkit-font-smoothing',
-    '-webkit-text-fill-color',
-    'backgroundColor',
-    'border',
-    'borderBottom',
-    'borderBottomColor',
-    'borderBottomLeftRadius',
-    'borderBottomRightRadius',
-    'borderBottomStyle',
-    'borderBottomWidth',
-    'borderColor',
-    'borderLeft',
-    'borderLeftColor',
-    'borderLeftStyle',
-    'borderLeftWidth',
-    'borderRadius',
-    'borderRight',
-    'borderRightColor',
-    'borderRightStyle',
-    'borderRightWidth',
-    'borderStyle',
-    'borderTop',
-    'borderTopColor',
-    'borderTopLeftRadius',
-    'borderTopRightRadius',
-    'borderTopStyle',
-    'borderTopWidth',
-    'borderWidth',
-    'boxShadow',
-    'color',
-    'fill',
-    'fontFamily',
-    'fontSize',
-    'fontVariant',
-    'fontVariation',
-    'fontWeight',
-    'letterSpacing',
-    'lineHeight',
-    'margin',
-    'marginBottom',
-    'marginLeft',
-    'marginRight',
-    'marginTop',
-    'opacity',
-    'outline',
-    'outlineOffset',
-    'padding',
-    'paddingBottom',
-    'paddingLeft',
-    'paddingRight',
-    'paddingTop',
-    'textDecoration',
-    'textShadow',
-    'textTransform',
-    'transition',
-];
 export {};

package/dist/esm/{CheckoutConfig-930107d4.js → CheckoutConfig-262008fe.js}

@@ -1,4 +1,4 @@
-import { h as handleFetch, l as log, a as logError } from './handleFetch-22cb914b.js';
+import { h as handleFetch, l as log, a as logError } from './handleFetch-badf4543.js';
 
 const getTempCartById = async ({ cartId, retries, }) => {
     const urlParams = new URLSearchParams(window.location.search);

package/dist/esm/{cart-709f053f.js → cart-cf87ec6f.js}

@@ -1,7 +1,7 @@
-import { c as createStore, z as zonosStore } from './zonosStore-c493c4fe.js';
-import { h as handleFetch, a as logError, l as log, f as fallbackApiList, s as sendErrorLog, b as allLogs, j as jsonParse } from './handleFetch-22cb914b.js';
-import { i as isDarkColor } from './isDarkColor-c6924924.js';
-import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
+import { c as createStore, z as zonosStore } from './zonosStore-708637e7.js';
+import { h as handleFetch, a as logError, l as log, f as fallbackApiList, s as sendErrorLog, b as allLogs, j as jsonParse } from './handleFetch-badf4543.js';
+import { i as isDarkColor } from './isDarkColor-4915739f.js';
+import { g as getBorderRadius } from './getBorderRadius-4aca63d4.js';
 
 const stringsArabic = {
     ' (Duties due at door)': {
@@ -8981,7 +8981,7 @@ const getCountries = async () => {
         }
         return json;
     }
-    catch (error) {
+    catch (_a) {
         return null;
     }
 };
@@ -9108,7 +9108,7 @@ const getLocalization = async () => {
             locale: json.locale,
         };
     }
-    catch (error) {
+    catch (_a) {
         return { country: null, locale: null };
     }
 };
@@ -9231,7 +9231,7 @@ const isValidSelector = (selector) => {
         // this will error out if the selector is invalid in the DOM
         document.createDocumentFragment().querySelector(selector);
     }
-    catch (e) {
+    catch (_a) {
         return false;
     }
     return true;

package/dist/esm/{getBorderRadius-bdd709e7.js → getBorderRadius-4aca63d4.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-c493c4fe.js';
+import { z as zonosStore } from './zonosStore-708637e7.js';
 
 /**
  * Get the border radius for the elements based on the style

package/dist/esm/{handleFetch-22cb914b.js → handleFetch-badf4543.js}

@@ -17,7 +17,7 @@ const prepInfo = (info) => {
         const infoToJson = JSON.stringify(info);
         return infoToJson;
     }
-    catch (e1) {
+    catch (_a) {
         if (info && typeof info.toString === 'function') {
             const infoToString = info.toString();
             return infoToString;
@@ -109,7 +109,7 @@ const jsonParse = (_data) => {
             const json = JSON.parse(_data);
             return json;
         }
-        catch (_error) {
+        catch (_a) {
             return null;
         }
     }
@@ -153,7 +153,7 @@ const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostReleaseError
             method: 'POST',
         });
     }
-    catch (_err) {
+    catch (_a) {
         const nextFallbackApi = getNextFallbackApiType();
         if (!nextFallbackApi) {
             return;
@@ -203,7 +203,7 @@ const encodeString = (text) => {
         const encodedString = btoa(text).replace(/=/g, '');
         return encodedString;
     }
-    catch (error) {
+    catch (_a) {
         // return the reverse string if the encoding failed
         return text
             .replace(/[^A-Za-z0-9]/g, '')
@@ -278,7 +278,7 @@ const handleRequest = async ({ basePathType, options, path, }) => {
             zonosMode,
         };
     }
-    catch (e) {
+    catch (_a) {
         const message = 'Unknown error';
         return {
             baseUrl,