@zonos/elements 1.3.133 → 1.3.135

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

@@ -52,7 +52,7 @@ export class ZonosDialog {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'b7c52bf7d4959c2824430743104f43732f9e26a9', class: classes([
+        return (h(Host, { key: '506cffe43252a55397dc49ff230311ab38b7f049', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -64,10 +64,10 @@ export class ZonosDialog {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: '4965b6e97b1924d7b9db054c2e7eeaf1cc89a6c1', class: "zonos--backdrop" }), h("div", { key: '0b62edc986527deb7d49cef6ed51aaec90a459c7', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'c18b59d118669db9b7c873cfb587d5c727b5b1cb', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'ff81a1b3fb053869b24738ffd014de471638fcb8', class: "zonos--loading" }, h("zonos-spinner", { key: '016d6d216c19260ca73991a367ec990e69aa86e3', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'd2f8528cbc263620b919bf73c8364220eacd05bc', class: "zonos--header" }, this.headerText && (h("h3", { key: '3682aa751ba1375b19eda3be2c968e8f98c05251', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '3eaf3f75e0eedace7fb8de11eeb927971cadad39', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: '036214947dd31e5b9059df38402cc01b8280355d', class: classes([
+            } }, h("div", { key: '42944e3338f04feca7cbc928bb12ebeba555c6a5', class: "zonos--backdrop" }), h("div", { key: 'b4e17568fbee4cbe15f745bf49efaab8d1be8b6e', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '255c11f4c3dc5d2f28703b35a774f1d63078f0b0', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '48f1d08a3d2bbeb765be73f2c65dd566dbceebe4', class: "zonos--loading" }, h("zonos-spinner", { key: 'e0250720aefea8b5ac13000cd61a980e0e09e42f', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'bccb4783b92d4b90ab67faacbc6f888af3f52aa5', class: "zonos--header" }, this.headerText && (h("h3", { key: '79c0da7d43317142d177a03629cb3916d9f7923f', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'c835b4a928867c66aed65e0204503553cfe410eb', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: '2c9612b655676ac82fb6a7cec268dd12ad0bd8f0', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '727d7a2dc1d0115960c5faa404d81b6a4ceb6350' })), h("slot", { key: 'd5b61ee9f23edd7fbed5580f8d7e41e8ddd4a316', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '035123e25049b21951bcfd0a765dd1eca0c50c99' })), h("slot", { key: '3b40b61cb3a234348689f33ce2376d58fbc2f0e7', name: "dialog-footer" })))));
     }
     static get is() { return "zonos-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-input/zonos-input.js

@@ -17,17 +17,17 @@ export class ZonosInput {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (h(Host, { key: '402137e0e5b191d36b4d51619d29f05ef050f114', class: classes([
+        return (h(Host, { key: '70d14250b09b4c2e8e865c00d10015f6d0f9a8da', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '601de098f0929c7e0e89efc63a0ffd5f9dc14428', class: classes([
+            } }, h("div", { key: '1a7020e339f23c1aba8004b613ac4252a51e0686', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '151162f4e5052f1cef11efd4666dfa6e89df4b25', class: classes([
+            ]) }, h("input", { key: '6a4ffdb5c8f2d0058bc7ebde5427a749cedd62d1', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -35,7 +35,7 @@ export class ZonosInput {
             ]), disabled: this.isDisabled, onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '65f207f694763f7505c75a13a2be5c24d57ec9c1', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '62408e5b16c51f9ccb88066e384391fc7c96f0ec', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     static get is() { return "zonos-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-language-select/zonos-language-select.js

@@ -16,9 +16,9 @@ export class ZonosLanguageSelect {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: 'eaca22844486965ba2b78c46571cdecd1f3002e7', class: "zonos--elements", style: {
+        return (h(Host, { key: '38bd8435fdeb1a017b9ed7253d599b99f370a0b6', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '2846ee489019e8c83d7b64b8a29dc67353b8f8c0', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '72c36cbf777562c15346c26716e07469a5889f8d', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'd84fda6dc4aceaec2b3b8fda359ca60f78db448a', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, h("div", { key: 'c7cffeecf5da28e323f60a5b4e3b292cfbe900bc', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '331f76a0a0a57cbd9dbd282ba854956c183a75dd', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '15743243ddbfb50dd533cf91254d6e41db7597a5', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
     static get is() { return "zonos-language-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-link/zonos-link.js

@@ -7,7 +7,7 @@ export class ZonosLink {
         this.linkTitle = undefined;
     }
     render() {
-        return (h(Host, { key: 'bba0da02c0dee468bd0cacd268f339f7ec4f1008', class: "zonos--elements" }, h("a", { key: '19515197e397b2b24237e77d3e89de75382c14e1', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '63d597a3091e954c9302e461030646b38ee2396e' }))));
+        return (h(Host, { key: '9c08d2689b011f162ef47271bd50e9e1fc2d177f', class: "zonos--elements" }, h("a", { key: 'ad0a8003308783081a7070bb9f06cd2387bb3a78', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: 'd54f21f0f36196b9b5a0bf7f63a989e9dd1c411e' }))));
     }
     static get is() { return "zonos-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-logo/zonos-logo.js

@@ -10,11 +10,11 @@ export class ZonosLogo {
         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 (h(Host, { key: 'd914d74b5aee16c30242fe3fad20b917c020b5c5', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: 'ef19703a0588e4010e50c2e4bef5abe9eb48efc7', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: '39f9bd18354de97a358432e9daf3373dfb6914b6', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: 'b14760baccb072ab399d11432fbc4c3c9c8ee876', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get is() { return "zonos-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js

@@ -14,11 +14,11 @@ export class ZonosRestState {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: '49903eabc623a041c5ae876f20cc23a037d57302', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: 'f7c1a1268bff06d00acbc20d0fc0b2a16d01398c', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'd85f98a9c615057f699c3e6a3894946c28252831', class: "zonos--restState-image" }, h("img", { key: 'e28aa5192809cca36d3f395d743ef5194ec79fdb', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '0b66ca94e47e24b49af7e92ba5b34f70a9fe7f6b', class: "zonos--restState-image" }, h("img", { key: '22cfd5958bd55f5ebe0373f8afc2c332b66ed57b', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '09ca8ea866d82f4929587850e23e349edfbca4c0', class: "content" }, h("zonos-text", { key: 'e6a5d80825a3e73b71a7910a66a8fb9181c2fb46', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: 'a109d7750dfe7e84d0e6e37d6833c288d508ed41', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'd130db9c0c743058f5c5e6dc3477e5baf5fef5d5', class: "action" }, h("slot", { key: 'cce93629fbfe6b196a59a20850a7efc5309fd461' }))));
+            }, src: imageUrl })), h("div", { key: '90f11551b07b4cc3597b336b932e9968aac9cb78', class: "content" }, h("zonos-text", { key: '23195baa5b5850adf26c948b1f65aec5a267ab88', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '333cb489d5e0df33062f8c64976c77f6130e36c6', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'a1b7b14e0ca75914f4586bce93a93df767bc54e9', class: "action" }, h("slot", { key: '0edd004d97fc997147526ef56b581971eb1309f4' }))));
     }
     static get is() { return "zonos-rest-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js

@@ -8,9 +8,9 @@ export class ZonosSelectDialogHeader {
         this.label = '';
     }
     render() {
-        return (h(Host, { key: 'fbc386d771a9f1ee4b145b54c53a3ce31ac4aae5', class: "zonos--elements", style: {
+        return (h(Host, { key: '82ed89ddf7915df04bad887c887edb2cdd116ff8', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: 'ed5cab44fd2b06a3d700602f4cb501608205e5b6', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'c2345cdad3bd812d7add7029b1f37d2f623de310', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'c43a9009db5e83ea96bc683ff99a36c4fcdef6fc', type: "boldLabel" }, this.label), h("zonos-button", { key: '6884b1569d52688dbc74ee3772755e37eadb1e79', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '8af3df1a34ea6da62be137313e0c42cc90ba704d' }))));
+            } }, h("zonos-v-stack", { key: '6c91fb64db203a773f2fb375059173f2e0a4b7db', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'b26a23574556b119e27bf5fb0cb5308709b0eb73', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '3347503084cae69ccfca1fe5a503174e2acecc3c', type: "boldLabel" }, this.label), h("zonos-button", { key: '66e91d6c0a46407cc88c4d269d880eaa27b650db', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '2db7470d4893918939dd54d2f2e994f49517def9' }))));
     }
     static get is() { return "zonos-select-dialog-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-toggle/zonos-toggle.js

@@ -7,9 +7,9 @@ export class ZonosToggle {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: 'c49d16b02ca854ead2b2652cc1e39a423fd67251', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: '4b224821c94249757cbd19e27a75af29c9fbab25', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'cda75445836db4a4d8466e840eac952a18b3ad48', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: 'e8a3a44ccfebef2f06d94938c19aaf640d844d9e', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js

@@ -7,10 +7,10 @@ export class ZonosTooltip {
         this.showTooltip = false;
     }
     render() {
-        return (h(Host, { key: '24f3b1f73cc320540ab3700213004c267ea04658', class: "zonos--elements" }, h("div", { key: '7f52acf90cb5b9f1fd5efdc4fedc4d61a893a646', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '1871529e8b75c44a71bf1f5bc9e60b81bbc598d2' }), h("div", { key: 'c0b9c9c1b3fef5f766d2bad4c5bea48f3d6bbb6f', class: classes([
+        return (h(Host, { key: '091516a0a68f8b4ab2580a8118900c34b39e931c', class: "zonos--elements" }, h("div", { key: '77769b18201f87d601d5bdb860a4bc8c84bb4e90', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '139c1de415b94e12b8d575e3662cba9faf56cb2f' }), h("div", { key: '60c38adf74e9b776001844c2205ac87a4562b525', class: classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: '3b106cb439877dffa101f15fb01aff980a64c7cb', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: 'c0005051e6e1b614b7739718e1a262f6043d56f5', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, h("zonos-text", { key: 'bb87c44ee7831c24b47c43b17d2b04c79112e900', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '5d114d284a15a1661e926bfe5fae9251513c7370', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
     static get is() { return "zonos-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js

@@ -7,9 +7,9 @@ export class VStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '1c12857cdab3dcbfae5135d40cbf276451bbcf81', style: {
+        return (h(Host, { key: '99d265d6cc1c8f746217f3f42d21b8d7d5ba70b6', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '8c88f2390c758ed9961daf1d9f5cadb3bd67b928', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'fa31c9a430b53b837d840827097a56acbd033b8e' }))));
+            } }, h("div", { key: 'f935f28aebb85434e71afcc52b7dc4463df8eb4a', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '53f2a34378fcd8b291446bf8293e89307bc15d1f' }))));
     }
     static get is() { return "zonos-v-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.js

@@ -56,12 +56,12 @@ export class ZonosVirtualScroll {
                 } }, this.renderItem(i)));
             accHeight += itemHeight;
         }
-        return (h(Host, { key: '6faa73cacfefee42781f87e6f697980941139d12' }, h("div", { key: '5411c13934b8b997f68bc6678e6e1c475d6d453c',
+        return (h(Host, { key: '1aa49d98976b0856f960a6fc67ee7d04e1dd5317' }, h("div", { key: 'ede653037499e0b925e1cab13a632f8a6da6b9f4',
             // to capture scroll action
             class: "scroller", style: {
                 height: `${this.totalHeight}px`,
                 width: `${W}px`,
-            } }), h("div", { key: '46c402a5a0df3242b9022e16b15d5e348210bc32',
+            } }), h("div", { key: 'da2fb9c529a96b9f31c3604235e3a6913a145743',
             // to display items
             class: "item-container", ref: el => (this.container = el), style: {
                 height: `${this.totalHeight}px`,

package/dist/collection/components/component-template/zonos-component/zonos-component.js

@@ -10,7 +10,7 @@ export class ZonosComponent {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: 'ece01ba1df61d0c15e60d2cf9fffbf4c01268612' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '4781e3197d34a39d600c1eebc8ed97e801791c81' }, "Hello, World! I'm ", this.getText());
     }
     static get is() { return "zonos-component"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,9 +18,9 @@ export class ZonosHelloDialogFooter {
         const language = (_b = languages.find(x => x.code === 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(primaryColor) ? 'white' : 'black';
-        return (h(Host, { key: 'a9b52a67a2db1967fe6fde4f19dc8d2785469f8a', class: "zonos--elements" }, h("div", { key: '83ab5c0ef0cd0d3e59d5197d8d16e5cf8b6f9c54', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: '3ec3d830c3818a9f3661eefe7da50520919e7800', class: "zonos--elements" }, h("div", { key: 'c52ee06e602c33012d37e3a3bae67ec470acecae', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, h("a", { key: 'a87d05b7a59adc9362012ea8b19df45afc5f6b33', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'b3ff790f651daa228b67354c972577093b731f2c', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: '45c168a25c0d7d03d4fe70b05b7306cf7b784cd6', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '7263a0906b4e226c31ba6fdfa0c66c41c557d318', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '2f1789e1f8ac23b81b4c07c47a50a44b18baccfe', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
+            } }, h("a", { key: '62b4898ad2704b97ad9845371434b34cef8d4041', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '97d1b95deded6d04d83b6f5728b82d8292a69b10', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: '1397ed4aa265a546dea81b492c9db676b2b7c506', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '6fb04fd6b8c1be8c555fac00850e77a66d8f5f42', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'e1cc202d6266137f4d289922031738cce0759a41', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
     }
     static get is() { return "zonos-hello-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -232,18 +232,18 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: 'df052224c778ebfceeef7c827fa3da0e8a2f3dc9', class: "zonos--elements" }, h("div", { key: '0ecff6a07d24a72fb4f200cce82ab09e40b48baf', class: classes([
+        return (h(Host, { key: '7ff123654399aee05fd295c108e01d924a8964e5', class: "zonos--elements" }, h("div", { key: '316720cc18d1b9fbbf86cbfcde1f25106b1197e8', class: 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 && (h("div", { key: 'b2939d49930c8a34288a884582eb849a492080ff' }, h("div", { key: 'f1a22291d7865d57d37cbcd3c8f70c4aea57ed39', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'ee3794826efc9fed856f0a320cf6428a428b4ea4', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '3d2ff0b68268c97e385eb3cf7fcc34454d2ed3b5', spacing: 24 }, h("zonos-country-flag", { key: 'e09645ac583e59354d11b3c194d4d3f6d4780c55', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '42017a698c1678b90c8c7bbece5d623d0800e37b', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'ac30b7683dcc65773159832eadad8542d1d1bda8', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '58cc0e8c51774c339b0fc735e4e98917ed614c8a', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '0b3a3b2bf981ed72654506cc31f07edf6268b0a4', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '29a0018c2c8eb7fdde938e432ea783517d364ea8' }, h("div", { key: 'a882452996503ddb4feb3e431eaf9cc14dc2ff34', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '2c656e792daa59c0ce5770d71a779de270a8adc8', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '1dd3473645c5581fee41da086a478b6eb6f3104e', spacing: 24 }, h("zonos-country-flag", { key: '57bdcb6b5e2044b65868a53e91220b7eea5c389e', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '8f01898edbd5c30771a2c8d12e0919f6b41cc96c', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '75728fcc40efe82ff58e767b3c3c9f60f96f37b2', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'b82ebf2adacbb72637064b04957846ee79f10bd5', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '7a0ae96961883e1a55248d4163da3bed2e76d077', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), h("zonos-card", { key: '196a593b167fc979bf0a2bef7f266ad3778f6ca0', spacing: "12px" }, h("zonos-v-stack", { key: '94925c753ddfdd1a659580f7f78f8d6626cdcdaa', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '540006185ce1d28d610052801dcf9281773c5504', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '886c371fdfa8c9c15188ef9d6cbb637162fb0d27' }, h("zonos-country-select", { key: '1365bee67831b64637e5c481f239c557f2649694', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '44929f0c23627970b1706f6e8c76e51022201379' }, h("zonos-language-select", { key: '86b9f68c84da77f9e1af51dcb7d512eb6b289a27', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: 'd6a1f8270f3b6c69febc04224e6a0fa7ada5e07a', spacing: "12px" }, h("zonos-v-stack", { key: '209eac48b847c3ac4c7e8eb9df35c95416d89536', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: 'e9444ec1c3c3616712faeba92734b4275d373da1', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'a612e3daa6de5e5f73422ed8ebed8b3a682c3c46' }, h("zonos-country-select", { key: 'b45c18d7feaf95e74da6e0540ea28325a24d287b', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'e50779d3c0e3c83587ae445e9ded8e108f893e31' }, h("zonos-language-select", { key: 'b502cef6095a0e9a57b3c81fa354ca3614060878', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/main/zonos-controller.js

@@ -206,7 +206,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '20b7c1424c04dcf837b80edf57a3e8d74d1d230a', class: "zonos--elements" });
+        return h(Host, { key: '465ac6979654a38581aef4bdde509c5e57f34a74', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/paypal/zonos-paypal-payment.js

@@ -41,7 +41,7 @@ export class ZonosPaypalPayment {
         void this.loadPaypal();
     }
     render() {
-        return (h(Host, { key: 'a09fe5b66b1ac971c10529ecb6213479f2870f08', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '6ba337785b8a90965e0cba05fd62681bc92633fe', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '6bfc962de500edbb105b7eb899711e48def78167', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '92d1b1c416f5e233c54e50d47129be375ef0a68b', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-paypal-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -138,7 +138,7 @@ export class ZonosAddress {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '50871d11c001d37882b61476acdc227fcf3e2abd', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '90ffd3b0cc76446c88f3afe864a9bc9ecabb3997', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '98c2bd4c328bc3df138ae61f767b70b18524e877', class: "zonos--address-component" })));
+        return (h(Host, { key: '15074e6cf5021e2d583838eb866f92cb8dad0c1e', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '4203a4dffc101ba0667e975ff2ebe6125e023509', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '66add8724cb61193252e44b7a8179fbabc34d3d2', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js

@@ -47,9 +47,9 @@ export class ZonosLinkAuthentication {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '7950960b06faca8192a2132d8543013a99a0e5ba', class: "zonos--link-authentication zonos--elements", style: {
+        return (h(Host, { key: '8f2a168814430480824ef48220dd9a06da6ab3df', class: "zonos--link-authentication zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("zonos-text", { key: '1f8f7f96e39f0d0c0b4012846b27fef994aa9db1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '4b6b2471fe7254cea24b628284451bd46146f001', class: `zonos--link-authentication-component ${this.isEmailError && 'zonos--input-invalid'}` }), this.isEmailError && (h("zonos-text", { key: '3d55092ae5c569641c0ae915e63abe005f362207', textColor: "red-600" }, translate('Please enter a valid email address.')))));
+            } }, h("zonos-text", { key: '0325aa30e9dd91ceca034859d64e7454ef489ad0', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '282a18cec412a0cfe5bc473b42cdf1ff38beaf9b', class: `zonos--link-authentication-component ${this.isEmailError && 'zonos--input-invalid'}` }), this.isEmailError && (h("zonos-text", { key: '8d1f66444d6bb925d9b581dd15fe2a7e2acf88a5', textColor: "red-600" }, translate('Please enter a valid email address.')))));
     }
     static get is() { return "zonos-link-authentication"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js

@@ -36,7 +36,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'cf616ec959fd1b7396ed86b23561f459e0da8722', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'e5564db71ba2c0d67d372cb1804d6d462cdf1b33', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '3ea47f2c0a541590210d181bc73ecb3fb27e7783', class: "zonos--payment-component" }), h("div", { key: 'd3a46a127448568caf4309806e88556594075c12', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '8688b2ce3087fb2265b1b84229a3af6f6cba39e6', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '7b6bc40043d7d14e55faa7e60b85cdc60d56d00a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '39df45805f365e761f0001c075f94e0bdf99fabb', class: "zonos--payment-component" }), h("div", { key: 'a9e7d56ba2b0050926121e3ab8a61cbace9a6a14', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

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

@@ -23,7 +23,7 @@ export const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostRelea
         endpoint,
         errors,
         href: window.location.href,
-        metadata: Object.assign({ domain: window.Zonos.domain, userAgent: userAgentData && userAgentData.brands.length > 0
+        metadata: Object.assign({ appVersion: window.Zonos.version, domain: window.Zonos.domain, publicCredential: window.Zonos.zonosApiKey, userAgent: userAgentData && userAgentData.brands.length > 0
                 ? userAgentData
                 : window.navigator.userAgent }, metadata),
     };

package/dist/collection/scripts/{_overrideWithTestPublicCredential.js → _getWithTestPublicCredential.js}

@@ -2,31 +2,31 @@ import { handleFetch } from "../components/utils/handleFetch";
 import { log } from "../components/utils/logging/log";
 import { logError } from "../components/utils/logging/logError";
 /**
- * Attempt to get and override test public credential to window.Zonos.zonosApiKey if needed
+ * Attempt to get test public credential to window.Zonos.zonosApiKey if needed
  */
-export const overrideWithTestPublicCredential = async () => {
+export const getWithTestPublicCredential = async () => {
     const isTestMode = window.location.search.includes('zonosTestMode=1');
     // Do nothing if the test mode is not enabled or the public credential
     if (!isTestMode || !window.Zonos.zonosApiKey) {
-        return;
+        return null;
     }
     log('[ZONOS - loadZonos] Attempt test public credential', 'info');
     // Try to get the test public credential if the test mode is enabled and the public credential key is not a test key
-    if (!!window.Zonos.zonosApiKey.includes('test')) {
+    if (!!window.Zonos.zonosApiKey.includes('credential_test')) {
         log('[ZONOS - loadZonos] Test mode is enabled but the API key is already a test key', 'info');
-        return;
+        return null;
     }
     const { errors: testPublicCredErrors, json: testPublicCredResult } = await handleFetch('/api/get-test-public-credential');
     if (testPublicCredErrors.length || !testPublicCredResult) {
         logError(`[ZONOS - loadZonos] Failed to get test public credential. Keep using production key`, testPublicCredErrors);
-        return;
+        return null;
     }
     const testPublicCredential = testPublicCredResult.publicCredential;
     if (!testPublicCredential) {
         logError('[ZONOS - loadZonos] No test public key credential. Keep using production key');
-        return;
+        return null;
     }
-    log(`[ZONOS - loadZonos] Using test API key: ${testPublicCredential} for test mode`, 'info');
     // Set the test public credential to the window object
-    window.Zonos.zonosApiKey = testPublicCredential;
+    log(`[ZONOS - loadZonos] Retrieve new test public token ${testPublicCredential}`, 'info');
+    return testPublicCredential;
 };

package/dist/collection/scripts/_zonosBase.js

@@ -3,9 +3,9 @@ import { log } from "../components/utils/logging/log";
 import { logError } from "../components/utils/logging/logError";
 import { checkIfLoadVersionDomain } from "./_checkIfLoadVersionDomain";
 import { getNextFallbackUrl, MAIN_LOAD_CDN_TYPE, } from "./_getNextFallbackUrl";
+import { getWithTestPublicCredential } from "./_getWithTestPublicCredential";
 import { getZonosQaUrl } from "./_getZonosQaUrl";
 import { zonosLoadStripe } from "./_loadStripe";
-import { overrideWithTestPublicCredential } from "./_overrideWithTestPublicCredential";
 import { getCartIdFromQueryParam } from "./cart/_getCartIdFromParam";
 import { setupCartData } from "./cart/_setupCartData";
 import { checkoutHiddenBtnSelector, } from "../types/checkout/CheckoutConfig";
@@ -119,7 +119,10 @@ Zonos.init = async (params) => {
             _a.zonosApiKey = cartinfo.zonosApiKey;
         }
         // Try to request for test API key if the API key is production but query param isTestMode is provided
-        await overrideWithTestPublicCredential();
+        const testPublicCredential = await getWithTestPublicCredential();
+        if (testPublicCredential) {
+            _a.zonosApiKey = testPublicCredential;
+        }
     }
     // inject hidden button to body to trigger checkout right away if we have cartData
     if (_a.cartId && _a.cartData) {

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -488,6 +488,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         failToGetQuoteErrors(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'failToGetQuoteErrors', 'query');
         },
+        failedToGetOrder(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'failedToGetOrder', 'query');
+        },
         getAudienceByAspectKey(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getAudienceByAspectKey', 'query');
         },

package/dist/collection/types/generated/graphql.internal.types.js

@@ -1846,6 +1846,7 @@ export const orderNoteType = {
     Status: 'STATUS',
 };
 export const orderRefundSubtotalType = {
+    Discount: 'DISCOUNT',
     DutyTaxFee: 'DUTY_TAX_FEE',
     Item: 'ITEM',
     Shipping: 'SHIPPING',

package/dist/esm/{CheckoutConfig-56c63bdf.js → CheckoutConfig-930107d4.js}

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

package/dist/esm/{cart-a5a8ec74.js → cart-3e0e4d5c.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-c493c4fe.js';
-import { h as handleFetch, a as logError, l as log, f as fallbackApiList, s as sendErrorLog, j as jsonParse } from './handleFetch-40fc3562.js';
+import { h as handleFetch, a as logError, l as log, f as fallbackApiList, s as sendErrorLog, j as jsonParse } from './handleFetch-22cb914b.js';
 import { i as isDarkColor } from './isDarkColor-c6924924.js';
 import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
 

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

@@ -139,7 +139,7 @@ const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostReleaseError
         endpoint,
         errors,
         href: window.location.href,
-        metadata: Object.assign({ domain: window.Zonos.domain, userAgent: userAgentData && userAgentData.brands.length > 0
+        metadata: Object.assign({ appVersion: window.Zonos.version, domain: window.Zonos.domain, publicCredential: window.Zonos.zonosApiKey, userAgent: userAgentData && userAgentData.brands.length > 0
                 ? userAgentData
                 : window.navigator.userAgent }, metadata),
     };

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { l as log, a as logError, h as handleFetch } from './handleFetch-40fc3562.js';
-import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-56c63bdf.js';
-export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-56c63bdf.js';
+import { l as log, h as handleFetch, a as logError } from './handleFetch-22cb914b.js';
+import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-930107d4.js';
+export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-930107d4.js';
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -53,6 +53,36 @@ const getNextFallbackUrl = (currentCdnType) => {
     return nextFallbackCdnType || null;
 };
 
+/**
+ * Attempt to get test public credential to window.Zonos.zonosApiKey if needed
+ */
+const getWithTestPublicCredential = async () => {
+    const isTestMode = window.location.search.includes('zonosTestMode=1');
+    // Do nothing if the test mode is not enabled or the public credential
+    if (!isTestMode || !window.Zonos.zonosApiKey) {
+        return null;
+    }
+    log('[ZONOS - loadZonos] Attempt test public credential', 'info');
+    // Try to get the test public credential if the test mode is enabled and the public credential key is not a test key
+    if (!!window.Zonos.zonosApiKey.includes('credential_test')) {
+        log('[ZONOS - loadZonos] Test mode is enabled but the API key is already a test key', 'info');
+        return null;
+    }
+    const { errors: testPublicCredErrors, json: testPublicCredResult } = await handleFetch('/api/get-test-public-credential');
+    if (testPublicCredErrors.length || !testPublicCredResult) {
+        logError(`[ZONOS - loadZonos] Failed to get test public credential. Keep using production key`, testPublicCredErrors);
+        return null;
+    }
+    const testPublicCredential = testPublicCredResult.publicCredential;
+    if (!testPublicCredential) {
+        logError('[ZONOS - loadZonos] No test public key credential. Keep using production key');
+        return null;
+    }
+    // Set the test public credential to the window object
+    log(`[ZONOS - loadZonos] Retrieve new test public token ${testPublicCredential}`, 'info');
+    return testPublicCredential;
+};
+
 /**
  * Extracts the zonosQaUrl from the url
  *
@@ -94,7 +124,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.133.js.zonos.com";
+    const cdnUrl = "https://v1.3.135.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -251,36 +281,6 @@ const zonosLoadStripe = async (...args) => {
     return stripePromise.then(maybeStripe => initStripe(maybeStripe, args, startTime));
 };
 
-/**
- * Attempt to get and override test public credential to window.Zonos.zonosApiKey if needed
- */
-const overrideWithTestPublicCredential = async () => {
-    const isTestMode = window.location.search.includes('zonosTestMode=1');
-    // Do nothing if the test mode is not enabled or the public credential
-    if (!isTestMode || !window.Zonos.zonosApiKey) {
-        return;
-    }
-    log('[ZONOS - loadZonos] Attempt test public credential', 'info');
-    // Try to get the test public credential if the test mode is enabled and the public credential key is not a test key
-    if (!!window.Zonos.zonosApiKey.includes('test')) {
-        log('[ZONOS - loadZonos] Test mode is enabled but the API key is already a test key', 'info');
-        return;
-    }
-    const { errors: testPublicCredErrors, json: testPublicCredResult } = await handleFetch('/api/get-test-public-credential');
-    if (testPublicCredErrors.length || !testPublicCredResult) {
-        logError(`[ZONOS - loadZonos] Failed to get test public credential. Keep using production key`, testPublicCredErrors);
-        return;
-    }
-    const testPublicCredential = testPublicCredResult.publicCredential;
-    if (!testPublicCredential) {
-        logError('[ZONOS - loadZonos] No test public key credential. Keep using production key');
-        return;
-    }
-    log(`[ZONOS - loadZonos] Using test API key: ${testPublicCredential} for test mode`, 'info');
-    // Set the test public credential to the window object
-    window.Zonos.zonosApiKey = testPublicCredential;
-};
-
 const TEMP_CART_ID_QUERY_PARAM = 'tempCartUUID';
 /**
  * Simple function to get the cart id from the query param.
@@ -308,10 +308,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.133.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.133";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.133";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.133";
+const ZONOS_URL = "https://v1.3.135.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.135";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.135";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.135";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -326,7 +326,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1732312338563";
+Zonos.releaseDate = "1732640550316";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -342,7 +342,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.133"}`;
+Zonos.version = `v${"1.3.135"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -402,7 +402,10 @@ Zonos.init = async (params) => {
             _a.zonosApiKey = cartinfo.zonosApiKey;
         }
         // Try to request for test API key if the API key is production but query param isTestMode is provided
-        await overrideWithTestPublicCredential();
+        const testPublicCredential = await getWithTestPublicCredential();
+        if (testPublicCredential) {
+            _a.zonosApiKey = testPublicCredential;
+        }
     }
     // inject hidden button to body to trigger checkout right away if we have cartData
     if (_a.cartId && _a.cartData) {