@zonos/elements 1.3.270 → 1.3.273

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-5c1c9c6a.js');
+const localization = require('./localization-f4a64f6f.js');
 const zonosStore = require('./zonosStore-45a87908.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const hasInclusivePrice = require('./hasInclusivePrice-aec06153.js');
+const hasInclusivePrice = require('./hasInclusivePrice-b35e81aa.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-12acedde.js');
 require('./handleFetch-954f30e1.js');
@@ -385,25 +385,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: '4f03947b13c6e6d9f19d3d4241c427f9ef8cb07b', class: "zonos--elements" }, index.h("div", { key: 'c5001cd7c4c7bb0fcf2375fc211c9afbd2059f32', class: classes.classes([
+        return (index.h(index.Host, { key: '18729a31c9a2a29e5f7a49dde7630c3899cd245c', class: "zonos--elements" }, index.h("div", { key: 'cedfa2485f68f41aa099bc8a88446c2aa95a9262', 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: 'cb86aadda605b075152c21009b11f57b87b1d815' }, index.h("div", { key: '77a7e3bd67cd2b19f2adec81f15c642d76151f74', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'ac5d1386f34c2948ea087d64ba60d1af87e76487', 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: '50fcf820665b013090f8b22bd011b48edd23e47d', spacing: 24 }, index.h("zonos-country-flag", { key: 'fba9eb926c23fdad59d4262582fefd102aa9e721', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '08438a0f1f7ab1ed7aa6077bd8c0c040d10a48e2', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'f3ed157753544a886c2362e48d4ff941135f69dd', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '989155955d1b6b50e54b38b9aedf71041a1ca57e', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '480acbed038550026005317e0fa41c74db4befe6', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '3dd21da6f9eab3b1597e59fc93330a6601698d7d' }, index.h("div", { key: '48f98dac07ec1bc299df9fe69ddf74f98cd5a51c', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '9f5a1133b3326b287d8ed62625d416b4d4e5f41c', 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: '0eb3b34b3f0b869a8039640c7ac3ef706f1bde20', spacing: 24 }, index.h("zonos-country-flag", { key: '3d39e4fc432736b35bab328da59e043591891f66', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '7e14d107cafcdf9c153813b486c28511c341ed5e', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'a1069a846e7e0118e4be0908f82a147b12df815e', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '2f238d337eeb6034c9fbccf1540e7ab981d8b269', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '19d806fe8fb23ac05a9c4093e90beda94fdc1388', 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: 'ec95384f56843f11e7ef678363c08718ce879bea', spacing: "12px" }, index.h("zonos-v-stack", { key: 'e56aedf0bf3c2e698b6911ae0d96f3c46059158e', spacing: 12 }, this.renderHelloMessage({
+            !!(additionalInformation === null || additionalInformation === void 0 ? void 0 : additionalInformation.length)) && (index.h("zonos-card", { key: 'eda99f84ee5318ed6fd4bb26d2ac66a92742a05d', spacing: "12px" }, index.h("zonos-v-stack", { key: '86e170fd626ee23c67e35dfad72a28355031920e', 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: '103bcee4af2a3979a7db3e86b287063bec16310b', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '900e288096edd6aa4bcfddd3b80932a11c675a6a' }, index.h("zonos-country-select", { key: '278e3cfe7dcd69332e6257517759ca2c8e959ae0', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '2d70d0c380fc681492b7b97b4d78677db88a78fc' }, index.h("zonos-language-select", { key: '7debc2fa20436565b00c7f9832b89f388a814a96', 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: '94875c94b85a19a91390862d7e8ec4c978feb583', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '3a1c43cee0f8f7fb95523e90d21b6a799bdf704c' }, index.h("zonos-country-select", { key: '914e3e1db72458aca439ca37b8e861c49730f332', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '26f01ac1caac824eab2a8ae73cc5a1de843b354c' }, index.h("zonos-language-select", { key: '6318c9bc7824e90314d036973bba1a3175a4d4a8', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
 const debounce = require('./debounce-7990f5ea.js');
-const localization = require('./localization-5c1c9c6a.js');
+const localization = require('./localization-f4a64f6f.js');
 const zonosStore = require('./zonosStore-45a87908.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-954f30e1.js');

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

@@ -42,17 +42,17 @@ const ZonosInput = class {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (index.h(index.Host, { key: '445bab80717654fca6b836082410b1aaba4a3838', class: classes.classes([
+        return (index.h(index.Host, { key: 'c4745840fd40940032af2a46f2dab9d0d3096265', 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: '57d353636fbc0285bc38764504de9b2b0dc3e472', class: classes.classes([
+            } }, index.h("div", { key: '7044d3e1877088b30016193eabf24ee36b0ad3c3', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", { key: '9c95331674590a833fb964e1a48898eb201ff5c3', class: classes.classes([
+            ]) }, index.h("input", { key: '6ec2033248f6176c9d5baab8b0a4e74201a6761c', 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: 'd0b17493714e5e4aa60fcc8535c66acfa3129367', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), index.h("label", { key: '5d6eb65016ffb43f57a21520286eb9e46ef99913', 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,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-3ff48a0e.js');
-const localization = require('./localization-5c1c9c6a.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-e9d8efa8.js');
+const cart = require('./cart-660e115c.js');
+const localization = require('./localization-f4a64f6f.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-cad156a7.js');
 const classes = require('./classes-b7918f56.js');
-const invoice = require('./invoice-ff716652.js');
+const invoice = require('./invoice-f032089f.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./zonosStore-45a87908.js');
 require('./VarianceTest-bec00ea8.js');
@@ -34,10 +34,10 @@ const ZonosInvoiceCartItems = class {
     }
     render() {
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: '55bb132970db23e06698701d7d27e108ff0643e0', class: classes.classes([
+        return (index.h(index.Host, { key: 'e6626df96493b9cd9110036f203492c008c8c802', class: classes.classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, index.h("table", { key: 'c9722c17a507ca9fdcb8ca47151d14ba1d74f698', class: "zonos--cart-table" }, index.h("tbody", { key: 'd8d318e03bfeefaf687825c6131367e73c0b91ce' }, nonRestrictedItems.map(item => {
+            ]) }, index.h("table", { key: '9a03b7868010f52560725fb4139a329b2b96066c', class: "zonos--cart-table" }, index.h("tbody", { key: 'f1aae5d161654014e4e5e5fd56383664c7fe5635' }, 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;
@@ -73,10 +73,10 @@ const ZonosInvoiceSubtotal = class {
         this.isMobile = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'a8d7a91a69c2ea3aeee0788f4d9523e1e65915eb', class: classes.classes([
+        return (index.h(index.Host, { key: '869e194bb991686647a27c85e3287f8c87013697', class: classes.classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, index.h("table", { key: 'fb299d6ea07b48c099fca14e0c16369bf7b93955', class: "zonos--invoice-table" }, index.h("tr", { key: '5b01748b535af171bed832076fcfeb5308279808', class: "zonos--row zonos--invoice-total" }, index.h("td", { key: '829797e7d5560c6f73b661cdc53b473c57c7ad2f', class: "zonos--column" }), index.h("td", { key: 'cc75308e6470b4fa12182001467e7d2ca7915405', class: "zonos--column zonos--invoice-subtotal-title" }, index.h("zonos-text", { key: '38c9de7d3393a999bc06a7bafe033aefa45ead5c', type: "semiBoldLabel" }, localization.translate('Payment total'))), index.h("td", { key: '962069d60839b82e374d3c4aae3b2a6709a82017', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback.renderFallback({
+            ]) }, index.h("table", { key: '4e3a87b6ceeba8663c7d41797826e92a1d8df873', class: "zonos--invoice-table" }, index.h("tr", { key: '4cc0be3427ded6e3dfc92fca9d6acf69915a5d96', class: "zonos--row zonos--invoice-total" }, index.h("td", { key: 'ca4cefc97914df89530a6ba06f93412773685d13', class: "zonos--column" }), index.h("td", { key: '7cad6266e244446fef196403f4e1628b4656c680', class: "zonos--column zonos--invoice-subtotal-title" }, index.h("zonos-text", { key: '311ce310181fec1db2cd31e92e210d345e0c2871', type: "semiBoldLabel" }, localization.translate('Payment total'))), index.h("td", { key: '2aa6e7fb76e8a7c0d2b1c56fdcdf63ed2b3bed82', 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,

package/dist/cjs/zonos-invoice-finish_5.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-3ff48a0e.js');
-const paypal = require('./paypal-c55b6c45.js');
-const localization = require('./localization-5c1c9c6a.js');
+const cart = require('./cart-660e115c.js');
+const paypal = require('./paypal-125259ab.js');
+const localization = require('./localization-f4a64f6f.js');
 const zonosStore = require('./zonosStore-45a87908.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
@@ -14,9 +14,9 @@ const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const isInvoiceMobileTablet = require('./isInvoiceMobileTablet-dde41e4e.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const invoice = require('./invoice-ff716652.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-e9d8efa8.js');
-const placeTestOrder = require('./placeTestOrder-230f534b.js');
+const invoice = require('./invoice-f032089f.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-cad156a7.js');
+const placeTestOrder = require('./placeTestOrder-02001a99.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-5d6ca405.js');
 require('./isContrastColor-76592c92.js');
@@ -273,11 +273,11 @@ const ZonosInvoiceFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: '5f563128da4ccbf30f9f09446760a83666be0987', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'fc28974043d0f3661919e85aa6cc3839debbac4e', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: '276f35404f91ae34b310e1f006770a8885a9751d', class: "zonos--finish-details" }, index.h("div", { key: 'e6f73be5adced5c4d7598a7c41827414a41b75fc', 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: '5c010a8bc22853ceb669b64cb0ac608dbd01f78c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'c20d9274ef2d3824e581a172b416451f8ed0f4fb', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'eab62f7ca2bb6f9a610179a9c3a345844bf99d5b', 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: '5a870802ce9b2b34769ac1fa2920e17eed0d1c91', class: "zonos--button-container" }, index.h("zonos-button", { key: '09784e7c0a421a304987d84c1d81f0ee2995c0eb', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: '7a6f37edfde51802035afde1e47184603a81e869', class: "zonos--finish-details" }, index.h("div", { key: '0242af14a36960e490411712bf1c345975d22e28', 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: 'ac0bbc63089b78868a2dea35c2d55699e0c677fc', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'cce14998b08c79a87b5aaf9701d1132e558c0bc6', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'c4970d76cbeb63f6dd661bc2c0950ace271f9aac', 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: 'c79a6fe5bfe1398244a7fbf611430be6f42de16b', class: "zonos--button-container" }, index.h("zonos-button", { key: 'c5ab942d9ced619c068b7398a38af5995a8f43ee', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -342,15 +342,15 @@ const ZonosInvoiceFooter = 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: '01fce97d4d724d4bca4973a426e131da5a01dc16', class: classes.classes([
+        return (index.h(index.Host, { key: 'edea53dbca2832f4f718fd54b74225d9a64b8d01', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '99e579f6903c96c8540d5010fc128173e34e0997', class: "zonos--invoice-footer" }, index.h("div", { key: 'fa45f5e6fbb2ff06265f252fd3c3acf74b265e1e', class: "zonos--invoice-locale-wrapper" }, index.h("zonos-button", { key: '3496814c51949ff1f1d727bd5c9fabeb4b86372f', buttonColor: colorDesktop, class: "zonos--invoice-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: 'c669df5b12bce8be322fca8d0cb76a29b088fd25', class: "zonos--invoice-locale-label" }, languageLabel, index.h("zonos-icon", { key: '748444a42af6feef4378b418341927c15e9dc293', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '80943da0cc442ff525c7fd8f5d3f0159933b1950', class: classes.classes([
+            ]) }, index.h("div", { key: 'd2594dfbc8cfff20539e94c279c6096042ee6d00', class: "zonos--invoice-footer" }, index.h("div", { key: '927668578baf306674f56dce375acd1a5e1f335e', class: "zonos--invoice-locale-wrapper" }, index.h("zonos-button", { key: '022b7cb00f7c9ab6305a6ab874f16531f9ab017f', buttonColor: colorDesktop, class: "zonos--invoice-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: '88c1b732f19daaace304214d9028f3b6a131e0d2', class: "zonos--invoice-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'ac383ce2fbcba6b0bd366b8c8126ce10df11d817', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: 'a89f540cdbeb921640f4f466df4c48e12065d90b', class: classes.classes([
                 'zonos--invoice-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--invoice-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '5f72d992de939c0159979b7b054f50e803499d64', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '5f751d324bea65a722d60643f7a55a83648dbff9', class: "zonos--invoice-footer-icon-wrapper" }, index.h("div", { key: '041e633d638437535b04029bcc0173f69dc8861c', class: "zonos--invoice-footer-logo" }, index.h("zonos-text", { key: '57adb6eb396406aa2e1bf01e404fd53bc2c9c2cf', textColor: colorDesktop }, localization.translate('Powered by')), index.h("a", { key: '6e87d992ab4d97d2edf7be4ee3d2a07d77dd93ea', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'f13be4e13b4991b65f052587feba6e0b08382332', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: '44dbef690ef8088bfc30f2fc7dc83f693cd530f4', class: "dot" }), index.h("a", { key: '341ceb26c07e9d0aa1f273fc8ba0e92a7ddfb93b', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '47b7c26113144d942fc98f1dd87883f818e2ef2a', textColor: colorDesktop }, localization.translate('Privacy policy')))))));
+            ]) }, index.h("zonos-language-select", { key: 'fe017a6300484fc2e657b9f286438f23861a9a96', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: 'b9513e7ab5ee4e809d52074fb2c0950a7ac4bfe5', class: "zonos--invoice-footer-icon-wrapper" }, index.h("div", { key: '55ee92bab8cc5dc6983705b925089cca4083fe42', class: "zonos--invoice-footer-logo" }, index.h("zonos-text", { key: 'c8bc7791da058aee313b02797b4555ef5b6ff689', textColor: colorDesktop }, localization.translate('Powered by')), index.h("a", { key: '4493b09d84504d4f797fa0d391cae79ba2266611', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '8c79f8ef0c16d4bb0210e9b7481bc519b97bbddb', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'ee6b57b36973750637e0f66f4e883fe7c32acf23', class: "dot" }), index.h("a", { key: '7aebd09ef1aea4bd9b4a4ed48ffb207e8ed32978', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '11e7cbb7531b396255374dbf0528f603145bc0b5', textColor: colorDesktop }, localization.translate('Privacy policy')))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -663,13 +663,13 @@ const ZonosInvoiceReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: '52bdf36710017e5fa9edc0c138639a06cb5d05c5', class: classes.classes([
+        return (index.h(index.Host, { key: 'b1dbfed233d47a45ee1e37408d086593049c64d6', class: classes.classes([
                 'zonos--invoice-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '3511c440fbf6ae155eca4d3a492f149dbfdef4c6', class: "zonos--title" }, index.h("zonos-text", { key: '8760547d3874af10a3b7e91e294ac6e68348db4f', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { key: 'fa1cb0796cc5ffd31488c730da1e21f6a7c93c8d', class: "zonos--title" }, index.h("zonos-text", { key: '3759a2ebb1ae8456139fb053d32a64ace12917e7', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '09cd06a131b0e429e4797cea8eaf41b05cb7b676', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: 'b5b0c86569fdc26465ea9ac585c5ea5c2b9172bc', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: invoice.invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-3ff48a0e.js');
-const invoice = require('./invoice-ff716652.js');
-const paypal = require('./paypal-c55b6c45.js');
-const localization = require('./localization-5c1c9c6a.js');
+const cart = require('./cart-660e115c.js');
+const invoice = require('./invoice-f032089f.js');
+const paypal = require('./paypal-125259ab.js');
+const localization = require('./localization-f4a64f6f.js');
 const zonosStore = require('./zonosStore-45a87908.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-5c1c9c6a.js');
+const localization = require('./localization-f4a64f6f.js');
 const zonosStore = require('./zonosStore-45a87908.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-954f30e1.js');
@@ -34,9 +34,9 @@ const ZonosLanguageSelect = class {
     }
     render() {
         const { selectedLocale } = localization.localizationStore;
-        return (index.h(index.Host, { key: '73a3caa12f7e3086474f200b6ee839b08213d77d', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '30aab5aabd31e7353a523454dad44d76b416c7c9', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '1c99467d96401c5887326e54d738c305b9d15278', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '61d06916c6d8c56f6d95beb4d4869f5bd1d4704d', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a language') }), index.h("div", { key: 'b5cee89f90a0911b15607e0897803d73a182b367', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, index.h("div", { key: '633e04207127715dd7765a3983fffa786ab67a35', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: 'd09f65d2df7eef7eb35d25f2e5c26103c47d9bad', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a language') }), index.h("div", { key: '0f8797c1c2af191f3fcb514b5b627264a9ea9bfe', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
 };
 ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;
@@ -60,9 +60,9 @@ const ZonosSelectDialogHeader = class {
         this.label = '';
     }
     render() {
-        return (index.h(index.Host, { key: 'fe2c8fdf8526d9737d5e78c97c823a8cb18caa15', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'e122c65cde136ca184224d5ccd22d5fdb369f126', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("zonos-v-stack", { key: '32c1113029b0b20d98615556c3ac34bafeadf8cf', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '2f41e2f8d0c9593a8d2ea42af914cb9600ecb392', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: '8eb0aeee1db700d9fb70423ddc907ea83af0922a', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '21d8f5a416d8cee77112dba035c9f45e2a539d3e', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '5f5b18516cf6c5c98286f037804eb589e270ce3b' }))));
+            } }, index.h("zonos-v-stack", { key: 'd6f5d0f9773adcb8fe0f782858401e1eca338b23', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '6c4dd78b11c3d2bcd5b9235d1d9087b663872f98', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: '1dafcb49c92f82fd4342b917e808732fe5f0e553', type: "boldLabel" }, this.label), index.h("zonos-button", { key: 'fd9742527683709d6685348be79e0b157829927d', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '4e386e0b1b11ef28fce172b21f57c313e9e9ca5d' }))));
     }
 };
 ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;

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

@@ -16,7 +16,7 @@ const ZonosLink = class {
         this.href = '';
     }
     render() {
-        return (index.h(index.Host, { key: 'cd003919a24549f15dd74070af6298426c291551', class: "zonos--elements" }, index.h("a", { key: '0825c350db56dcde8d6f79e269ffbf04f4adb65c', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: 'bb9d77ba3dbc358e5359ee3422a638cb712af263' }))));
+        return (index.h(index.Host, { key: 'c71f5631cb5447192821bf2714e0b422a2fc8aba', class: "zonos--elements" }, index.h("a", { key: 'acbeaf085d7651bb7f658b7dd99a0433df21c452', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '74e0517a6e4f6d7019a7c358845ee844978b9545' }))));
     }
 };
 ZonosLink.style = ZonosLinkStyle0;

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

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

package/dist/cjs/zonos-policy-consent_2.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-3ff48a0e.js');
-const localization = require('./localization-5c1c9c6a.js');
+const cart = require('./cart-660e115c.js');
+const localization = require('./localization-f4a64f6f.js');
 const zonosStore = require('./zonosStore-45a87908.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-e9d8efa8.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-cad156a7.js');
 const getBorderRadius = require('./getBorderRadius-fc683d94.js');
 require('./VarianceTest-bec00ea8.js');
 require('./handleFetch-954f30e1.js');

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

@@ -77,7 +77,7 @@ const ZonosStripeInput = class {
             ? zonosStore.zonosStore.appearance.theme === 'DARK'
             : primaryColor && isDarkColor.isDarkColor(primaryColor);
         const fontSize = zonosStore.zonosStore.appearance.fontSizeInputValue || 16;
-        return (index.h(index.Host, { key: 'f9f06dba4fb5f74088bd501fad3dbe9784e54b87', class: classes.classes([
+        return (index.h(index.Host, { key: '9f7996d6012cc5daf2950c00e2cc54a7e2eb1777', class: classes.classes([
                 'zonos--input zonos--elements',
                 isDark && 'dark',
                 (this.isError || !!this.error) && 'has-error',
@@ -86,10 +86,10 @@ const ZonosStripeInput = class {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--font-size': `${fontSize}px`,
                 '--zonos--primary-color': secondaryColor,
-            } }, index.h("div", { key: '9af2062a1f5730eea33d3741961f359a69f5ce83', class: classes.classes([
+            } }, index.h("div", { key: '50fee9203e13de618686e971b49b47d4ed4dde8e', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", Object.assign({ key: '01d97ec638227200096f60d6f5408246c857662d' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes.classes([
+            ]) }, index.h("input", Object.assign({ key: '517a1f4677613e7f956aa3c04cb38791b747b60b' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes.classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
@@ -99,7 +99,7 @@ const ZonosStripeInput = class {
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '7344a6d20db2d94f49a1b848f49cb0dc17ad759d', class: "zonos--floated-label" }, index.h("label", { key: 'bac9810d8897672b7c7ab5e3cb07f1ae03803a8e', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '7f84007f704fb2f1da0c7581f23c426d87cf1cc0', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: 'fe8ce71109cd1a40f47792259455bdfa480c01ac', class: "zonos--floated-label" }, index.h("label", { key: 'ac85c7f24d4c89b2cccc00e68d93a91b419ff235', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '6fe980dcee5999c9cbdb9ac6b8f38f219397839c', textColor: "red-600", type: "caption" }, this.error))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -22,10 +22,10 @@ const ZonosTooltip = class {
         this.showTooltip = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f3da69a4f5610963cae6a15e5ff2d980e5d31a07', class: "zonos--elements" }, index.h("div", { key: '1636b467a3899c486b59167a438e071e0b88e699', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '3a512330cc556d3cabc18dd712cef1f353526e39' }), index.h("div", { key: 'a93fde0ea517c8eab08cbec375a891fdde5a681c', class: classes.classes([
+        return (index.h(index.Host, { key: '7abbe34ad287842da57b3348f680c4988662ff44', class: "zonos--elements" }, index.h("div", { key: '2c65db7c6022b4ea42b13d8f56f3ddfbf26687b0', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: 'd48945a7f67bbee583e7dc7832736cffb5310066' }), index.h("div", { key: '90adeacf4d365f94af1a7aafbee8a27cbd731058', class: classes.classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, index.h("zonos-text", { key: 'bbfaa05280ac898421a3c334cb97734ccda8dbbe', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: '96fc7d23135644d92062c95686560d714a9ff4b2', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, index.h("zonos-text", { key: 'bf46c94eb2404e1cae261f8426c090e634d70a8b', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: '499fb779cbf790ddcfa6945ffecbcb152708a851', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
 };
 ZonosTooltip.style = ZonosTooltipStyle0;

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

@@ -20,9 +20,9 @@ const VStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: 'b3f2fa705a9eb81dd74f355c9caf468d8c74f49e', style: {
+        return (index.h(index.Host, { key: '773b6654cf2031f3db0eb24781fabb8d8da7a6d2', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '114ebba1cbf50a3572c412db808cfb7ac74b1724', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'f2070a31f968565c08ce002ae9a6b07178fd4ad8' }))));
+            } }, index.h("div", { key: 'd5f58fcd829b7f563f9154cc760df9c6392c2526', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'd5c7f7f2eca26214cdc6ecbe3ad5dcf4f02d9264' }))));
     }
 };
 VStack.style = ZonosVStackStyle0;

package/dist/collection/collection-manifest.json

@@ -6,6 +6,7 @@
     "components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js",
     "components/common/zonos-spinner/zonos-spinner.js",
     "components/common/zonos-stripe-select/zonos-stripe-select.js",
+    "components/airwallex/zonos-airwallex-payment/zonos-airwallex-payment.js",
     "components/checkout/zonos-checkout/zonos-checkout.js",
     "components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-display/zonos-address-display.js",
     "components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-form/zonos-address-form.js",

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

@@ -0,0 +1,43 @@
+: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;
+}
+
+/* All sets of variable are here */
+/* smooth font rendering */
+:host {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+:host {
+  display: block;
+}
+:host .zonos--payment-error-banner {
+  margin-bottom: 16px;
+}
+:host .zonos--airwallex-payment-component {
+  margin-bottom: 4px;
+  min-height: 40px;
+}