@zonos/elements 1.3.283 → 1.3.284

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

@@ -3,25 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const collect = require('./collect-e61eafca.js');
-const cart = require('./cart-a1c00090.js');
-const paypal = require('./paypal-e1548f40.js');
-const localization = require('./localization-783849c8.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const collect = require('./collect-0c05e2b4.js');
+const cart = require('./cart-94908542.js');
+const paypal = require('./paypal-45ca5301.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
+const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const isCollectMobileTablet = require('./isCollectMobileTablet-884d4280.js');
 const classes = require('./classes-b7918f56.js');
-const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-c942fcba.js');
-const placeTestOrder = require('./placeTestOrder-d99b1fe2.js');
+const shouldShowLanguageSelect = require('./shouldShowLanguageSelect-82985128.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-1b0cd5f2.js');
+const placeTestOrder = require('./placeTestOrder-302b6862.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
-require('./isDarkColor-ebc74b4d.js');
+require('./isDarkColor-a6e6fd5e.js');
 require('./TaxId-cd9d490e.js');
-require('./isContrastColor-ef24b7aa.js');
-require('./submitGtag-74762255.js');
+require('./isContrastColor-30f84a91.js');
+require('./submitGtag-8a25f001.js');
 
 const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
@@ -380,11 +380,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: '79369b0b697b1ab4e4b320442452bcf1f942f57c', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'af26499a2062cf495d4c46a7763ed988a4da0669', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'd7685ab3248308469d186f96384f4c3d4b1994df', class: "zonos--finish-details" }, index.h("div", { key: '45e8b49c5bba2022a1033c4496ed6f910a66af55', 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: 'ead6f0af19b569c0e38c0ed10a553d17487f7950', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '81007111e84420a27a390dd4e4146434b6fa371d', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '5b8343c8d75242d8beead8d75dd3826e139aaf02', 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: '46d3f8184caefe2f5b143d9d7269a428b73dd7da', class: "zonos--button-container" }, index.h("zonos-button", { key: '9923fc08076ddd03053b0ef0ff77af6debee749c', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: '54fb28be3daee7dd1d63f1dcbdb9a84354fcdb6c', class: "zonos--finish-details" }, index.h("div", { key: '9c71e5dbd23e613e1038924f14c0465d94dbad07', 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: '3285f4bb8854d5bab6eef487d2b2ae3556794998', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '4cecd6f15ed26fe1e525c01a48e3961845e6f6d8', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'dd7c4011d4d7f92fcd19d53e945adf42f2b3f05e', 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: 'a11bd49a754d32dd15dc34f2311f9706d459f07b', class: "zonos--button-container" }, index.h("zonos-button", { key: '305bcf958a1772cc123414285522e9e0f0b1a839', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -446,18 +446,20 @@ const ZonosCollectFooter = class {
     }
     render() {
         var _a;
-        const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
+        // label resolves against every language, not just the offered ones, so the current
+        // locale always renders even if the merchant later drops it from the selector
+        const languageLabel = (_a = localization.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: '8ab700c2f2b1a05379fd75e879c818e2adb8afd1', class: classes.classes([
+        return (index.h(index.Host, { key: '7733eba3e2253cc976484a9da290f66afd6ef93d', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'e4de4b99e01ecc9aec961067af0f295a64616f13', class: "zonos--collect-footer" }, index.h("div", { key: '154b2c963f4154174bb9ec74ce7fd9fbd50fba80', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '45bce389798236f0827e2a3adbc185cd93d08541', 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: '0cdf082f147e03893e50d882794a4330716c351d', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '4a32f8d8dd7e3bfc7117dbb9821ce76e9556cd26', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'da0241df9b3729f615690671a9470fa632d766f7', class: classes.classes([
+            ]) }, index.h("div", { key: '2c5a058034844d818010f4002704fa17e6fd9a46', class: "zonos--collect-footer" }, index.h("div", { key: 'bffe2afd93ca0531b7eea825a7fd69d68b7aa308', class: "zonos--collect-locale-wrapper" }, shouldShowLanguageSelect.shouldShowLanguageSelect() && (index.h(index.Fragment, { key: '5469f522ea7b4b3f25fd7c0a63e717c29e34a84c' }, index.h("zonos-button", { key: '1c88778482c2960cf2a5e55beeda3f3c7f21b950', 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: '451485445df5f34ca64a36dddd5007ce9f229173', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'a395943215ca541f3db4d3aa6e111c87930a6d08', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '46edba3f7fc8f9316b69626872e0cb478e72cbd4', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: 'a29977d98d3a4db1230c9fab41d4f84485aee2a7', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'cb7881f46838f5f6639e444f524292aec43df8d6', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '3d3d435a3607762a4004819670367d19d81f4607', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: 'e56373f0f1f7c97a8a47dcc29ddebcaa0b1e9b06', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '1dce741207bdd3c5f9f3a36486d361ba5b0b8683', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'bda31cd75b162b66acad3ab888b69e042e195f1e', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: '896509762127608a50bca02a01051c05ce17c172', class: "dot" }), index.h("a", { key: 'dcff1c02f80665e9b52527b9c8019af5cbf68bd3', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'dab8c359011952955a64c20c3fe17977cf286848', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, index.h("zonos-language-select", { key: 'e77a7197a218755149ee6b7f3e07a646bc95e930', handleOnClose: () => this.toggleLanguageDialog() }))))), index.h("div", { key: 'b18dcfe4f0806f3abb6b5855321381334e5206a7', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '5c6c376fe1174cec16e9b6c029172138bc8b180a', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '0899e6990f8f37cf2d604ef15ffd3db0571d5389', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '853891db2db1a4d1297597a9857772503e5b4d10', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'd8731023822bffdec3cfe821c67387df651de13a', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'ba5ae7870c1ed277142ceccf1d44276270b967d0', class: "dot" }), index.h("a", { key: '253dd9112d0626981473d0d0a3309cc577ea5b54', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: 'a5117f4e2194a4b5d1a5de1696763ca1e174b004', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -798,13 +800,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: '3a3a7d5291db82d260d85446ce4ef97bbb8034d1', class: classes.classes([
+        return (index.h(index.Host, { key: '2ed81c7a0a16b9414fe1ce3799efa3b85679f982', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'cb74e4a870e73eadbbbba7590d765f97db8450ba', class: "zonos--title" }, index.h("zonos-text", { key: '1e4cdd77f6102369ac57a836d82431119001a053', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName] duties, taxes and fees for your shipment', {
+            ]) }, index.h("div", { key: 'fcf9fbc8dd807289bcd1c70406495b0c3396bfb8', class: "zonos--title" }, index.h("zonos-text", { key: '44cfb3b82b8e617687c212e108cacafb45713243', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName] duties, taxes and fees for your shipment', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '6c1a8207d2f148c155d50e7e2ff80c1153d86eec', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '5472a1ccc61b49ce8c9578a4c3f801386cab1e7d', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -870,7 +872,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: '873283e3bcbed910a71ec1a45c814a7ea05bcac5', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '0df7eed4bd29a79e9065599859317fa2837803c3', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '8d7e641c65cae73a38f182b2775686816eeea853', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'cd85fe2eeebc447cb844be0e9ae2ca3acfbb988f', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '6bf01a7f93b0a097648b7284a5a32aa51311a588', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '981f35ab9dd6d7519a77465b6bd9fa53e21ddbe7', class: "zonos--column" }), index.h("td", { key: '5bc30957e829731d8d18bdbd468eff56abe1527e', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        return (index.h(index.Host, { key: 'f014c2ae733fe652d7d74349c0e12f93f46d71f5', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '0bab186aa957c29f026151f5a112ff66bb42cb04', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '97c24d5f179f5b59bcb91bc156b1d3e15b811262', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'cba67296a6d17c0cd665981eb19ba95706f68843', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '6665f531a8656c4a1e0f9761d919c150587a36fb', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '20aeeee1fde0e63aaa168f32a5400ea82758a14c', class: "zonos--column" }), index.h("td", { key: '14994ca56e814f68fa3511098f5299a0942a295a', 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,
@@ -878,7 +880,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'aba01d5cd377a972c409971bfa6261101a2aca58', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'c016dafb4c6b92cfc715159249d4c0ed663fc301', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'afab7f0757f4f7e1941a81f2831bdbd4460ba3fa', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '0b6ee1a4a59db701e17caaad5c69da01156f7cff', class: "zonos--column" }), index.h("td", { key: 'a5c0ad551408a7c760048f6660fead6d71f9ba89', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'cbbe4ddf13aabca9ff86b21317b067191f4155b8', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: '675a36a92e136f3afd1960616e842e152cba6256', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '8896868f1e7f545d5b92c148a0f9812936ac2a9a', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '8a4c29f6d2d513fd7da8be7b1ab695794f3a99ab', class: "zonos--column" }), index.h("td", { key: 'c15f7a872e59cce222a674acb55388dd18bfb74a', 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,
@@ -886,7 +888,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '794f30fc44ea873b4e242e17b5d647f80bf7dd2b', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '0290e97bb88893eda374f62e93e9876900932182', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b789da8295e4069fd3a5f5b6dee0b0457fc31a51', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: '38a80da4106ce87ad7dabf6de3b1b1eba710b71e', class: "zonos--column" }), index.h("td", { key: '0fbfa990caf302692dfe1e8c27ddaea51df99660', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '4cf155874e4446b9ecab121cbaceba2328323359', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '3efcb4779f34f35a2398eb661f4b799b6b4480c7', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '41d30bb15d216663cd507f2c92d6639b5559708c', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: 'ef8259d337fb047d8979f5008d2d46f3fc76b007', class: "zonos--column" }), index.h("td", { key: 'e0430efffbe23880a776953ba6a05b0cea268df4', 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,
@@ -894,7 +896,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: '5427b75fa3f55701713bc837c4e75fac31bd5c53', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'd543700b03631be1b95cc5cca39c9239abaf147c', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: 'ddf127c847f6261cb2658e164a58e01f5db47b90', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '1dcb250d978b55e5d999796cf39dcef885e0b145', class: "zonos--column" }), index.h("td", { key: '4299cfc2a589c61878c660e6cc60dc0a44162b2f', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '359d4e0dfec0717cc67d611a561f8e530e387863', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: '07f45c0222553309ca503b1eef283b96156e19a5', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), index.h("tr", { key: '279ddddfc6e9fe88bc1f16aeaeb6464737ec212f', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'de88842e26eb39938b573fc2ac89915d9f6708ba', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '48ecfc5852f1cb25b7816503f3279a3cffc1a581', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '06e65acfd5dd213481f415dc2475d9353e18ee53', class: "zonos--column" }), index.h("td", { key: 'b5ae37799d471defdb983a9167b96aa5e176f78e', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '52afa80c7b0eeda13093c26ce031dab4e4a62ee8', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: '840e0413b9c0d651ba7de6529d7c6581f165c047', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -902,7 +904,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: '0de126a7c6083b28ecd13a99828d3e9a37a04ba2', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '2b5be6f49d700c545b25a603d0a9caafa42e3a70', class: "zonos--column" }), index.h("td", { key: 'da833751a18f408b0d2d17cb9b812497e43360a8', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'b6cf2a310f40274d9633825471e16f429152a994', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: 'f93207f749dc584419b542a31dcae1a0c279f6e3', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        }))), index.h("tr", { key: '62ffc4102084c920e8bde4527415ea93d8ae8292', class: "zonos--row zonos--collect-total" }, index.h("td", { key: 'ef199898aa67686f1c36d2d0c73d1695443e81a9', class: "zonos--column" }), index.h("td", { key: '1bd5949e640823841ac7425a46b519482b975c37', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '96d53a1ffd935ac98cd5560419cc7d5395945da4', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '008f69a34b557f2660426acccafe925f6b554293', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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

@@ -3,23 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const collect = require('./collect-e61eafca.js');
-const cart = require('./cart-a1c00090.js');
-const paypal = require('./paypal-e1548f40.js');
-const localization = require('./localization-783849c8.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const collect = require('./collect-0c05e2b4.js');
+const cart = require('./cart-94908542.js');
+const paypal = require('./paypal-45ca5301.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const isCollectMobileTablet = require('./isCollectMobileTablet-884d4280.js');
 const classes = require('./classes-b7918f56.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
-const ILanguage = require('./ILanguage-98b04442.js');
-require('./isDarkColor-ebc74b4d.js');
-require('./getBorderRadius-4da24d7c.js');
+require('./isDarkColor-a6e6fd5e.js');
+require('./getBorderRadius-97fd5e02.js');
 require('./TaxId-cd9d490e.js');
-require('./isContrastColor-ef24b7aa.js');
-require('./submitGtag-74762255.js');
+require('./isContrastColor-30f84a91.js');
+require('./submitGtag-8a25f001.js');
 
 const ChevronDownIcon = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
@@ -556,7 +555,7 @@ const ZonosCollect = class {
             const urlParams = new URLSearchParams(window.location.search);
             const zonosQaUrl = urlParams.get('zonosQaUrl');
             const zonosDebug = urlParams.get('zonosDebug');
-            const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
+            const languageLabel = (_a = localization.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
             return (index.h(index.Fragment, null, index.h("zonos-h-stack", { class: "zonos--header-wrapper", spacing: 16 }, index.h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (index.h("zonos-badge", { badgeColor: "orange", size: "small" }, localization.translate('Test mode'))), zonosDebug === '1' && (index.h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (index.h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl))), index.h("div", { class: "zonos--header-right" }, index.h("zonos-button", { backgroundColor: 'gray-0', class: "zonos--header-right-button", onClick: () => this.toggleLanguageDialog(), variant: "outline" }, languageLabel, index.h("zonos-icon", { "aria-label": "Language select", content: ChevronDownIcon, iconColor: "gray-1200" })), index.h("div", { class: classes.classes([
                     'zonos--collect-language-dialog',
                     this.showLanguageDialogMobile &&

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

@@ -31,7 +31,7 @@ const ZonosComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return index.h("div", { key: '4e29ec8d8aeafa6d194925220355d6a8a785e838' }, "Hello, World! I'm ", this.getText());
+        return index.h("div", { key: '7cc54490d65b2d6596a09f37bd0a842c66179d2c' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-a1c00090.js');
-const localization = require('./localization-783849c8.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const cart = require('./cart-94908542.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const submitGtag = require('./submitGtag-74762255.js');
-require('./isDarkColor-ebc74b4d.js');
-require('./getBorderRadius-4da24d7c.js');
+const submitGtag = require('./submitGtag-8a25f001.js');
+require('./isDarkColor-a6e6fd5e.js');
+require('./getBorderRadius-97fd5e02.js');
 require('./TaxId-cd9d490e.js');
 
 const getZonosSettings = async () => {
@@ -863,7 +863,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '4fde0983cf8a248635f7e1d8c54c712142e9363d', class: "zonos--elements" });
+        return index.h(index.Host, { key: '12257443495182932a4ca497928398e22f5fb892', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-783849c8.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-783849c8.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const formatStringWithLinks = require('./formatStringWithLinks-c25b4018.js');
-const isDarkColor = require('./isDarkColor-ebc74b4d.js');
-const ILanguage = require('./ILanguage-98b04442.js');
+const isDarkColor = require('./isDarkColor-a6e6fd5e.js');
+const shouldShowLanguageSelect = require('./shouldShowLanguageSelect-82985128.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
@@ -1684,13 +1684,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: '3581b885b6d8d220d4c38769658b25ccf473b012', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '315a4cef4eaeecdc0bc1d2f05ae656f370c247ca', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '231cd93711e1e379d196944140c44c0e77332e30', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '8a3768ee37ad892960104c6f04e54ed977f5ba2e', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: '4535301af6a7fa62b101ee5913842c4d1dbec6a2', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a country') }, index.h("input", { key: '9a15c15c77c7a193934a4d656f613120266e3f38', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: localization.translate('Search countries'), ref: el => {
+            } }, index.h("div", { key: 'fb45324e739bed4c056d2d3a7342a2f9860cb5d1', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: 'f229faa99429adcb0305a1d2a838f90b651fe966', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: '680a6089bc12308bc41ee0620c8c90bc9db4ba7f', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a country') }, index.h("input", { key: '1819f9226fde595a5904ac1204ffa9180c225053', 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: '14e511287916d98676083c3f3118223073ce6a19', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: 'd5f14c5e652938fbf9ee18a31b421f406599db7f', class: "no-country", textColor: "gray-800" }, localization.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: 'ee2b4d3a2feefda0be007b174b85e368292dc868', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
+            }, type: "text", value: this.inputValue }))), index.h("div", { key: 'c7fda9cb96abca4e55958d58b4268633aae8ad43', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: 'd4f62720173f886908d56eefa09f3a55c7774326', class: "no-country", textColor: "gray-800" }, localization.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: 'd867490feeb0d626b4004f1aaab74230bb46b9d4', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
                 const country = filteredCountries[index$1];
                 if (!country) {
                     return null;
@@ -1719,9 +1719,9 @@ const ZonosCustomMessage = class {
     }
     render() {
         const messageWithLinks = formatStringWithLinks.formatStringWithLinks(this.message);
-        return (index.h(index.Host, { key: '5e87669fad207a56da569c72c5b6b1e86fed0d29', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '3b47c062d2c2b22976206b3a71012c9de87d5b72', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, this.message && (index.h("zonos-card", { key: '4c9216e22dd3ceb35e647a6e43fc8f1b7c9a4da1', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: '36dc67b55580fbdcf668a6b16a4a1b9fa5f477b6', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'b4f26b0b8fd35d7593e84d9abfe69a0dacfa5c20', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: '74a9b55e87a0e244dc02481112abf26851e6722d', innerHTML: messageWithLinks }))))));
+            } }, this.message && (index.h("zonos-card", { key: 'ab6385a3369d4e7ce017409dd92379f48f6867cc', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: 'ef7c63319e469fd1f283a9eaa2e97bcb2253b840', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'e2c12c9419e3702cbdd155cf4099d6528db59312', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: 'f21324ea031b937d0b65540b51dbe5b5c8bd4fad', innerHTML: messageWithLinks }))))));
     }
 };
 ZonosCustomMessage.style = ZonosCustomMessageStyle0;
@@ -1777,12 +1777,14 @@ const ZonosHelloDialogFooter = class {
     render() {
         var _a, _b;
         const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
-        const language = (_b = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
+        // label resolves against every language, not just the offered ones, so the current
+        // locale always renders even if the merchant later drops it from the selector
+        const language = (_b = localization.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor.isDarkColor(primaryColor) ? 'white' : 'black';
-        return (index.h(index.Host, { key: '350a056fbc8cb1caf686857a1ef9d2915d9aa746', class: "zonos--elements" }, index.h("div", { key: 'bd98b0bb2cae37470b7640df4337173fcec9ebe5', class: "zonos--hello-dialog-footer", style: {
+        return (index.h(index.Host, { key: '6541ca916c9d51407a45f2ec88ce59c64db2d7d1', class: "zonos--elements" }, index.h("div", { key: '0b34542b6b33cf9f5763a5da6b893a8a3dee45fc', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, index.h("a", { key: '1aee2bb2f699d0368921bec9a2adb4a8b2a2b9ab', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'e5c683a859f72c3c831d41be2198214c9046093c', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), index.h("div", { key: '904549591a920cfc44634b6fdb4859acf3ba8fe5', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: '0fcfbfe2dd4e5305dbc77ff380e20f1738f5ff93', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, index.h("span", { key: 'bf2185444d946075044172c5aaf99ba3ef913839', class: "zonos--hello-locale-label" }, language, index.h("zonos-icon", { key: '668341e3b7a5e4c8673fc282efc4128ffbe27bf2', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 }))), index.h("zonos-button", { key: '5d613310cadf679a264c6ea809474454318966af', buttonColor: mainColor, icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localization.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, index.h("span", { key: 'f258553c637ec7d7bab678500aa9062d2b3524ac', class: "zonos--hello-locale-label" }, localization.localizationStore.selectedCountryCode, index.h("zonos-icon", { key: 'ebb04e7e952a7cd6c166ff3752b731d7a8b2346e', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 })))))));
+            } }, index.h("a", { key: 'd0ccce33137960b2f05abdbe25f5e406b5a668a9', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '0146c3b517a2f1bd7e8a3c3875b7d289aedcd369', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), index.h("div", { key: 'f592e799d627b6b12c8be2e46390ffa07a90021f', class: "zonos--hello-locale-wrapper" }, shouldShowLanguageSelect.shouldShowLanguageSelect() && (index.h("zonos-button", { key: 'c91b238982a230bf56d7971820d4e11a3ab848f4', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, index.h("span", { key: 'eda1e60d6f5e0f9b19ab6aa13741be8b3bd72e12', class: "zonos--hello-locale-label" }, language, index.h("zonos-icon", { key: 'e78f0f8d16d123e656beb7d342d41ab9841c89cc', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 })))), index.h("zonos-button", { key: '69e0987e3c45890bc5cfb3bfe9cbb71850398521', buttonColor: mainColor, icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localization.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, index.h("span", { key: '8ac960e3cadc0fdc70f0d04f336c2e8bfaafcf84', class: "zonos--hello-locale-label" }, localization.localizationStore.selectedCountryCode, index.h("zonos-icon", { key: 'f5a1e98416357831c89998f64e845f8190f6219a', "aria-hidden": "true", class: "zonos--hello-locale-chevron", content: ChevronDownIcon, iconColor: mainColor, size: 18 })))))));
     }
     get ele() { return index.getElement(this); }
 };
@@ -1891,10 +1893,10 @@ const ZonosVirtualScroll = class {
     render() {
         const { width: containerWidth } = this.containerDimensions;
         const visibleItems = this.getVisibleItems();
-        return (index.h(index.Host, { key: 'e979610a7ed0e4bb1dd98b50043b65282aac26bf', class: classes.classes(['zonos--virtual-scroll']) }, index.h("div", { key: 'ca73da524a4289cd4142a05d81bf3de691215690', class: classes.classes(['scroller']), style: {
+        return (index.h(index.Host, { key: 'c0fd60e189050acf992bc2026e4ad8ccb29979b7', class: classes.classes(['zonos--virtual-scroll']) }, index.h("div", { key: 'bff8755f234cf5d424c43d14b5b565e09bab6096', class: classes.classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
                 width: `${containerWidth}px`,
-            } }), index.h("div", { key: 'dd70c5ae1d9f9481de5fc08569933932413bdde4', class: classes.classes(['item-container']), style: {
+            } }), index.h("div", { key: '95cc9958b418e2c42936b08f453f2415279985e9', class: classes.classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
             } }, visibleItems.map(({ element }) => element))));
     }

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-783849c8.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-c25b4018.js');
-const hasInclusivePrice = require('./hasInclusivePrice-e7b57e02.js');
+const hasInclusivePrice = require('./hasInclusivePrice-d0cd2007.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-cd9d490e.js');
 require('./handleFetch-954f30e1.js');
@@ -386,25 +386,25 @@ const ZonosHelloDialog = class {
         // If deminimis is undefined or null, assume it's $0
         const taxDeMinimisMessage = this.getTaxMessage();
         const inclusivePriceMessage = this.getInclusivePriceMessage();
-        return (index.h(index.Host, { key: 'd24794b42581ff92ea7ff4fed8a7feeadd68ec87', class: "zonos--elements" }, index.h("div", { key: '84e539b7e7eb384ec9de8c60f26f33b7de8b4c2c', class: classes.classes([
+        return (index.h(index.Host, { key: '4e9a8cb8064ba558d21a45675c3165621e44b1fa', class: "zonos--elements" }, index.h("div", { key: 'ab9428c38706dc0e908786a1d8965db4773bc9a4', class: classes.classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '50d05d3fdb5f5b2769a368c69d307f93ca162725' }, index.h("div", { key: 'd08c9c79fd69e1e5ab43a53bfd3d1ca5050fc336', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '7a6e76b1d891ee255b4fff4589714b67eea25dc5', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'fb3c7ad6df4608f470d3126a2791040cc6a2912c', spacing: 24 }, index.h("zonos-country-flag", { key: '98e8aedda730cf55a11031ef34191d7a0e92ebfa', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'eb073f09379cf41486da6a355535775e3022ff57', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '23d0aed3f10ea1d5d46f841f34ae240a393fe582', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'eda291fcc35c2d874ae16d35218e7d61414e0d48', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '14c81958db7911bca665c13e95249d8886524190', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '8cb7b88b669c208f0cb46c1e2a3c6a2c953c4f15' }, index.h("div", { key: '9f7cb8f8146479fa2e3cad74deec1eef039dd7fc', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'cdec0506fd5f4a8fd4ab152ed79946e0af4ae05e', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'd16e6a8caea049e7d253c9d25e86bb761af1b209', spacing: 24 }, index.h("zonos-country-flag", { key: 'b5f8a405697b45383e3f79787dd6c8dbc05b5c79', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '781c5dddeb71d07792727e31e9b18631792c49ea', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '43eb83b2f31824cee858edb805d7fc1d7ffe6043', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '6d77de6b476ff69a8f397060f6b0cf351c116dee', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '0bb7f48528f1890e13c12e739c93a8cd82456f7b', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
         }), (dutyDeMinimisMessage ||
             taxDeMinimisMessage ||
             inclusivePriceMessage ||
-            !!(additionalInformation === null || additionalInformation === void 0 ? void 0 : additionalInformation.length)) && (index.h("zonos-card", { key: 'debf6a45b077b636d568a63abc1e6e628b117556', spacing: "12px" }, index.h("zonos-v-stack", { key: '7077e41a083eee4cd34604fa20c97f6e6e6e5ea4', spacing: 12 }, this.renderHelloMessage({
+            !!(additionalInformation === null || additionalInformation === void 0 ? void 0 : additionalInformation.length)) && (index.h("zonos-card", { key: '3c3b6e2b3bc79cc2d2771253df1b1e63078ab5eb', spacing: "12px" }, index.h("zonos-v-stack", { key: '15c26e6682006159018d52fb608dfed31a6298b0', spacing: 12 }, this.renderHelloMessage({
             dutyDeMinimisMessage,
             inclusivePriceMessage,
             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 icon", content: BagIcon }), index.h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info }))))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '6a545ced019871fb0b6254b6ad8d61d21d855127', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: 'e951aa4125477220462fab0332d9badd05901875' }, index.h("zonos-country-select", { key: 'e949e265136e827272db29d7d09af5ea2da0a415', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: 'eaebd5ba3bdaf0f3d335b99f807ae432d9330db3' }, index.h("zonos-language-select", { key: '2900f41ecd69c84d59505b2f2771eef709e419e3', 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 icon", content: BagIcon }), index.h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info }))))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '85b7a06c12465363e5c658603e197f65c9d8d64a', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '343554a61f2ce5b011ea7b896e52bec5c9c1a2fd' }, index.h("zonos-country-select", { key: '9cea5cded20ca68c0e6ed4ca89df776acd08e1b1', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '6e6d43b3fb6961b0968355fc8cf5dd2ff7a54ca6' }, index.h("zonos-language-select", { key: '42b784a64350f9816bf15906f73e009ac14052d9', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const debounce = require('./debounce-9a712c79.js');
-const localization = require('./localization-783849c8.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const debounce = require('./debounce-7ca3c878.js');
+const localization = require('./localization-fb2ece37.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const zonosStore = require('./zonosStore-fee716c9.js');
+const zonosStore = require('./zonosStore-0af0b937.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-4da24d7c.js');
+const getBorderRadius = require('./getBorderRadius-97fd5e02.js');
 require('./VarianceTest-bec00ea8.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{}: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}";
@@ -42,17 +42,17 @@ const ZonosInput = class {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (index.h(index.Host, { key: 'f61a69708e8d3734111690389fce1acf14fbece8', class: classes.classes([
+        return (index.h(index.Host, { key: 'bda69850cbd7478614011282716320c87ae9f9aa', class: classes.classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius(),
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '94fb3f77fe0eb3c67a2319cd27d3ce17f4d8684b', class: classes.classes([
+            } }, index.h("div", { key: '4159ba855ec2b63cdeba2f1c22179ca52e0c677d', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", { key: 'fd878fb73ed33c6054dd9d6a75e3980c9d670877', class: classes.classes([
+            ]) }, index.h("input", { key: '97609767c20661f2dc485b56cb90a6007102660b', class: classes.classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -60,7 +60,7 @@ const ZonosInput = class {
             ]), disabled: this.isDisabled, onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), index.h("label", { key: 'b59b852113bcb005acd9fd31de527cf693e162a7', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), index.h("label", { key: '9bb796fcb97082a8d2c3945ed6f0a4181d6ca7d9', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-invoice-cart-items_2.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-a1c00090.js');
-const localization = require('./localization-783849c8.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-c942fcba.js');
+const cart = require('./cart-94908542.js');
+const localization = require('./localization-fb2ece37.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-1b0cd5f2.js');
 const classes = require('./classes-b7918f56.js');
-const invoice = require('./invoice-ead45797.js');
+const invoice = require('./invoice-205fb5bc.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
-require('./zonosStore-fee716c9.js');
+require('./zonosStore-0af0b937.js');
 require('./VarianceTest-bec00ea8.js');
 require('./handleFetch-954f30e1.js');
-require('./isDarkColor-ebc74b4d.js');
-require('./getBorderRadius-4da24d7c.js');
+require('./isDarkColor-a6e6fd5e.js');
+require('./getBorderRadius-97fd5e02.js');
 require('./TaxId-cd9d490e.js');
 
 const zonosInvoiceCartItemsCss = ":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--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right;padding-right:0}:host .zonos--cart-table .zonos--column:first-child{padding-left:0;width:50px}:host .zonos--cart-table .zonos--cart-item-link{text-align:left}:host .zonos--cart-table .zonos--cart-item-created-at{text-align:right}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host(.mobile) table{margin-top:16px}:host(.mobile) table td{vertical-align:top}";
@@ -35,10 +35,10 @@ const ZonosInvoiceCartItems = class {
     }
     render() {
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: '725ec1640ea2e6342529a0143e1b43374cb67c9c', class: classes.classes([
+        return (index.h(index.Host, { key: '48cbe765b1096303cf0f2b051b0bac3911fba19b', class: classes.classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, index.h("table", { key: 'c908da0c7a02eda9c5f14bf59da7a0e3b882b076', class: "zonos--cart-table" }, index.h("tbody", { key: 'bf2e01afac20f2804cd3f99c966c94172eabb3c3' }, nonRestrictedItems.map(item => {
+            ]) }, index.h("table", { key: '83a2f9d2de381d1f941f5d09681b3a8e58a38a08', class: "zonos--cart-table" }, index.h("tbody", { key: '5fbce46a1069457eb578ea737b42f05982aa5867' }, nonRestrictedItems.map(item => {
             var _a, _b, _c, _d;
             const invoiceId = (_b = (_a = item.attributes) === null || _a === void 0 ? void 0 : _a.find(metadata => metadata.key === 'invoiceId' || metadata.key === 'INVOICE_ID')) === null || _b === void 0 ? void 0 : _b.value;
             const invoiceCreatedAt = (_d = (_c = item.attributes) === null || _c === void 0 ? void 0 : _c.find(metadata => metadata.key === 'invoiceCreatedAt')) === null || _d === void 0 ? void 0 : _d.value;
@@ -74,10 +74,10 @@ const ZonosInvoiceSubtotal = class {
         this.isMobile = false;
     }
     render() {
-        return (index.h(index.Host, { key: '79c93a4ee4be967b78b0a20c422fe18e1dde1e62', class: classes.classes([
+        return (index.h(index.Host, { key: 'b98712b01891581bb2b64f5afd82711f7d41b585', class: classes.classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, index.h("table", { key: '3ad275ada5248c59f39433fde8929216a4da1cf0', class: "zonos--invoice-table" }, index.h("tr", { key: '097673030be4002c7cb67494aa33804f13e2a318', class: "zonos--row zonos--invoice-total" }, index.h("td", { key: '581cbb1e86c7e31867b3e6ba981db5d129341fd6', class: "zonos--column" }), index.h("td", { key: '85979f2c25fb4e0076fc5d454dd570f92a4bedbc', class: "zonos--column zonos--invoice-subtotal-title" }, index.h("zonos-text", { key: 'e98f3bf6a6f76340c588f704674cccf7d44fd141', type: "semiBoldLabel" }, localization.translate('Payment total'))), index.h("td", { key: 'a6938a3cd48b4885debda015850bbf9bb467139c', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback.renderFallback({
+            ]) }, index.h("table", { key: 'ea7242545b5aa891a5214d426a96fa51ed8d5b5c', class: "zonos--invoice-table" }, index.h("tr", { key: '7aef27c5154017fd322869c514dc20c42009a855', class: "zonos--row zonos--invoice-total" }, index.h("td", { key: '60c5689c39d962b6c5a415bb93243259c815bfad', class: "zonos--column" }), index.h("td", { key: 'b5886f54449738b01fa7a2884f7101a2f910dd21', class: "zonos--column zonos--invoice-subtotal-title" }, index.h("zonos-text", { key: '1689b03f73918e7c2b6d3e1ef458473e817ac54c', type: "semiBoldLabel" }, localization.translate('Payment total'))), index.h("td", { key: 'f456cd24f03fe451814a7f0de609eed2ad761530', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: invoice.invoiceStore.amountTotalDue || 0,
                 isForeign: true,