@zonos/elements 1.3.219 → 1.3.220

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

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-55a03023.js';
-import { c as stripeStore, d as stripeStoreRetrievePayment, t as trackConversionEvent, G as stripeStoreResetPromoCode, y as stripeStoreReset, H as stripeStoreMessageBasedOnStatus, e as cartStore, r as cartStoreNextStep, K as cartStoreOnChange } from './cart-acf4ebf5.js';
-import { s as submitGtag, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-2fa930eb.js';
-import { s as storageStore, l as localizationStore } from './localization-8646f526.js';
-import { t as translate, b as translationStoreOnChange } from './translationStore-c9743292.js';
+import { c as stripeStore, d as stripeStoreRetrievePayment, t as trackConversionEvent, G as stripeStoreResetPromoCode, y as stripeStoreReset, H as stripeStoreMessageBasedOnStatus, e as cartStore, r as cartStoreNextStep, K as cartStoreOnChange } from './cart-b2dd578c.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-555bbf1e.js';
+import { s as storageStore, l as localizationStore } from './localization-d7125e4e.js';
+import { t as translate, b as translationStoreOnChange } from './translationStore-13502f49.js';
 import { z as zonosStore } from './zonosStore-c456b933.js';
+import { h as handleFetch, l as log, s as sendErrorLog, d as allLogs, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-99218189.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
-import { h as handleFetch, l as log, s as sendErrorLog, d as allLogs, i as isCheckoutMobile, g as getIsTestMode, a as getIsStagingMode } from './handleFetch-99218189.js';
-import { i as isCollectMobile, a as isCollectTablet, e as collectStore } from './isCollectMobileTablet-b72b81c5.js';
+import { i as isCollectMobile, a as isCollectTablet, e as collectStore } from './isCollectMobileTablet-7f9a5e2b.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-d1ad9cf6.js';
+import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-2d67c1a9.js';
 import './isDarkColor-1f58b6be.js';
 import './VarianceTest-fef2d958.js';
 
@@ -18,7 +18,7 @@ const RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" heigh
 
 const SuccessIcon = `<svg color="var(--zonos-elements-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" data-is-secondary-color="true" fill="var(--zonos-elements-blue-100)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M15.707 9.293a1 1 0 0 1 0 1.414l-3.646 3.647a1.5 1.5 0 0 1-2.122 0l-1.646-1.647a1 1 0 1 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
-const zonosCollectFinishCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;border-radius:var(--zonos--border-radius, 10px);gap:24px;margin-top:24px;background-color:var(--zonos-elements-gray-50);padding:48px}:host .zonos--finish-details{max-width:640px;min-width:300px;line-height:24px;width:0 auto;margin:auto}:host zonos-button{width:100%}:host .loading-wrapper{min-height:300px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .zonos--finish-button-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto;margin-top:48px;max-width:300px}:host .zonos--subtitle{text-align:center}:host .zonos--order-number{background-color:var(--zonos-elements-gray-0);border:1px solid var(--zonos-elements-gray-200);color:var(--zonos-elements-gray-800);border-radius:var(--zonos-elements-radius-6);padding:4px 8px}";
+const zonosCollectFinishCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;border-radius:var(--zonos--border-radius, 10px);gap:24px;margin-top:24px;background-color:var(--zonos-elements-gray-50);padding:48px}:host .zonos--finish-details{max-width:640px;min-width:300px;line-height:24px;width:0 auto;margin:auto}:host zonos-button{width:100%}:host .loading-wrapper{min-height:300px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .zonos--finish-button-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto;margin-top:48px;max-width:300px}:host .zonos--button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:16px;margin:0 auto}:host .zonos--subtitle{text-align:center}:host .zonos--order-number{background-color:var(--zonos-elements-gray-0);border:1px solid var(--zonos-elements-gray-200);color:var(--zonos-elements-gray-800);border-radius:var(--zonos-elements-radius-6);padding:4px 8px}";
 const ZonosCollectFinishStyle0 = zonosCollectFinishCss;
 
 /**
@@ -88,26 +88,9 @@ const ZonosCollectFinish = class {
             log(`=== Polling order (${attempts} attemps)`, 'info');
             if (
             // Order found, in legacy checkout facade and still haven't found the legacy order number
-            order &&
-                attempts >= maxRetries) {
+            order) {
                 log('=== CollectOrder info found', 'info');
-                if (order && !foundLegacyOrderNumber) {
-                    // We pushed this one through without the legacy order number, so we should log this
-                    void sendErrorLog({
-                        endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
-                        errors: [
-                            `Collect order found but legacy order number doesn't exist after ${maxRetries} attempts`,
-                        ],
-                        metadata: {
-                            allLogs,
-                            checkoutSessionId: storageStore.checkoutSessionId || '',
-                            orderId: order.id,
-                            storeId: zonosStore.storeId,
-                        },
-                    });
-                    return;
-                }
-                else if (attempts > 10) {
+                if (attempts > 10) {
                     // Log out all the logs if we have tried more than 10 times
                     void sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
@@ -245,6 +228,21 @@ const ZonosCollectFinish = class {
             paypalStoreReset();
             storageStore.checkoutSessionId = null;
         };
+        this.getReceiptUrl = ({ cartId }) => {
+            const hostUrl = new URL(`${window.location.origin}/receipt`);
+            hostUrl.searchParams.set('referenceId', cartId);
+            // is test mode
+            const isTestMode = getIsTestMode();
+            if (isTestMode) {
+                hostUrl.searchParams.set('zonosTestMode', '1');
+            }
+            // Carry over the zonosQaUrl if it exists
+            const zonosQaUrl = new URLSearchParams(window.location.search).get('zonosQaUrl');
+            if (zonosQaUrl) {
+                hostUrl.searchParams.set('zonosQaUrl', zonosQaUrl);
+            }
+            return hostUrl.toString();
+        };
     }
     componentDidLoad() {
         if (this.overrideNotification) {
@@ -266,11 +264,14 @@ const ZonosCollectFinish = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c8310458ed1264e1f799c5e89dbb5e98229b2a08', class: "zonos--checkout-finish zonos--elements", style: {
+        const cartId = window.Zonos.cartId;
+        return (h(Host, { key: 'e145b7396302157ccb515c54f99e50faa8ba45e6', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'df8c6b30dc371111c192a24263afa79814d429fb', class: "zonos--finish-details" }, h("div", { key: 'c799b8f13474a996d5603636cc8730657508d2ac', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '9365caeb15712f54ae9777b9e6acf67e572f7e43', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '3cca628ac3b7ae3e819296299d0c3f0c8531ddbb', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '52136526f5b90feaa68a526c099fdd95e24ea23e', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))))))));
+            } }, !this.isLoading && (h("div", { key: 'b9df4788f27c935ba7fc47e7c930cd162c8fbebe', class: "zonos--finish-details" }, h("div", { key: 'a510c995880c8698dc98390d0504b70333551c86', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '8f84f87bf2365b85acffefe16e8b10cd9227a6e6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '0e3f3f71cae6262d6394ad2c5a6d656509b484d5', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'c769f2ada1e6b421e373aeb4393560a21d6fcffc', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '9972858fadd4d2d9c4f00e54921002ea04a5cc51', class: "zonos--button-container" }, h("zonos-button", { key: 'fe931a552fc1c43b29a1966736379c3c1d0536f6', onClick: () => {
+                window.open(this.getReceiptUrl({ cartId }), '_blank');
+            }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -331,15 +332,15 @@ const ZonosCollectFooter = class {
         const languageLabel = (_a = languages.find(x => x.code === 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 (h(Host, { key: 'f8415c3fa7cf1e02b956ee91d5c2b8c92aba83f0', class: classes([
+        return (h(Host, { key: '9509e7325ad0153d2f5c9ba3b5689fdb3ad6313e', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'ba5a7bd33565ec92bbde5135da011e833e1b5f54', class: "zonos--collect-footer" }, h("div", { key: 'ba2523ad59a5308317c2127f597116bf13a5bf5c', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '01cc5e41f2c00fb797f67a7e5187cc614974b381', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: '577572370a3364384054451a935bbcfe29681932', class: classes([
+            ]) }, h("div", { key: '250716798bf30901678b16e1ac159810f1d7a6ad', class: "zonos--collect-footer" }, h("div", { key: 'ab61803d4b5348b8978e7dfcb16a5733cca5dd29', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '6c5dcd25d5ef73b2098269d840e291343d30cb81', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'd1a367cd19b36f1a0f49ccfe78e750218b50a03e', class: classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: 'ab7ad7f5ac46b8b718ed658e003ea9c54fc0e509', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '13a5458f90a1f8899ba772a2dd8d4c9ed3b93bbe', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: 'aa0e23159a9a2ed22c7809dcf55a4be24114f8a4', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '33cb521cfc71be6f909d1457b792d515b80f1e04', textColor: colorDesktop }, "Powered by"), h("a", { key: '75dc6b0a319d1dd017f0e108975b7cfabe4d30fb', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '8a8628f4258ea36b86df16b8ed0139c13e04a67e', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'a24bc9f48cd16e8acd668fe23ad3b9427dd1b4ba', class: "dot" }), h("a", { key: '32d1c85120322d79fac8ed449cceeea39e065bba', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'bb3f04f0ebe79e03d1d7a70978acafa7ce7069cd', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, h("zonos-language-select", { key: '02f446b8f4e3dc875f78d5ac2f0b9aa6dd071f1c', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'b713a78cbd3d3f131c6c473bb1d979899d40b13b', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '97eab5909d556f13fa2acc0628d583d49f13d3a2', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: 'a6488e084f153305eed8d6f65341d7ab00297adb', textColor: colorDesktop }, "Powered by"), h("a", { key: 'c63a6e1064dbd733add1cc3b1df1456484e2f103', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '081cae2c34e58478a8c20f0f9a9f20dc0b47c9b7', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: '0862a11838e62f425d38066230b01f445999d751', class: "dot" }), h("a", { key: 'b13f3af014b5d970e45f88cbb0ef669a0f9aa2ac', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'a675218a36da83427c2ce517a15b1ed5ea5910d6', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -643,7 +644,7 @@ const renderFallback = ({ content, isLoading, skeletonHeight, skeletonWidth, })
     return content;
 };
 
-const zonosCollectReviewCss = ":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{position:-webkit-sticky;position:sticky;top:0;background-color:var(--zonos-elements-gray-0);z-index:1}:host .zonos--total-pay{margin:8px 0 24px;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;gap:48px}:host .zonos--total-pay::after{content:\"\";position:relative;height:1px;width:100%;background:var(--zonos-elements-gray-200)}:host(.mobile),:host(.tablet){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:4px 0;background-color:transparent;position:relative}:host(.mobile) .zonos--total-pay,:host(.tablet) .zonos--total-pay{margin:0}";
+const zonosCollectReviewCss = ":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{position:-webkit-sticky;position:sticky;top:0;background-color:var(--zonos-elements-gray-0);z-index:1}:host .zonos--total-pay{margin:8px 0 24px;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;gap:48px}:host .zonos--total-pay zonos-text{-ms-flex-negative:0;flex-shrink:0}:host .zonos--total-pay::after{content:\"\";position:relative;height:1px;width:100%;background:var(--zonos-elements-gray-200)}:host(.mobile),:host(.tablet){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:4px 0;background-color:transparent;position:relative}:host(.mobile) .zonos--total-pay,:host(.tablet) .zonos--total-pay{margin:0}";
 const ZonosCollectReviewStyle0 = zonosCollectReviewCss;
 
 const ZonosCollectReview = class {
@@ -680,13 +681,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: '0ad612b9bd517bde855d648cd49c853f0e76c584', class: classes([
+        return (h(Host, { key: '6432c5dd5afd628e33ba26385ecfecb470f1757e', class: classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'e7f6ba00c7129d537cabd37ed0583e4385bd3e4b', class: "zonos--title" }, h("zonos-text", { key: 'eda6c8358bde6ecf2b200878b0c3cb52d71d3abe', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: 'e4d113ff1268c36119e1f80164b6cfd702c67f75', class: "zonos--title" }, h("zonos-text", { key: 'aad9ad9b526ac65d97a88df516e8e7b34fc3d2b1', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: '7247a4bc5d030c3fa605946a6acb9c9698055633', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: false,
@@ -709,8 +710,8 @@ const ZonosCollectSubtotal = class {
         this.storeUnsubscribeList = [];
         this.subtotals = {};
         this.initSubtotalData = () => {
-            var _a, _b;
-            const cartLandedCostSubtotal = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.landedCost) === null || _b === void 0 ? void 0 : _b.amountSubtotals;
+            var _a;
+            const cartLandedCostSubtotal = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.subtotals;
             if (!cartLandedCostSubtotal) {
                 return;
             }
@@ -752,7 +753,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (h(Host, { key: '802f3c4e95ac387e1635fda8c60650baa6c2a921', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '5fb1bc3eea8cb032df0073797a03f29aad0c6a4a', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: 'f0c9c76e23a98f2638132530bf162f17d1c4d369', class: "zonos--row zonos--collect-duty" }, h("td", { key: '3563ad4d3ebe19d70701dd6d846ce93f81fb620b', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'a181f357c9ed0a51fd2edf6a321718e859a001b6', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '1e35333b4f2768f52084f1ed8044b20b8ef6dcdd', class: "zonos--column" }), h("td", { key: 'd810adf7cb68dbe4abd7a50a3f136b1c8de6927c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: 'ab687a6e1ec67f6609081036a75e9905ff34c6b1', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '303b8c49983e9f7aea4d31400fed53d858eb078d', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: 'a60fa4f1f1afacef0144b86c054f44572576f7af', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'aeaf798e26bbd482196d7208eb05657a1d15dad8', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '835d817709ae3b7e2d888d618e0856fb2e637e4d', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '5bb47a115ea61fa897a3f48bbd10c5f78af3703e', class: "zonos--column" }), h("td", { key: '32632c4beb855ca687c615f5e6c63c82e2e05c80', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Duties')] || 0,
                 isForeign: true,
@@ -760,7 +761,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: 'b6bf34665036c13663685f5d88f030663478d013', class: "zonos--row zonos--collect-tax" }, h("td", { key: '6595bd3da49f934a560b215774a977db6ee054f4', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b707928fc729029e601b03b1a07d00782bc805be', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '198d8a22daaac2b96a86ff831b40cefb8d6be057', class: "zonos--column" }), h("td", { key: '6f673d2bd36b3cc17d83732c37c21080358961b5', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '055bb237dafaea8de18b127641c8fd7e1ece563b', class: "zonos--row zonos--collect-tax" }, h("td", { key: '1e73b140c2c9090ccfb91ce4efca483e8fb56e9e', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'a3375ecd77460c78c7c5f59bf7b9b8612cd53e41', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '20685646be29873967c2f335c775046068248ad3', class: "zonos--column" }), h("td", { key: '2e2c6af2c1a7840df03351178ddf3107fcc36494', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Taxes')] || 0,
                 isForeign: true,
@@ -768,7 +769,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: 'b3392d88def450ba48cf35a7209a3f987ba2513a', class: "zonos--row zonos--collect-fee" }, h("td", { key: 'b37890202522d65bb307bf7490cafb9686ed0d83', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '1248245b912e6a0f7b5236c2fae13f4d33b84805', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '47e9ad0b21ad389f1eb029ef7f8f805388f529b0', class: "zonos--column" }), h("td", { key: '6fd116a562463aa95a21f6f1635d9b33d8b9c577', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '8157aba5c6a23680b0bc681adc127747f01a2973', class: "zonos--row zonos--collect-fee" }, h("td", { key: '8266654f9e65003f297222bb935013a8b9b3b430', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '8399000a5f61e4737764b68b89799b409dce6034', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '2a9763f2401967ea1bdfa2c17514d18e2a4e0db6', class: "zonos--column" }), h("td", { key: 'ac2f275312c2ba69888e6e57dde8b4b451839b86', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Fees')] || 0,
                 isForeign: true,
@@ -776,7 +777,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), h("tr", { key: '76c57539723bd54d09a45a8d0051240ecb39db03', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'b26e8493902267d9ab81907b976af59d961a792a', class: "zonos--column", colSpan: 3 })), h("tr", { key: '20110aaeccafea4372d91e79062ec5344353e4bc', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: 'a6463d8923e162864002121e63decb286b3a0fc8', class: "zonos--column" }), h("td", { key: '49b504de5994357d849e38c0156c5192cdad07db', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'c76f8e4fba2ea9025b009ae400b5b89d30b14997', type: "label" }, translate('Subtotal'))), h("td", { key: '6568a8e64b3e1b426bb8fdf4aff9354bb1ac4b18', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: 'a293d1b9342251f7326c1ac68e2bab83eae2ed80', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'c136b1b807f32dc21c131326d70500d2e2c64efe', class: "zonos--column", colSpan: 3 })), h("tr", { key: '59747101f1a9ef7c8fad60e90ea5b8c31015438c', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '96d201ba6f3e571adac265127229c94cdc96be2a', class: "zonos--column" }), h("td", { key: 'f2f4cb751e35fc0ebaa803659f26a2314d8bf639', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b4f89ea1e523af8a5aead4ef007a6f0dc7e7f441', type: "label" }, translate('Subtotal'))), h("td", { key: '28b6aea6363b2bef1d072ad77f409ae77976305c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -784,7 +785,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), h("tr", { key: 'ff9ffa08886829765a5c5c5120fdf450dab78d70', class: "zonos--row zonos--collect-total" }, h("td", { key: '1d3169797facacf6824badd69996a8d4671fa21f', class: "zonos--column" }), h("td", { key: '559350e976dae25212dab5dc3bd4a3c27ddb50e3', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '926be9acc7b9bc06755319a2af594a76ddc0ab2e', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '22d88d0f09b37aaf521b6e535b31fdcb00b18faa', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: 'f0072cdd200e8483421265af39a90fb655fb2ef0', class: "zonos--row zonos--collect-total" }, h("td", { key: '88a007048d33c919a6c5f87cf7cd071f83e7448b', class: "zonos--column" }), h("td", { key: '24bba9e9b81ff443dd5ca4832c3169e3605a93b8', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '594d4e96bec3a2153f6622c6842970ebee5bb463', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: 'b3ffd6dcae747dd2ed68ae16fb60d9655f7669dc', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-55a03023.js';
-import { c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, o as cartStoreUpdateToErrorState, f as cartStoreUpdateItems, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, u as stripeStoreUpdateCheckoutSessionBaseCurrency, w as stripeStoreConfirmPayment, A as stripeStoreOnChange, y as stripeStoreReset, g as cartStoreReset } from './cart-acf4ebf5.js';
-import { i as isCollectMobile, a as isCollectTablet, c as collectStoreUpdateSelectedShippingOption, b as collectStoreInitShippingInfo, d as collectStoreAsyncAddressUpdate, e as collectStore } from './isCollectMobileTablet-b72b81c5.js';
-import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-2fa930eb.js';
-import { s as storageStore, c as localizationStoreOnChange, d as currencyFormat, l as localizationStore } from './localization-8646f526.js';
-import { t as translate } from './translationStore-c9743292.js';
+import { c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, o as cartStoreUpdateToErrorState, f as cartStoreUpdateItems, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, u as stripeStoreUpdateCheckoutSessionBaseCurrency, w as stripeStoreConfirmPayment, A as stripeStoreOnChange, y as stripeStoreReset, g as cartStoreReset } from './cart-b2dd578c.js';
+import { i as isCollectMobile, a as isCollectTablet, c as collectStoreUpdateSelectedShippingOption, b as collectStoreInitShippingInfo, d as collectStoreAsyncAddressUpdate, e as collectStore } from './isCollectMobileTablet-7f9a5e2b.js';
+import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-555bbf1e.js';
+import { s as storageStore, c as localizationStoreOnChange, d as currencyFormat, l as localizationStore } from './localization-d7125e4e.js';
+import { t as translate } from './translationStore-13502f49.js';
 import { z as zonosStore } from './zonosStore-c456b933.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-c4488f73.js';
 import { h as handleFetch, l as log, s as sendErrorLog, b as logError, g as getIsTestMode } from './handleFetch-99218189.js';

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

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

package/dist/esm/zonos-confirm-dialog_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-55a03023.js';
-import { t as translate } from './translationStore-c9743292.js';
+import { t as translate } from './translationStore-13502f49.js';
 import { g as getZonosStoreTheme, f as zonosStoreFontFamily, z as zonosStore } from './zonosStore-c456b933.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
@@ -125,13 +125,13 @@ const ZonosConfirmDialog = class {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: 'db5aa58306b17fe38ca876d5602779fe5611d7e2', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: 'c9eabf497f7e23ae201e6310e5ecb9f0d7068294', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--zonos--border-radius': borderStyle,
                 '--zonos--dialog-width': `${this.dialogWidth}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '58b0efe6933c8e333ccfd885adc275dbc5a094de', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'ced1b81db49b1a50d772a037b7cd071be61e27eb', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '9fc184e5f575e8a7480ab4905f343330ad9b8822', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: 'a9a525bfe764bf93e8725d9a00c069455de72ed6', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '072ab68e501618b640ffce6c6e8e96096966e09d', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '3ab415f1cbc2bc36af01d67b279e732480de8685', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '965bd556625eedbb0dafc10db8f444cfe4c3ba01', class: "wrapper" }, h("div", { key: '1709fff88c6d3cd08b5144c33db1a5399104291b', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '6daa8cb3f9fcd60d97484c6b4a49a520c8803ded', class: "content" }, h("div", { key: '6dbe0c7487614aaacd471c883258a75a07b3cfde', class: "title" }, h("zonos-text", { key: 'ca32852be94af7c099f15c629663ad560fcc88ea', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '41956c52c59eefe0ca4fb31d37a7aa4de0f032cc', class: "subtitle" }, h("zonos-text", { key: 'ddae90c765fb5b5999b1d5c8e0642ba12a54d369', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'e390a8bb1b3e5ec38ae86a71ab8ad1394c89af72', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '85b0a4a9d5906f7efabde7b0642f575ad35b37cf', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '5b832e2490acb87a99ec31ae4c1a534f765a3b92', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: 'a1d99558318371c0e5ee95a9578a6de31a6fc27a', class: "wrapper" }, h("div", { key: '3fd7fbc90c430a3e1496e5b0347947c1929aa6ed', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '5584080e0f0a5a756b0cc2ac761e0e18c864afcd', class: "content" }, h("div", { key: '4a2070c137636193d05ded090fea26f05aada887', class: "title" }, h("zonos-text", { key: 'ab4c773f4af1271f5615a28f6a6193460330f16b', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '05a445dc37e754c99ea6727ae2bf861d42d5c2c4', class: "subtitle" }, h("zonos-text", { key: 'a7563f9fd3b405653487542e1b7a1f6aeab01893', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '812e9e43fdb6d10ed62da8138e344b0243ca5c34', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '07d7dc9d1a4bca9cb1ee420a4fed82e9fc513bd9', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'b607a5244dc39869b6d40cd361d9dee4686858a7', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -155,7 +155,7 @@ const ZonosLoadingOverlay = class {
         this.size = 40;
     }
     render() {
-        return (h(Host, { key: 'da6d878d0f96774f287dafd3538c09fdf45eb314', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '607ee229bf8494fab6ec453d5f664e7a1084bb5c', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'f3021c39258f61d5767889ea9f83f1097d7f5688', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: '1eb7313add29219032d8301abaf55ace726a3309', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'df9960e78817a9a98006fed7e87c5441f220f496', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '32795fe2c626add5d2f53032ea9b5b8d528bef38', size: this.size, spinnerColor: this.spinnerColor }))));
     }
 };
 ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-55a03023.js';
-import { c as stripeStore } from './cart-acf4ebf5.js';
-import { i as isValidSelector, e as initLocalizationStore, s as storageStore, a as localizationStoreUpdateSelectedCountryCode } from './localization-8646f526.js';
+import { c as stripeStore } from './cart-b2dd578c.js';
+import { i as isValidSelector, e as initLocalizationStore, s as storageStore, a as localizationStoreUpdateSelectedCountryCode } from './localization-d7125e4e.js';
 import { z as zonosStore, e as zonosStoreInitSetting, f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
 import { g as getGenericSettingsOverride, i as iframeServices, a as injectPrivateIframe } from './getGenericSettingsOverride-0bc3e118.js';
 import { h as handleFetch, b as logError, l as log } from './handleFetch-99218189.js';
-import './translationStore-c9743292.js';
+import './translationStore-13502f49.js';
 import './isDarkColor-1f58b6be.js';
 import './getBorderRadius-87593ff4.js';
 import './VarianceTest-fef2d958.js';
@@ -686,7 +686,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'bfc37564859305654a77081919eaaed52387ab40', class: "zonos--elements" });
+        return h(Host, { key: 'ca4c02bf0aa73d19ea58cdf6a76c8424276b69cd', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
-import { l as localizationStore } from './localization-8646f526.js';
+import { l as localizationStore } from './localization-d7125e4e.js';
 import { f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-99218189.js';
 import './VarianceTest-fef2d958.js';
-import './translationStore-c9743292.js';
+import './translationStore-13502f49.js';
 
 const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
-import { a as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './localization-8646f526.js';
-import { t as translate } from './translationStore-c9743292.js';
+import { a as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './localization-d7125e4e.js';
+import { t as translate } from './translationStore-13502f49.js';
 import { f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-1f58b6be.js';
@@ -1855,13 +1855,13 @@ const ZonosCountrySelect = class {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: '26efaff6ae3360dc9a362aede455688a2000d411', class: "zonos--elements", style: {
+        return (h(Host, { key: '87e346925730bb4ce7a5a0da35bbffe9fa209e79', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '5935d836049a5bbd539b8a547ac18bd99719b40d', class: "zonos--country-select" }, h("zonos-v-stack", { key: '8fb631ab82e83f1e52c7b1724a3125832e63858d', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'c7a492780bcdba265a57e2b71d7a4e58b6e4075b', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '31048a054eedaae432a1960b9a8563314c4c2a04', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: '557543582175b50bcd5e9e0e9362ecc85f0b0ec0', class: "zonos--country-select" }, h("zonos-v-stack", { key: '3e03b4624abfc1b2239560a62dd33659c30c7d26', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '9664de32cbfb119eb0b3658b71f31039f4d0e064', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: 'c5f28d334194471298bacc218f36dd7d56f57c1e', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: 'fef8c16dddf9b9d89e5a6367bf17aeb80286d371', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '53fe2d70dee8724d5c653a852fa124d8687b481c', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '826ee8d9a6efba02e02de28e9bce79ad5ef00df5', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '9f623511c7a1576961e527071c10672f3b800359', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '3c37b29f38ce48ea953df2faf0ab9e349a8e538c', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'ebab93c3379e93fcbde6cd634174f981c06bff42', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;
@@ -1890,9 +1890,9 @@ const ZonosCustomMessage = class {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: '952cc3c91fdc1be6653b1e7f9263e3a47903eb27', class: "zonos--elements", style: {
+        return (h(Host, { key: '77dcb275cd99e2c1618a58e35d7b6aba07cff289', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: '16e893a807ff3443006a91ce9c20816a944e2372', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '58a4fc0eb021c4858b3abd319a73490d38849d99', class: "zonos--flex-message" }, h("zonos-icon", { key: 'c3658bf90139835d37091e4004a0e99c85018401', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '2a746fd3975699615d82ffcda4b4c446f7d0f32a', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: '61f205819558dd9eb5c9181b8510da6b5304f3e5', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'adc9891709eade8a8f8baf7cc3a840a0340dc834', class: "zonos--flex-message" }, h("zonos-icon", { key: 'f94f9d8e2717c36a12a5bd4bd3b1eb98b4c1d6a8', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'e1defbb16081a5873f98f6f251e6acf57ea5ec25', innerHTML: messageWithLinks }))))));
     }
 };
 ZonosCustomMessage.style = ZonosCustomMessageStyle0;
@@ -1949,9 +1949,9 @@ const ZonosHelloDialogFooter = class {
         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: '21a5da873ec477a41368ba151889ad04e9997028', class: "zonos--elements" }, h("div", { key: '15a7d7745bee574246493d7f9a4703c7ca730bdb', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: 'ff7ca3834fbd8febed2ad016add7832c84b3d067', class: "zonos--elements" }, h("div", { key: 'f3c28cb5afe06a98789e61ed233317402eb7deca', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, h("a", { key: 'fd16129719c2c2a06dad220f0101c9d39ac31e7a', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7ecf7916f58b2c388f416b51ed2817a63ab3c818', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: 'be2e62811ce920460f761664a994dc51c316b004', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'b2baf4e43efcc7b6debc55b2143b4458c6e8c4f9', 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: '35b952303ace56938ffb1e7e6c488e5f9d0cb535', 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: 'e229fcdcc64734e9ed762f5324c7c35ae88a8e17', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7eb45e7359e7c5d411801d29f06d7c700633c7f3', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: '9dba0c118f8d7cac5c9aaae36d8270f2a8cb8360', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'd40f08f0e1437290ed4fbbd6ad4dd6e61878804c', 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: '6312ac59bc58142aee85702b3f4538949255cbb9', 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)))));
     }
     get ele() { return getElement(this); }
 };
@@ -2060,10 +2060,10 @@ const ZonosVirtualScroll = class {
     render() {
         const { width: containerWidth } = this.containerDimensions;
         const visibleItems = this.getVisibleItems();
-        return (h(Host, { key: '6e464de75f6a11c2f27c2c82de83c65c646e5410', class: classes(['zonos--virtual-scroll']) }, h("div", { key: 'fcc5248ef103f4465a5e07c57b171afe4eba34b1', class: classes(['scroller']), style: {
+        return (h(Host, { key: '931ec0dfcbb239d4e3f6f127acfffd22b4b9316f', class: classes(['zonos--virtual-scroll']) }, h("div", { key: '65b5823473b15304317e7a3ec51efd807b3215fa', class: classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
                 width: `${containerWidth}px`,
-            } }), h("div", { key: 'd9b0a63008592bc3337bfa713edac71b8d12d82e', class: classes(['item-container']), style: {
+            } }), h("div", { key: 'ac8fae50951a3a03ff76ebcef744d739c03bbad8', class: classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
             } }, visibleItems.map(({ element }) => element))));
     }

package/dist/esm/zonos-empty-state-payment_4.entry.js

@@ -2,12 +2,12 @@ import { r as registerInstance, h, H as Host, a as getElement, c as createEvent
 import { f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
-import { c as stripeStore, t as trackConversionEvent } from './cart-acf4ebf5.js';
-import { s as storageStore } from './localization-8646f526.js';
+import { c as stripeStore, t as trackConversionEvent } from './cart-b2dd578c.js';
+import { s as storageStore } from './localization-d7125e4e.js';
 import { b as logError, l as log } from './handleFetch-99218189.js';
-import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-2fa930eb.js';
+import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-555bbf1e.js';
 import './VarianceTest-fef2d958.js';
-import './translationStore-c9743292.js';
+import './translationStore-13502f49.js';
 import './isDarkColor-1f58b6be.js';
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -180,12 +180,20 @@ const ZonosPayment = class {
         }
     }
     watchInitStripe() {
+        var _a;
         if (!this.stripeElements) {
             return;
         }
         // Create and mount the Authentication Element in ${type} mode
         const paymentElement = stripeStore.stripePaymentElement ||
             this.stripeElements.create('payment', {
+                defaultValues: {
+                    billingDetails: {
+                        address: {
+                            country: (_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country,
+                        },
+                    },
+                },
                 layout: 'tabs',
             });
         const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
@@ -208,7 +216,7 @@ const ZonosPayment = class {
     }
     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: '1828cd97531009303635ded8725233c07e45fba3', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '899f8ef9f1e008a8d613e54fd1196c1bab7cefdc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '9e9b67bd29a4caf71a6f34fba03c67cbff03b0c7', class: "zonos--payment-component" }), h("div", { key: '1aeb4114ca6eac6541e0bafe72077093bdfb777e', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'c0b27f25785a9f6de2705e16d97f1bf5f7bcb0a4', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '1cfdb16f94a5219882da9da013a6e2de6a6b3c3f', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'bb5ac07b4c32f2469f4825426160542d9729d332', class: "zonos--payment-component" }), h("div", { key: '34f805b56fa151e8a3102361df9fb8b3e636dc75', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -272,7 +280,7 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (h(Host, { key: 'af7d707c64d3f1b637d5d296d46e59023fff0744', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '5a387dc0c7ae0ef6492b5f68b548989dd9832380', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'bcf11ef0ceab1d847c237ec26ec604440983c16f', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'ce5033f39b2e9644e30fc1e0e35f64e5d9b9730d', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-55a03023.js';
-import { l as localizationStore, d as currencyFormat } from './localization-8646f526.js';
-import { t as translate } from './translationStore-c9743292.js';
+import { l as localizationStore, d as currencyFormat } from './localization-d7125e4e.js';
+import { t as translate } from './translationStore-13502f49.js';
 import { z as zonosStore } from './zonosStore-c456b933.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
@@ -344,18 +344,18 @@ const ZonosHelloDialog = class {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: 'cb93edb34ae6e427ca22018f78bd9f83bed8fb6c', class: "zonos--elements" }, h("div", { key: '36f0560ccc1b49c412077203eca49c8d8fbde0c1', class: classes([
+        return (h(Host, { key: '178654e9b701bb68a4d47495897445cf87806c37', class: "zonos--elements" }, h("div", { key: 'eb0f3ced0226513df3911e0664aff10d523fdac7', 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: 'f5561b5699dc9ab8871e5c55002907f31551f06d' }, h("div", { key: '4f9d3e67db0d77c9cf945a02b3e7e5f7f4e8a2ef', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '47cc0055cd7077e5d8482446785e75addd50cc55', 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: '757fe60f5af6721f9b0e23e8182c5283c5e891b0', spacing: 24 }, h("zonos-country-flag", { key: '26dbfbceb8e3d16cc07debcb92d8759c8beb47da', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'fc41d363ac000d991a55cb5643d3db5bf65e86a7', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'ed02015e70e28bab9584f0cffae0401189537379', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '7c12a8d379e4c8bf2235b06d1d020bdad7f63a6c', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '120bd4591063877c10663559e2186875adeed017', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'f185f2d707a3b9628896a7e15f2a0ad20da112ec' }, h("div", { key: '80c53ad6728b221bedbfaec2ec77fee96029e12b', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '31b71832bee5e4515dbf060746f022d9c91502af', 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: '5f11c3b0355ba0c85cf134522b6e21fd28dfe16c', spacing: 24 }, h("zonos-country-flag", { key: '6d6dcad7e3700f67c4261995d867aacb42715404', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '7a325a9b94e58dc5f8dba5baba9a00f835466ee2', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '24e2407475b740b50ca07fe9278363fdefc27d01', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '6b38dee6ec6fcf39e02c5225155e2af69c367a39', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '567d126d05f236fa0aab764d78b1692ebfe82f8b', 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: '2d47773d1db35acf323f1a92808535c909e245ca', spacing: "12px" }, h("zonos-v-stack", { key: '9bd445564c4d13d03772a5289a758fc19c9853a5', 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, dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, 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 icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6ea82d255084e05957e6d82e6305b945388998ad', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '1b007ad4dadcb7b6f25e96a14e00dc8dcf4b9d5a' }, h("zonos-country-select", { key: 'f442a030a5abbb707fdddbc51a1126cd1fb3ef99', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'aba190f3fafb298bc063f2ba05dfe74af7cc97ae' }, h("zonos-language-select", { key: '105c6c35f630d2c7b551518665f433a90d13c488', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: 'e96943bc58d47531f748217858939ddf2a586441', spacing: "12px" }, h("zonos-v-stack", { key: '3e1850a86542ad66c224e4b81f1c5442e7716f6d', 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, dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, 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 icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '33e41b69e4a5b00623f3e412609e7162cb560c38', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'fa17c20b3d893ed9f2249bbceca5237fa48bc64e' }, h("zonos-country-select", { key: '15a5924f176c4a805405684c3eda90f47979cf0b', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: 'ab1d061a3c9c68b43c4203fa14af2ffcf7d33e82' }, h("zonos-language-select", { key: '97f4c760e65d7af39160a1ff978d8a7b0864a763', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
 import { d as debounce_1 } from './debounce-c34d1270.js';
-import { l as localizationStore, i as isValidSelector, g as getZCountryUrlParam, h as setZCountryUrlParam, j as currencyDisplay, k as currencyConvertAndFormat, m as currencyConvert, d as currencyFormat } from './localization-8646f526.js';
-import { t as translate } from './translationStore-c9743292.js';
+import { l as localizationStore, i as isValidSelector, g as getZCountryUrlParam, h as setZCountryUrlParam, j as currencyDisplay, k as currencyConvertAndFormat, m as currencyConvert, d as currencyFormat } from './localization-d7125e4e.js';
+import { t as translate } from './translationStore-13502f49.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c456b933.js';
 import { c as classes } from './classes-0d95c529.js';
 import { h as handleFetch, b as logError, l as log } from './handleFetch-99218189.js';

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

@@ -38,17 +38,17 @@ const ZonosInput = class {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (h(Host, { key: 'a239adc57fc0cd31bff05447fe10d0ad1e825007', class: classes([
+        return (h(Host, { key: '52acbcb39e71fb56029f7aa44b62b2189aa27fd7', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'd2f1086b2139b9c7af5ae2882e0dfb0db65028dc', class: classes([
+            } }, h("div", { key: '9f4566c8f668d633ec5283319d67b8de93703524', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '8e48977b401aed6b36079f732adbc6493bb05804', class: classes([
+            ]) }, h("input", { key: '72de2d08535a007c0e77a037f9d236f0dc45f56e', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -56,7 +56,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 }), h("label", { key: '23ece9b49c1d718340a6f0bb59b93ad2dfe34828', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: 'e4d54ac95efa67ce8c7e56b3a2625e99c417f04d', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {