@zonos/elements 1.3.265 → 1.3.267

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

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const localization = require('./localization-06cc0379.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-1f521ea7.js');
+const cart = require('./cart-ed2de167.js');
+const localization = require('./localization-66d378ab.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-ac9083d9.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
-const hasInclusivePrice = require('./hasInclusivePrice-40358cb1.js');
-const paypal = require('./paypal-b52e1f24.js');
+const hasInclusivePrice = require('./hasInclusivePrice-bf31fbdb.js');
+const paypal = require('./paypal-d8282578.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-a91911e7.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-d93a6f2b.js');
+const placeTestOrder = require('./placeTestOrder-0a4b9dd7.js');
 const isDarkColor = require('./isDarkColor-e317bb06.js');
-const getContrastColor = require('./getContrastColor-68058615.js');
+const getContrastColor = require('./getContrastColor-ce80dbe7.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-a9a97194.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
@@ -40,7 +40,7 @@ const ZonosCartItems = class {
     render() {
         const emptyItemImg = index.getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: '52911cfab4b2da9d65c840cd692e638c9dc732c5', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '428a62423a7fcf0721f420c9fdceac4bd928a6eb', class: "zonos--cart-table" }, index.h("tbody", { key: '41a438eeb79635ba00a241fa9771b9c33c7fe7ff' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: '0533f9858716c5084f2f7d454038918dcea3f1d0', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '9819698277a5c597528364d19b7c5c7c3161fdd7', class: "zonos--cart-table" }, index.h("tbody", { key: '59493dfb49143a56f2addaf0c9eb1e8ce014dc1f' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
             const amount = item.amount * item.quantity;
@@ -963,11 +963,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = handleFetch.getIsTestMode();
-        return (index.h(index.Host, { key: '97291e81aef62884ec0519d93dcc7ff184b2913d', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '3df50a75327f2dd1d7eea538aed0501c96504f2d', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (index.h("div", { key: '40569271fb67acb22a4a0fa3c0fc8e1c0c641061', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '8b431c7751e5e32fe97f4244151ece7de3c6d9bc', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: '0f5c89c285acf8c4f79e058c69cde9011df7e1a2', class: "zonos--finish-details" }, index.h("div", { key: '7491b15a90941476338ec6b1738312ffd4ebd2c0', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '87e0d022014596b02d813ee510917b7ec9b55e09', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '456bd678d5ba6f5b74da34f906bbe9f4bed870ac', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'ebde02a73e71ad88d7d68629f2cd8a34d961aa63',
+            } }, this.isImmediateRedirecting && (index.h("div", { key: '6031b9b4d5847bb46a201ccf7f6b1cd036b3e3df', class: "loading-wrapper" }, index.h("zonos-spinner", { key: 'e816086c5efdfe8c1b40ce0bad935ef829a8f88d', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (index.h("div", { key: 'c787a355834af35a53f09f51f97c6796fa25c345', class: "zonos--finish-details" }, index.h("div", { key: 'a2a4bd3caee1cbffd514dcd69927a0f8a4e20af1', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '894069f110eab9cb02fe4dfa814d7c285dadf7cb', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '95bee491e9ac903a594569c911a81c63ebfab691', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (index.h("zonos-button", { key: 'cf10c1bdfe95c5a13a2714fc7d64042fa7ef49ac',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -979,9 +979,9 @@ const ZonosCheckoutFinish = class {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '2b86a3d9fb705ad080af532e645fd26aa844a14a', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'cc9da3752636dbf9ecd3446fb787074cb1fa725b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (index.h("div", { key: '83a9dc9fb81baaf9e223dfa9fe0fc0fc4c106635', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'edf8057b0430e3e4bb8fd675554659781e1724ae', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '3c40eee58d8a2ad5951dfdfc7c8d485052b6ba73', onClick: () => {
+            this.notificationType === 'success' && (index.h("div", { key: 'f61fedefbfcf3650377bfd2e1a86d7feb4129b12', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'fa794be3da7f480bc3682a2e932ee1f876ac5bb2', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '5bbff8ed5b5c585dd1a4ca8e2d206d48fb080f39', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -1043,10 +1043,10 @@ const ZonosCheckoutFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
-        return (index.h(index.Host, { key: '608a64c8e871bc0544cb80b719c9e11d441e2909', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '37e6da358ce729c118128d9fae97efed127d83b9', class: "zonos--checkout-footer" }, index.h("div", { key: 'd42eb447dd73073debd6c0d48b766ce31f995b32', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '3a61cc1647aa2e74d0e1fd5534ae9ff66446ba7a', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '28bfc7ed3b75c9724e951177914f2d874fff27fe', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'b082108bcc0b5dded10136056fa1426bb6adda8e', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'ddccc795078e5eb55b25cbe5d5a6bf502579cded', class: classes.classes([
+        return (index.h(index.Host, { key: 'ec472ed419e634f96630332398ff6e814dcd0391', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: 'd29154eb86046ddd440460343b3b115d3e23c87d', class: "zonos--checkout-footer" }, index.h("div", { key: 'b0bb0fed3cc0b228fb1a80c6b27a3aaa84081b95', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: 'd6ef4aa2d32a04a5d27c8085471a85970a24dbed', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '6e7d935c324465ad501a28388d71ad73fba9c74f', class: "zonos--checkout-locale-label" }, languageLabel, index.h("zonos-icon", { key: '5041eee50cd91210e6c1d4257f66b63e76ce9e4a', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '87b4b4b6fe789592d61dd7e69944b433c0bc0cf2', class: classes.classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'c38f3ebb835b15cbfbe624507c0addb8622f65e6', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'b4862df1b1f4a27071ad4291891b968d016c7024', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: 'ac15fc57811b44fbe9d6c032f02660bb41bd40f9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'dc954edc4349a90c41b54348516c6922fe6c5e56', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: 'f8d5136948a871718cbd73f982b229c8ea46bbf8', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '2e3542d9d2ddd78ba855858b93ccdeca47269962', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '240abfbd5b86c5d0068cb20305ab3bb39abf22b5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '7d5fe50373919e4bc22da89b00915e607eb1b9df', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
+            ]) }, index.h("zonos-language-select", { key: 'de8bd0ba1085564c2fe40c2d261e74ec9f67da90', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '7c3954550c4512b2d83fbafe05b57a44f0501991', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: '7bf2b74683ee81e8aa5ed5c0175ba22b8e8b5d6e', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'c39c00e77f47dbc1d47f69003cdb5c5f17c7a4e4', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: '567940865a03b6dce5273d70fb85860c042f9068', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: 'e3a0727029aa676e68c2a9a174c64188f7ab029e', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '5a7f20a70efee92be700365818004f86827cc373', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'c4a61b660e474064c35626744cad44e598206179', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1354,17 +1354,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: '425c77b4ab1b9a29ada76644a60c2c6f54fa2e28', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '2bc73268f4413887abe526ab1ac01471627e9fbc', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: 'd8e13a57521242f597c8b8adf7c6f304b3a9d3ce', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: 'fb812b9d4e6ba72f26b4f31ccf8444500a72f277', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { "aria-label": `Tab ${tab.label}`, class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, localization.translate(tab.label))));
-        })), index.h("div", { key: '9461341c83a92c810a3cf02f3828610732eecfe2', class: "zonos--tab-progress" }, index.h("div", { key: '142824930f5a8a6ef4fdafc7b39d9a96aa518cff', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: '0dcaeb8d709f06df00b965c7aa081294a060120e', class: "zonos--tab-progress" }, index.h("div", { key: '8faef8257c4a0244e1ee5f3ac5752904ecd63d96', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -2077,11 +2077,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: '70b8901469cba98007780b2dc6cceaa61f96d8ac', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: 'c8ad36ee240e6c623cfd950a9cd2eebc89e1d264', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '7903d837e37c843a55aee6211cc2071add4f5a05', class: "zonos--restState-image" }, index.h("img", { key: 'dee0733ab529b004f53d1d69a29a07d7a44a3eea', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: 'c1f45b4dfc584bd492f36cd678699aec372d0b41', class: "zonos--restState-image" }, index.h("img", { key: 'dbbcbfcdfb849c8f31c17eba4f99d2fbf1f9f05d', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: '612e7d71d5e6bd2e0c37d7c6595b35ea5ca416dd', class: "content" }, index.h("zonos-text", { key: 'c28379a4b4546afa6b323986c092c9538aa66b65', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '309e2e9c5086d0c84ccbe6c695d657d9f8e16da0', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '7fb9586682d221a311598ee8d294c6daede33e96', class: "action" }, index.h("slot", { key: '87959654a7a3c9c621d633a492627d53ff561fd4' }))));
+            }, src: imageUrl })), index.h("div", { key: 'a3f92d7c4b7c3d6b27b310024b60659903901300', class: "content" }, index.h("zonos-text", { key: 'c3f6af9cc17b95f988d848e18e3afbdb711c5ddd', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '656d089910ca5aa79b762d6c36b9b14ef093b706', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'e44d6b8bdf04cc1bc31a3ed427260c08ab05781b', class: "action" }, index.h("slot", { key: '662fcf9da75d402dbfdd4ec8135c5112c5cc7527' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -72,14 +72,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: 'b72500a3ead1362eebf6cd90fc60fddbade0bccf', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: '68ce8866560fc44b0f0ccdc2c62ce6f12662b732', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, index.h("label", { key: '3a5104fa8f2b3874108f27732df0aee9d4bebbd6', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: 'aea12725ffa80d01c7fe1753d637f6e94e1d0fad', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, index.h("label", { key: '296bc060857897219204b2f7c92f14fe95d9a4e0', class: classes.classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, index.h("input", { key: '0995da201de091b958f8a7e0aa8e160d3806c9df', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), index.h("span", { key: '807f1b1b8acf88793abe74d329c8ffd81a450d9b', class: "checkmark-container" }, index.h("svg", { key: '18bec57b0554f70704f5c53e57a5929a48165f44', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd98ba6681c05d63e242518b332b7d3292e19d39e', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: 'f540e55464dd67bf513cf6a77b078c7492945b50', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '9ea1f4c9e4eecf9ac151d10318fcdec7e3a242e2', class: "checkmark-container" }, index.h("svg", { key: '56a08834db133070b05d00c95017ed2e35a27d7f', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c137dbb9448ca58d7080b48f7e8e0ca0ce534ef9', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: 'bdff3daf6e88591d3af0567c74569608e6dabb4e', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const paypal = require('./paypal-b52e1f24.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-ed2de167.js');
+const paypal = require('./paypal-d8282578.js');
+const localization = require('./localization-66d378ab.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');

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

@@ -57,10 +57,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (index.h(index.Host, { key: '3e88dfbb76bc891e26c8b25729719b3bdc7e4087', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: '4266c0d5399bbcecf4725cfda02ee88fb3b74843', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: '3304ccae3cf01ee2100f10e0e4751bb1ea709d00' }, index.h("iframe", { key: 'c7af721e790b0b7cea8a5345403d485c8ed0dae4', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: 'be37b54db2a486750777edf71ff1001e4589f80a' }))));
+            } }, index.h("div", { key: 'ca2fb1d9b821402ff26e171f678083d60b401a22' }, index.h("iframe", { key: 'ba726164295930bba21d115b732a7bd2edad18e0', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '1454a6f84d2e90be4b79868c99dfefdb21baf9d9' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/zonos-collect-cart-items_3.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
+const cart = require('./cart-ed2de167.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-31da84b7.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-06cc0379.js');
+require('./localization-66d378ab.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-e317bb06.js');
@@ -25,7 +25,7 @@ const ZonosCollectCartItems = class {
     render() {
         const emptyItemImg = index.getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: 'ccad7b37a4f0d00d679dfdecb98fa15c2600aea2', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: '0464336c854621f6f2b31b2fa6ce93daa152e607', class: "zonos--cart-table" }, index.h("tbody", { key: 'a32edcb6ed81d0117fb96f93c9e4fea5d1971abe' }, nonRestrictedItems.map(item => {
+        return (index.h(index.Host, { key: '085e4b2fd45b68d916f268719cb52009cc06f8a2', class: "zonos--collect-cart-items zonos--elements" }, index.h("table", { key: '23338d49319259769cd139ff9c329f3a9c6a059a', class: "zonos--cart-table" }, index.h("tbody", { key: '9a8ba11598f20b78a0ea199ccdf7254db461a0ac' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
             return (index.h("tr", { class: "zonos--collect-cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt: item.name, onError: () => {
@@ -52,10 +52,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '6d17afddd6bee4215f1ca29e6d1876ead04b1cf4', style: {
+        return (index.h(index.Host, { key: '721c4dd7d467879b21078725e6343b7ee8d76675', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: '1588eca69137d187ce946df8004a5192187e963b' })));
+            } }, index.h("slot", { key: '1e4dc26d7e61893d04bc6255abf2834b4545b335' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -78,7 +78,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: '06888cfea3918480152b8f1af660148882747195', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: '22a28005143f47dd80eaec233e7d9937d7e72507', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

package/dist/cjs/zonos-collect-finish_6.cjs.entry.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const paypal = require('./paypal-b52e1f24.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-ed2de167.js');
+const paypal = require('./paypal-d8282578.js');
+const localization = require('./localization-66d378ab.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-a91911e7.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-92fa5e8f.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-fe8149a5.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-1f521ea7.js');
-const placeTestOrder = require('./placeTestOrder-d93a6f2b.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-ac9083d9.js');
+const placeTestOrder = require('./placeTestOrder-0a4b9dd7.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-e317bb06.js');
 require('./isContrastColor-a02c4889.js');
@@ -272,11 +272,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: 'ebc550d41d82330609ce842578fb9414397f11d2', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '3de21586bf8e0f31e698e2b1a51d3344aae94af1', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'e63176b8eb34a1c9bac491cc653c1108e085e77e', class: "zonos--finish-details" }, index.h("div", { key: 'abad1b8c765417e3d1cb4eb5f97c2713bc780517', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '00924614cb5e3553bd572008a7e13ecd7c516272', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'e39986d7d0f739a7ea221546f3f06aa5327ef824', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'b4894f5156a213413e58484fe465905e1c5e48d4', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: '8770f7a408b8b9862a2ef5ac4fa02a6caae6183a', class: "zonos--button-container" }, index.h("zonos-button", { key: '3bebe519d938bccb40c65c668fa58088cfeff47f', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: '66f93432802d63e1fab59de19c1fd930cfddacbe', class: "zonos--finish-details" }, index.h("div", { key: '0857460a375bff54492dd7fe64baddf2af1e966a', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '008c4971516d110e1c2d0a348b09fa6ca0a0b1a6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '3e86105dbdae6cb696b0c4be81d9fcc30576ae4b', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'b372ae467ccb62b5c03aba28635135c350473986', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: 'bbf5885fe6e52135e3a2d7a82f0e85fd26e6aa74', class: "zonos--button-container" }, index.h("zonos-button", { key: '74dd846361072721bb3c511d675f7e42b7c063e9', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -341,15 +341,15 @@ const ZonosCollectFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = 'gray-1000';
-        return (index.h(index.Host, { key: '2650da0d6942ec1389d65316d4f387b205eb3d23', class: classes.classes([
+        return (index.h(index.Host, { key: '5ec7e478c6b2b4fc21634ed70261dce3b095a8a0', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '711017e883a7c88de6a8c4d2761d969045fa7511', class: "zonos--collect-footer" }, index.h("div", { key: '3eb3e89a254e3dba1cbd0a4dca0e257f0f7a64f7', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '2615195358247954888d47aa01b873c2e1ff738d', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '90d0c4ca757c3825865cf82b9991a13d2972254d', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '6badf11c60712883ee1ed037a8ddb955a7675d53', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'e8b45be9f457a57482da8ed95193ca2c36525525', class: classes.classes([
+            ]) }, index.h("div", { key: 'c16c9d6e73dbfbd416137c6bf697cbb92d2bf706', class: "zonos--collect-footer" }, index.h("div", { key: '7df1dde2ef014d5f1b7093e034d0ccf0e795ac61', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: 'fcbc9ddc94b68e353b2f8f064c99abf1cc2900a9', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: 'bf58b98ed61dbc6c6cba358c34f40a15301c8c9a', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '2cda7ba7b226accb3f42281a0dc94d8227330193', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '963404ac73580e236740343fec11447b9ee22ca4', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'a0a9bc9fca4df158e615ae387a5be2598a7b9f36', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '8e4743edc609ac041cb283a2a4864efcbda0a86e', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: 'd1119f22e17b80d015198c2803657c0280939ec7', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '4faac90e9cb3469ffeb743155345232de8e3730a', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '63b6ad613f96d8bd6f88b931c0c3833d08744479', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '09d6e961e27583a37b319be89fd0f80dbb9e96bd', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'b78088f8ab0cdc6b8dba6f1e0012e4c96407dd92', class: "dot" }), index.h("a", { key: '5ada46bc9f2fa3b52e235b3ec0231423e15fb5f5', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'b22d50bd1aaf5fddf8e1795f68b85c0e4f0125e8', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, index.h("zonos-language-select", { key: '8b41a062040737a68d3c9b00839fa65b412cf7c4', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '16c4a6476916227d6310c48fb4d0cc732ba8fd52', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '220c6d0bb23e3d43f3a21ed2cf94f4eff016e8f5', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '6c6e2cab741612e4e75a2840dc36571e49aad40d', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '60aa25c0951f8307974c4a892fddbb0626cc76d2', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '7f913799ae95ee9ed30aea2e6144d36c89ebd7f8', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'd74339c34ecebcbdeb60e08f8de4b83d07a93a71', class: "dot" }), index.h("a", { key: '8e9917e5ef37bedc593774bd7e0cab85fb7a99b4', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '2cc37adc0b69dfbb7ea7ee6b6727ad173c2cae6e', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -683,13 +683,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: '9b00168e63cbd687c01583577eefe9f5e9958996', class: classes.classes([
+        return (index.h(index.Host, { key: 'e80b802a45d3d6395ead284a218ed1053d2e05a7', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '5d29409d7c09ce620b32d6f4512bbd280817cfa8', class: "zonos--title" }, index.h("zonos-text", { key: 'b06ea84a112b06f1aba656060c85680cada09808', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { key: 'febeea7c348a5279ddf97bdd48e3d28fa07d6f22', class: "zonos--title" }, index.h("zonos-text", { key: '1ed640de9e3e6d87064a727ecca208368e1a1e81', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '7d96f27c70d54f69862816be87bf1c084a91ecb9', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '0a61b9f3a8ba33e83b50b8c53edfa3b784d47051', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -755,7 +755,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: 'dbdf16aeb070857018db4456e06b8c74cc135d78', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '90e8278e1f518f5531813c3cf0b032707fe42eb8', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '3c63319c6be8719069eb7d80eda2546dcc76f273', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: '942aa283152bbf69439e7a864156c2f4a71f66dd', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'db7ee74968f1b452e93a9e1d46de833e2513f582', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: 'dfae6f70ace82c38bdce41de0b4f900c790fa9ae', class: "zonos--column" }), index.h("td", { key: '943c6781ad1909d6c5c315f705fcb08547a92660', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        return (index.h(index.Host, { key: '6df77785504d4076a3b675a9ef62171105fa22b5', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '5a0917d3828ff18b5ad67d6e168e67b5646a6425', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: 'b51069b800459d0aa64cebb98c0bae99d05bde8a', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'b7bd45e0256a852ec363ffed7022d95079a8282c', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '47db47e87c83c4e5361e363d8c48cbef675a1eb7', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: 'd3b083c586c04fdca1a9410992cba6350050fd75', class: "zonos--column" }), index.h("td", { key: '6aedc27105ffe3a15744482025e3c711de22709a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Duties')] || 0,
                 isForeign: true,
@@ -763,7 +763,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'e87cf556d84fa66789f2410b77e049229eb54732', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '5941322ab31a1227a6944a05b25b27f387e184e7', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '729fd97147df76283b5d97a30015e2af84a4fbb6', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: 'a51514811435edae33c37f6062b0323ef2acfd05', class: "zonos--column" }), index.h("td", { key: 'a091d24821800034b1629813e05b40854951908d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'ee934191b6d95c2bdebf40c5a8d6e9a8dcc4716b', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'd9966df4b307915d69e99ddca307afb3b1dac57d', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '0b074f206a3746e9428a1f7f4df95a7035770535', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '4cd818d7d7db3bbb1b044f09420f3c0de9c2654f', class: "zonos--column" }), index.h("td", { key: '885a3b0d243f9687af99018c94e6f7990ab94ae4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Taxes')] || 0,
                 isForeign: true,
@@ -771,7 +771,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '1ee4eae6bc0ea9be2d3b98733a3d51034db3b2c3', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '6548ee27908c32e7c39f4f16a7c6f202df256e28', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b911ffc5f29252efba3989e494eca1c5ec0fbd54', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: 'f01086495ba4e1864f63de5fdd212de922e335c6', class: "zonos--column" }), index.h("td", { key: 'f2e628f5fb0087cebc5b135194325127357828e2', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '840cdf461bd3cb0780c517be7900a4db7522da6d', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '57edb0642163a4fb580c538334f77fba2f15efe1', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'daa9e1ab156a2a5b26aec744014c2501948872e8', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: '90cc11dda267840a4d4559aed5cfa5d61e13a986', class: "zonos--column" }), index.h("td", { key: '3716f79ab7323f5d6ebca7ece57bfd7b78f62b20', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Fees')] || 0,
                 isForeign: true,
@@ -779,7 +779,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: '1b3c7371aa2b395c310e1bbfbda5071fc76bc523', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'ffcab1bd04d14fbc8c57d6731f2243945d889b9f', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: 'c674e6737e1888c3ef4dfa9a2cc06ec595ddc74f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: 'c79170263853ebba9168b566ed0985af9e7f7bec', class: "zonos--column" }), index.h("td", { key: '05bff80d6dd83b047ec4f40dedbb42dcef822a34', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '61e4f56cd4da5187bb64c746920b04655ed4624a', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: 'a1701fa2c16e87cdba274349b7c5f9f0b90093ea', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), index.h("tr", { key: '2ac89b5b3f76c2991b88ce163ca571380d91ae8b', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'fc073ec87ac579ad5af8fb2dd08fe47112e21717', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '87c32f3ee0ffb3c347c495ec853ebf92b6a08a0f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '664d161448aec51324f0d177d20fa0ef765a17bb', class: "zonos--column" }), index.h("td", { key: 'c14949595986be080c502ad175529883f2c789cc', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'cf141dd8e58e73b981cdb5f51c111d83099222ae', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: '3cba5203e563ec1f4c591d6c42cf7b9a7c8c2045', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -787,7 +787,7 @@ const ZonosCollectSubtotal = class {
             isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: '83b981afc2f2ddfa5a21ee28fea2e00ec3aef4e8', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '041fdf582712439e15521ab290f6475106d890cc', class: "zonos--column" }), index.h("td", { key: '82734ce4831e6255d8d6fe6aa73e8c132ba65d1d', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'd7b1771c43d5176226d1e503ec9308da5806fa52', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '5bebbeaaa0ed0c112e73e4e6283d1364b9ae4f64', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        }))), index.h("tr", { key: '14065db117fef4acbb0f459a624fee28ea127205', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '0bc154f6d48ddb0bdc829233a66f0e486ed9df4f', class: "zonos--column" }), index.h("td", { key: '1f2997cebc3250152b1ecd207066ffc44af7f124', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'd50cc0977380fc1bf858fbe26201d919000a74b5', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '2fcd30a868708f5abea04230c1407fff62fb011d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-92fa5e8f.js');
-const paypal = require('./paypal-b52e1f24.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-ed2de167.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-fe8149a5.js');
+const paypal = require('./paypal-d8282578.js');
+const localization = require('./localization-66d378ab.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-ed2de167.js');
+const localization = require('./localization-66d378ab.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -101,6 +101,122 @@ const initInvoice = () => {
     injectCheckoutElement();
 };
 
+const STYLE_ID = 'zonos-domestic-element-hide-style';
+/**
+ * Probe whether the host parser understands `:is(...)`. Real browsers do
+ * (Chrome 88+, Firefox 78+, Safari 14+); older environments and some test
+ * runtimes don't. When supported, we wrap the merchant selector in a single
+ * `:is(...)` so a single `body.z-intl ` ancestor scopes the whole group.
+ * When not supported, we distribute the prefix across each top-level
+ * comma-separated piece instead — so the rule still applies in that
+ * environment.
+ */
+const supportsIsSelector = typeof document !== 'undefined' &&
+    (() => {
+        try {
+            document.querySelector(':is(.zonos-is-probe)');
+            return true;
+        }
+        catch (_a) {
+            return false;
+        }
+    })();
+/**
+ * Split a CSS selector string on top-level commas. Commas inside parentheses
+ * (`:not(.a, .b)`, `:nth-child(2n+1)`) or attribute brackets
+ * (`[data-foo=","]`) are preserved as part of the piece.
+ */
+const splitTopLevelCommas = (input) => {
+    const parts = [];
+    let parenDepth = 0;
+    let bracketDepth = 0;
+    let current = '';
+    for (let i = 0; i < input.length; i++) {
+        const char = input[i];
+        if (char === '(') {
+            parenDepth++;
+        }
+        else if (char === ')') {
+            parenDepth--;
+        }
+        else if (char === '[') {
+            bracketDepth++;
+        }
+        else if (char === ']') {
+            bracketDepth--;
+        }
+        if (char === ',' && parenDepth === 0 && bracketDepth === 0) {
+            const trimmed = current.trim();
+            if (trimmed) {
+                parts.push(trimmed);
+            }
+            current = '';
+        }
+        else {
+            current += char;
+        }
+    }
+    const trimmed = current.trim();
+    if (trimmed) {
+        parts.push(trimmed);
+    }
+    return parts;
+};
+/**
+ * Build the fully-scoped selector that will land in the injected `<style>`
+ * tag. Exported so tests can exercise both branches of the `:is()`-support
+ * fallback without having to mock the module-level probe.
+ */
+const buildDomesticHideSelector = ({ merchantSelector, supportsIs, }) => {
+    if (supportsIs) {
+        return `body.z-intl :is(${merchantSelector})`;
+    }
+    // Fallback: distribute the `body.z-intl ` ancestor prefix across each
+    // top-level comma-separated piece. Parentheses/brackets are respected,
+    // so pseudo-classes that take selector lists (`:not(.a, .b)`) and
+    // attribute selectors that contain commas stay intact.
+    return splitTopLevelCommas(merchantSelector)
+        .map(part => `body.z-intl ${part}`)
+        .join(', ');
+};
+/**
+ * Inject a `<style>` tag that hides storefront elements matching the
+ * merchant-configured `checkoutSettings.domesticElementSelector`, scoped to
+ * `body.z-intl` so the rule only takes effect when the shopper is in a
+ * shipping zone (Hello sets the body class). The exact selector we emit is
+ * also the selector we validate — see [[buildDomesticHideSelector]] for the
+ * `:is()`-support branching.
+ */
+const injectDomesticElementHideStyle = (domesticElementSelector) => {
+    if (typeof document === 'undefined' || !domesticElementSelector) {
+        return;
+    }
+    const fullSelector = buildDomesticHideSelector({
+        merchantSelector: domesticElementSelector,
+        supportsIs: supportsIsSelector,
+    });
+    // The browser's own parser is the source of truth — `document.querySelector`
+    // throws `DOMException(SyntaxError)` for syntactically invalid selectors.
+    // Validating the exact string we're about to emit catches both malformed
+    // input and payloads that close `:is(` early to escape the wrapper.
+    try {
+        document.querySelector(fullSelector);
+    }
+    catch (_a) {
+        VarianceTest.log(`Skip domesticElementSelector injection: "${domesticElementSelector}" produced an invalid CSS selector ("${fullSelector}")`, 'warn');
+        return;
+    }
+    // Already injected — settings can re-emit on hot reload during dev.
+    if (document.getElementById(STYLE_ID)) {
+        return;
+    }
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = `${fullSelector} { display: none !important; }`;
+    (document.head || document.body).appendChild(style);
+    VarianceTest.log('Zonos domestic element hide style injected');
+};
+
 const injectHelloComponent = (anchorElementSelector) => {
     const triggerAnchorElement = document.querySelector(anchorElementSelector);
     // append checkout component if doesn't exist
@@ -633,6 +749,9 @@ const ZonosController = class {
                 zonosSettings: json,
             });
             zonosStore.zonosStore.zonosMode = zonosMode;
+            // Inject the merchant's domestic-element hide style now that
+            // checkoutSettings have been merged into the store.
+            injectDomesticElementHideStyle(zonosStore.zonosStore.checkoutSettings.domesticElementSelector);
             // setup google font after store loaded
             void this.setupGoogleFont();
             if (zonosStore.zonosStore.helloSettings.visibilityStatus === 'DISABLED') {
@@ -730,7 +849,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '681a81baa59bfe91e9fe0927aee49fa720fcb35b', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'fe1f262a2bfbf4f6f39c0f23783c132bde8d2dd7', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-06cc0379.js');
+const localization = require('./localization-66d378ab.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-06cc0379.js');
+const localization = require('./localization-66d378ab.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-e317bb06.js');
@@ -1861,13 +1861,13 @@ const ZonosCountrySelect = class {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (index.h(index.Host, { key: 'cd9acce39e76670301cd0eddde05d3933e8f4b57', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '9b455dfc3e78f073178e36a48f4457c9a1fc3545', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '804da9b6cf7156f1dc071417f8e2c4a4495fe76a', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: 'c1b530398ca6e35195cbdec87a4c3d715bf982c0', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'ccde759c50a589c61b92980b3842c4236003412e', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a country') }, index.h("input", { key: '2d86eb33f79cf77178485f8ee1a07094c2402c56', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: localization.translate('Search countries'), ref: el => {
+            } }, index.h("div", { key: 'feccd4390ee2e7ddf1c4ebde6f1f8bf6ae2aa846', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '67759dd235fa5f22b0d3d4e84523bb4a080e3cb0', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'd24bd17a1c6e6e59fb158d910ae0288d218cd1a1', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a country') }, index.h("input", { key: 'a7afb62e4fbe51a1573de882e74be918c5851eb9', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: localization.translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), index.h("div", { key: '9d3f7a5a6938c0f728ef255ac829794c62dfd9f1', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: 'a0d4a6844e882ac15711b759c452c18407c567d4', class: "no-country", textColor: "gray-800" }, localization.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: '3f15965c334c827ded8fde07609d74c26cac0ce5', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
+            }, type: "text", value: this.inputValue }))), index.h("div", { key: '6f0cc751bc79fd3f58bf8cddc85a48d80292993e', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: '072747f4d4baaeebd842329cacf4db7c4ce7b33a', class: "no-country", textColor: "gray-800" }, localization.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: 'f2b4ae2498161cff71235ff8169353779837c38a', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
                 const country = filteredCountries[index$1];
                 if (!country) {
                     return null;
@@ -1896,9 +1896,9 @@ const ZonosCustomMessage = class {
     }
     render() {
         const messageWithLinks = formatStringWithLinks.formatStringWithLinks(this.message);
-        return (index.h(index.Host, { key: '74877279697e5e29703bea70e89cae5cb164fbeb', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'fa000be036f397ff9ff1111cde95eed6267af60a', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, this.message && (index.h("zonos-card", { key: 'c3ce65422f7cc7e55026147745349efe987a47a0', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: 'bae02d71232fed3850946d6426f871d9ede486b8', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '7b5878e3ffb4f2b012fd17f2ada54fae08df69ae', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: '714897772ab498d4c74f3d29e4186a1bf54397f2', innerHTML: messageWithLinks }))))));
+            } }, this.message && (index.h("zonos-card", { key: 'f388ef6cd627f47a4f7318f41a561d5e2afc3b8e', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: '945d239a2db520ab316c66e333ce33d66a6dfa41', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'f828bcad998c78883ebeef62314335f9c0bfb03f', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: '12f08f541f354cb6ad327805df0f487d8a5b347c', innerHTML: messageWithLinks }))))));
     }
 };
 ZonosCustomMessage.style = ZonosCustomMessageStyle0;