@zonos/elements 1.3.137 → 1.3.139

package/dist/cjs/{cart-dea3242e.js → cart-0070bff2.js}

@@ -120,8 +120,8 @@ const stringsArabic = {
     'Error updating Checkout': {
         value: 'خطأ في تحديث جلسة الخروج',
     },
-    Estimated: {
-        value: 'مقدر',
+    'Estimated [amount]': {
+        value: 'مقدر [amount]',
     },
     'Expected delivery': {
         value: 'التوصيل المتوقع',
@@ -336,6 +336,9 @@ const stringsArabic = {
     Success: {
         value: 'نجاح',
     },
+    'Taxes and fees': {
+        value: 'الضرائب والرسوم',
+    },
     'Taxes will apply to all orders.': {
         value: 'سيتم تطبيق الضرائب على جميع الطلبات.',
     },
@@ -555,8 +558,8 @@ const stringsBase = {
     'Error updating Checkout': {
         value: 'Error updating Checkout',
     },
-    Estimated: {
-        value: 'Estimated',
+    'Estimated [amount]': {
+        value: 'Estimated [amount]',
     },
     'Expected delivery': {
         value: 'Expected delivery',
@@ -771,6 +774,9 @@ const stringsBase = {
     Success: {
         value: 'Success',
     },
+    'Taxes and fees': {
+        value: 'Taxes and fees',
+    },
     'Taxes will apply to all orders.': {
         value: 'Taxes will apply to all orders.',
     },
@@ -990,8 +996,8 @@ const stringsChinese = {
     'Error updating Checkout': {
         value: '更新结账时出错',
     },
-    Estimated: {
-        value: '估计',
+    'Estimated [amount]': {
+        value: '预计 [amount]',
     },
     'Expected delivery': {
         value: '预计送达',
@@ -1206,6 +1212,9 @@ const stringsChinese = {
     Success: {
         value: '成功',
     },
+    'Taxes and fees': {
+        value: '税费',
+    },
     'Taxes will apply to all orders.': {
         value: '所有订单将适用税款。',
     },
@@ -1425,8 +1434,8 @@ const stringsDanish = {
     'Error updating Checkout': {
         value: 'Fejl ved opdatering af betalingssession',
     },
-    Estimated: {
-        value: 'Anslået',
+    'Estimated [amount]': {
+        value: 'Anslået [amount]',
     },
     'Expected delivery': {
         value: 'Forventet levering',
@@ -1641,6 +1650,9 @@ const stringsDanish = {
     Success: {
         value: 'Succes',
     },
+    'Taxes and fees': {
+        value: 'Skatter og gebyrer',
+    },
     'Taxes will apply to all orders.': {
         value: 'Skatter vil gælde for alle ordrer.',
     },
@@ -1860,8 +1872,8 @@ const stringsDutch = {
     'Error updating Checkout': {
         value: 'Fout bij het bijwerken van afrekening',
     },
-    Estimated: {
-        value: 'Geschat',
+    'Estimated [amount]': {
+        value: 'Geschat [amount]',
     },
     'Expected delivery': {
         value: 'Verwachte levering',
@@ -2076,6 +2088,9 @@ const stringsDutch = {
     Success: {
         value: 'Succes',
     },
+    'Taxes and fees': {
+        value: 'Belastingen en kosten',
+    },
     'Taxes will apply to all orders.': {
         value: 'Belastingen zullen van toepassing zijn op alle bestellingen.',
     },
@@ -2295,8 +2310,8 @@ const stringsFrench = {
     'Error updating Checkout': {
         value: 'Erreur lors de la mise à jour du paiement',
     },
-    Estimated: {
-        value: 'Estimé',
+    'Estimated [amount]': {
+        value: 'Estimé [amount]',
     },
     'Expected delivery': {
         value: 'Livraison prévue',
@@ -2511,6 +2526,9 @@ const stringsFrench = {
     Success: {
         value: 'Succès',
     },
+    'Taxes and fees': {
+        value: 'Taxes et frais',
+    },
     'Taxes will apply to all orders.': {
         value: "Des taxes s'appliqueront à toutes les commandes.",
     },
@@ -2730,8 +2748,8 @@ const stringsGerman = {
     'Error updating Checkout': {
         value: 'Fehler bei der Aktualisierung des Checkouts',
     },
-    Estimated: {
-        value: 'Geschätzt',
+    'Estimated [amount]': {
+        value: 'Geschätzt [amount]',
     },
     'Expected delivery': {
         value: 'Voraussichtliche Lieferung',
@@ -2946,6 +2964,9 @@ const stringsGerman = {
     Success: {
         value: 'Erfolg',
     },
+    'Taxes and fees': {
+        value: 'Steuern und Gebühren',
+    },
     'Taxes will apply to all orders.': {
         value: 'Steuern werden auf alle Bestellungen angewendet.',
     },
@@ -3165,8 +3186,8 @@ const stringsHebrew = {
     'Error updating Checkout': {
         value: 'שגיאה בעדכון ההזמנה',
     },
-    Estimated: {
-        value: 'משוער',
+    'Estimated [amount]': {
+        value: 'משוער [amount]',
     },
     'Expected delivery': {
         value: 'אספקה צפויה',
@@ -3381,6 +3402,9 @@ const stringsHebrew = {
     Success: {
         value: 'הצלחה',
     },
+    'Taxes and fees': {
+        value: 'מיסים ודמי שירות',
+    },
     'Taxes will apply to all orders.': {
         value: 'מסים יחולו על כל ההזמנות.',
     },
@@ -3600,8 +3624,8 @@ const stringsIndonesian = {
     'Error updating Checkout': {
         value: 'Kesalahan saat memperbarui Checkout',
     },
-    Estimated: {
-        value: 'Diperkirakan',
+    'Estimated [amount]': {
+        value: 'Perkiraan [amount]',
     },
     'Expected delivery': {
         value: 'Perkiraan pengiriman',
@@ -3816,6 +3840,9 @@ const stringsIndonesian = {
     Success: {
         value: 'Sukses',
     },
+    'Taxes and fees': {
+        value: 'Pajak dan biaya',
+    },
     'Taxes will apply to all orders.': {
         value: 'Pajak akan berlaku untuk semua pesanan.',
     },
@@ -4035,8 +4062,8 @@ const stringsItalian = {
     'Error updating Checkout': {
         value: "Errore durante l'aggiornamento del pagamento",
     },
-    Estimated: {
-        value: 'Stimato',
+    'Estimated [amount]': {
+        value: 'Stimato [amount]',
     },
     'Expected delivery': {
         value: 'Consegna prevista',
@@ -4251,6 +4278,9 @@ const stringsItalian = {
     Success: {
         value: 'Successo',
     },
+    'Taxes and fees': {
+        value: 'Tasse e commissioni',
+    },
     'Taxes will apply to all orders.': {
         value: 'Le tasse si applicheranno a tutti gli ordini.',
     },
@@ -4470,8 +4500,8 @@ const stringsJapanese = {
     'Error updating Checkout': {
         value: 'チェックアウトの更新中にエラーが発生しました',
     },
-    Estimated: {
-        value: '推定',
+    'Estimated [amount]': {
+        value: '推定 [amount]',
     },
     'Expected delivery': {
         value: '配送予定日',
@@ -4686,6 +4716,9 @@ const stringsJapanese = {
     Success: {
         value: '成功',
     },
+    'Taxes and fees': {
+        value: '税金と手数料',
+    },
     'Taxes will apply to all orders.': {
         value: 'すべての注文に税金が適用されます。',
     },
@@ -4905,8 +4938,8 @@ const stringsKorean = {
     'Error updating Checkout': {
         value: '결제 업데이트 중 오류 발생',
     },
-    Estimated: {
-        value: '추정',
+    'Estimated [amount]': {
+        value: '예상 [amount]',
     },
     'Expected delivery': {
         value: '예상 배송일',
@@ -5121,6 +5154,9 @@ const stringsKorean = {
     Success: {
         value: '성공',
     },
+    'Taxes and fees': {
+        value: '세금 및 수수료',
+    },
     'Taxes will apply to all orders.': {
         value: '모든 주문에 세금이 적용됩니다.',
     },
@@ -5340,8 +5376,8 @@ const stringsNorwegian = {
     'Error updating Checkout': {
         value: 'Feil ved oppdatering av utsjekking',
     },
-    Estimated: {
-        value: 'Anslått',
+    'Estimated [amount]': {
+        value: 'Estimert [amount]',
     },
     'Expected delivery': {
         value: 'Forventet levering',
@@ -5556,6 +5592,9 @@ const stringsNorwegian = {
     Success: {
         value: 'Suksess',
     },
+    'Taxes and fees': {
+        value: 'Skatter og avgifter',
+    },
     'Taxes will apply to all orders.': {
         value: 'Skatter vil gjelde for alle bestillinger.',
     },
@@ -5775,8 +5814,8 @@ const stringsPolish = {
     'Error updating Checkout': {
         value: 'Błąd podczas aktualizowania płatności',
     },
-    Estimated: {
-        value: 'Szacowany',
+    'Estimated [amount]': {
+        value: 'Szacowany [amount]',
     },
     'Expected delivery': {
         value: 'Przewidywana dostawa',
@@ -5991,6 +6030,9 @@ const stringsPolish = {
     Success: {
         value: 'Sukces',
     },
+    'Taxes and fees': {
+        value: 'Podatki i opłaty',
+    },
     'Taxes will apply to all orders.': {
         value: 'Podatki będą miały zastosowanie do wszystkich zamówień.',
     },
@@ -6210,8 +6252,8 @@ const stringsPortuguese = {
     'Error updating Checkout': {
         value: 'Erro ao atualizar Checkout',
     },
-    Estimated: {
-        value: 'Estimado',
+    'Estimated [amount]': {
+        value: 'Estimado [amount]',
     },
     'Expected delivery': {
         value: 'Entrega prevista',
@@ -6426,6 +6468,9 @@ const stringsPortuguese = {
     Success: {
         value: 'Sucesso',
     },
+    'Taxes and fees': {
+        value: 'Impostos e taxas',
+    },
     'Taxes will apply to all orders.': {
         value: 'Impostos serão aplicados a todos os pedidos.',
     },
@@ -6645,8 +6690,8 @@ const stringsRussian = {
     'Error updating Checkout': {
         value: 'Ошибка при обновлении оформления',
     },
-    Estimated: {
-        value: 'Оценочный',
+    'Estimated [amount]': {
+        value: 'Оценка [amount]',
     },
     'Expected delivery': {
         value: 'Ожидаемая доставка',
@@ -6861,6 +6906,9 @@ const stringsRussian = {
     Success: {
         value: 'Успех',
     },
+    'Taxes and fees': {
+        value: 'Налоги и сборы',
+    },
     'Taxes will apply to all orders.': {
         value: 'Налоги будут применяться ко всем заказам.',
     },
@@ -7080,8 +7128,8 @@ const stringsSpanish = {
     'Error updating Checkout': {
         value: 'Error al actualizar el pago',
     },
-    Estimated: {
-        value: 'Estimado',
+    'Estimated [amount]': {
+        value: 'Estimado [amount]',
     },
     'Expected delivery': {
         value: 'Entrega esperada',
@@ -7296,6 +7344,9 @@ const stringsSpanish = {
     Success: {
         value: 'Éxito',
     },
+    'Taxes and fees': {
+        value: 'Impuestos y tarifas',
+    },
     'Taxes will apply to all orders.': {
         value: 'Se aplicarán impuestos a todos los pedidos.',
     },
@@ -7515,8 +7566,8 @@ const stringsSwedish = {
     'Error updating Checkout': {
         value: 'Fel vid uppdatering av utcheckning',
     },
-    Estimated: {
-        value: 'Uppskattad',
+    'Estimated [amount]': {
+        value: 'Uppskattad [amount]',
     },
     'Expected delivery': {
         value: 'Beräknad leverans',
@@ -7731,6 +7782,9 @@ const stringsSwedish = {
     Success: {
         value: 'Framgång',
     },
+    'Taxes and fees': {
+        value: 'Skatter och avgifter',
+    },
     'Taxes will apply to all orders.': {
         value: 'Skatter kommer att tillämpas på alla beställningar.',
     },
@@ -7950,8 +8004,8 @@ const stringsTurkish = {
     'Error updating Checkout': {
         value: 'Ödeme güncelleme hatası',
     },
-    Estimated: {
-        value: 'Tahmini',
+    'Estimated [amount]': {
+        value: 'Tahmini [amount]',
     },
     'Expected delivery': {
         value: 'Beklenen teslimat',
@@ -8166,6 +8220,9 @@ const stringsTurkish = {
     Success: {
         value: 'Başarı',
     },
+    'Taxes and fees': {
+        value: 'Vergiler ve ücretler',
+    },
     'Taxes will apply to all orders.': {
         value: 'Tüm siparişlere vergi uygulanacaktır.',
     },
@@ -8385,8 +8442,8 @@ const stringsVietnamese = {
     'Error updating Checkout': {
         value: 'Lỗi khi cập nhật phiên thanh toán',
     },
-    Estimated: {
-        value: 'Ước tính',
+    'Estimated [amount]': {
+        value: 'Ước tính [amount]',
     },
     'Expected delivery': {
         value: 'Dự kiến giao hàng',
@@ -8601,6 +8658,9 @@ const stringsVietnamese = {
     Success: {
         value: 'Thành công',
     },
+    'Taxes and fees': {
+        value: 'Thuế và phí',
+    },
     'Taxes will apply to all orders.': {
         value: 'Thuế sẽ áp dụng cho tất cả các đơn hàng.',
     },
@@ -10079,11 +10139,15 @@ const isPrefetchInfoOutdated = () => {
     !cartStore.landedCostData || isAddressOutdated || isTotalAmountChanged);
 };
 const stripeCalculateLandedCost = async () => {
+    var _a;
     const abortController = new AbortController();
     stripeStore.fetchingLandedCostAbortController = abortController;
     // Reset cart items to non-restricted state and restricted item list
     cartStoreResetCartItems();
-    const { checkoutSessionWorkflow, itemCreateWorkflow, landedCostCalculateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCostNormalized(abortController);
+    const { checkoutSessionWorkflow, errors, itemCreateWorkflow, landedCostCalculateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCostNormalized(abortController);
+    // update the error message with customized error message that rule is applying to and disabled shippment rating if there is any
+    cartStore.customQuotingError =
+        ((_a = errors === null || errors === void 0 ? void 0 : errors.find(error => { var _a; return ((_a = error.extensions) === null || _a === void 0 ? void 0 : _a.ruleMessageType) === 'CUSTOM'; })) === null || _a === void 0 ? void 0 : _a.message) || null;
     cartStore.shippingData = sortServiceLevelOptionsByAmount((shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || []);
     // check and update cart items with restrictions
     cartStoreCheckItemRestrictions(itemCreateWorkflow);
@@ -10652,6 +10716,7 @@ const { onChange, reset, state: cartStore, } = zonosStore.createStore(() => ({
     checkoutSessionTimeoutShow: false,
     checkoutTimeoutInterval: null,
     currency: 'USD',
+    customQuotingError: null,
     displayBaseCurrency: false,
     dutiesTaxesFees: null,
     dutiesTaxesFeesEstimate: null,

package/dist/cjs/index.cjs.js

@@ -127,7 +127,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.137.js.zonos.com";
+    const cdnUrl = "https://v1.3.139.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.') ||
@@ -311,10 +311,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.137.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.137";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.137";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.137";
+const ZONOS_URL = "https://v1.3.139.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.139";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.139";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.139";
 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(.*)$/;
@@ -329,7 +329,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1733521585949";
+Zonos.releaseDate = "1733763327065";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -345,7 +345,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.137"}`;
+Zonos.version = `v${"1.3.139"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-729f9ed3.js → paypal-7c8a99b0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-293bb3ba.js');
-const cart = require('./cart-dea3242e.js');
+const cart = require('./cart-0070bff2.js');
 const handleFetch = require('./handleFetch-4a90f091.js');
 const isDarkColor = require('./isDarkColor-dd6d723b.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-dea3242e.js');
+const cart = require('./cart-0070bff2.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-4a90f091.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
@@ -149,7 +149,7 @@ const ZonosAddress = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '15074e6cf5021e2d583838eb866f92cb8dad0c1e', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '4203a4dffc101ba0667e975ff2ebe6125e023509', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '66add8724cb61193252e44b7a8179fbabc34d3d2', class: "zonos--address-component" })));
+        return (index.h(index.Host, { key: '4c2371b6111fac3e7b9e73c83fb858db844e800a', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'a0a1f0c4a247a044f541083257edf8dc7b62f903', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'e610eecbbd4c57dcb539af8d539da3db60bb45e7', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -449,14 +449,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: 'a5ac0531735ec33f61886845af2ca061dc08ddd3', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: '7a2972128b04d5dffe09f60b5292d90f7201066a', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, index.h("label", { key: 'a43282ec66f0bf45aadea3be194f37dfb71bcae3', class: classes.classes([this.isDisabled && 'disabled']) }, index.h("input", { key: '1249ee568cd5b503bf40ccfbabd698ad8079f1cb', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
+            } }, index.h("label", { key: 'b18d0f091b783555b4b3a1fc2b5d5cb1c62a9d41', class: classes.classes([this.isDisabled && 'disabled']) }, index.h("input", { key: 'f3b86525ef7988d6df87f9147f5aa22b447c1303', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), index.h("span", { key: '65b6fb17e7ebb7160ce891d3f86a8ca0453a2f87', class: "checkmark-container" }, index.h("svg", { key: '9e58246871517832dfae28a92d9c4177e09eb095', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c11830908d0dbfc929b77025b42a930f243cc587', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: 'af6464b76512b252b0adf24d04b17884f7af60f4', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '2007c2fbc4d8437f75b9a3d7a4e65d394922abf4', class: "checkmark-container" }, index.h("svg", { key: '481b9272c99cf464d8d88ab24a8dba35de921abf', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'ab7690fba113135175248c8926907312dfe478d5', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: '99689099e7469f2ff928619daa2fcee0ce35a418', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -515,7 +515,7 @@ const ZonosDialog = class {
         const borderStyle = getBorderRadius.getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: '506cffe43252a55397dc49ff230311ab38b7f049', class: classes.classes([
+        return (index.h(index.Host, { key: 'a9932187bccf8e7fa505c7e07175d03541d66852', class: classes.classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -527,10 +527,10 @@ const ZonosDialog = class {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, index.h("div", { key: '42944e3338f04feca7cbc928bb12ebeba555c6a5', class: "zonos--backdrop" }), index.h("div", { key: 'b4e17568fbee4cbe15f745bf49efaab8d1be8b6e', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, index.h("div", { key: '255c11f4c3dc5d2f28703b35a774f1d63078f0b0', class: "zonos--dialog" }, this.isLoading && (index.h("div", { key: '48f1d08a3d2bbeb765be73f2c65dd566dbceebe4', class: "zonos--loading" }, index.h("zonos-spinner", { key: 'e0250720aefea8b5ac13000cd61a980e0e09e42f', size: 30 }))), (this.headerText || !this.noCloseButton) && (index.h("div", { key: 'bccb4783b92d4b90ab67faacbc6f888af3f52aa5', class: "zonos--header" }, this.headerText && (index.h("h3", { key: '79c0da7d43317142d177a03629cb3916d9f7923f', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (index.h("zonos-button", { key: 'c835b4a928867c66aed65e0204503553cfe410eb', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), index.h("div", { key: '2c9612b655676ac82fb6a7cec268dd12ad0bd8f0', class: classes.classes([
+            } }, index.h("div", { key: '0298cf365a50e3544656a6d27ae59e922b9e3aed', class: "zonos--backdrop" }), index.h("div", { key: '9fce580a07147d51f17c898a22204c3d9ce6ac7b', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, index.h("div", { key: 'b168439cd985cc5c0166a653db206688504cf7dd', class: "zonos--dialog" }, this.isLoading && (index.h("div", { key: 'e0b6215f3c7bc939721669069bc294e08558d8b5', class: "zonos--loading" }, index.h("zonos-spinner", { key: '687bcd6d2695933de828484c34aff1230bf71d49', size: 30 }))), (this.headerText || !this.noCloseButton) && (index.h("div", { key: '04a57a4add896e3d96faca8b77321bba5f00b889', class: "zonos--header" }, this.headerText && (index.h("h3", { key: 'd084cb3aedcb7e5bb8fd82012b57f441d7dce4a2', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (index.h("zonos-button", { key: '7b73bd57b8651fd3f3ebd29e3c252bd83d9375ee', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), index.h("div", { key: '7af04c281b6410b87bfe53913e74fa215f6de24b', class: classes.classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, index.h("slot", { key: '035123e25049b21951bcfd0a765dd1eca0c50c99' })), index.h("slot", { key: '3b40b61cb3a234348689f33ce2376d58fbc2f0e7', name: "dialog-footer" })))));
+            ]) }, index.h("slot", { key: '8c6ce4437d2bc98f9eccea0280cee31794883b77' })), index.h("slot", { key: '11f97e705b3cc1bad11c037ede940d2f392d67e7', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -581,9 +581,9 @@ const ZonosLinkAuthentication = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '8f2a168814430480824ef48220dd9a06da6ab3df', class: "zonos--link-authentication zonos--elements", style: {
+        return (index.h(index.Host, { key: '2e0db99db09b2e6f055db2851e03f39819a6821e', class: "zonos--link-authentication zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius(),
-            } }, index.h("zonos-text", { key: '0325aa30e9dd91ceca034859d64e7454ef489ad0', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '282a18cec412a0cfe5bc473b42cdf1ff38beaf9b', class: `zonos--link-authentication-component ${this.isEmailError && 'zonos--input-invalid'}` }), this.isEmailError && (index.h("zonos-text", { key: '8d1f66444d6bb925d9b581dd15fe2a7e2acf88a5', textColor: "red-600" }, cart.translate('Please enter a valid email address.')))));
+            } }, index.h("zonos-text", { key: 'fa4516128da2fafa81b070f4d525602edd11203e', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '4b9afcb4bb2be87157923f136b517d3dc44a4c47', class: `zonos--link-authentication-component ${this.isEmailError && 'zonos--input-invalid'}` }), this.isEmailError && (index.h("zonos-text", { key: 'e6a20eedb5d0a2e5ccb58fa240d664812749801d', textColor: "red-600" }, cart.translate('Please enter a valid email address.')))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -27,16 +27,16 @@ const ZonosBadge = class {
         this.dismissHandler = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'ece8d31a527ef8fbd014669176c293798948c377', class: classes.classes(['zonos--elements zonos--badge']), style: {
+        return (index.h(index.Host, { key: 'd8a6a11f10c36a272ecdb52c54919f9ad45e1a9a', class: classes.classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'ae8c2e468abcf3c9aac336ccc28da4166ebd87f3', class: classes.classes([
+            } }, index.h("div", { key: 'c7573446a478f9b9e45a4787593ba9ecaf595fdc', class: classes.classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, index.h("zonos-text", { key: 'a1e710722e04c5ca32bc9c2731815da7de450ee0', textColor: `${this.badgeColor}-800` }, index.h("slot", { key: 'c3a277e50a1619899e76934e2f994c82dae5ddee' })), this.dismissHandler && (index.h("zonos-icon", { key: 'ee9fe774fdd59d94082bed6eb38d9f96ce33c67c', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, index.h("zonos-text", { key: '578f7cf2f27be3306fc7c776dc82a7a324a8b3ca', textColor: `${this.badgeColor}-800` }, index.h("slot", { key: '0b59f674e40454dcf07bea704f38c9df7d68cb43' })), this.dismissHandler && (index.h("zonos-icon", { key: 'ff4e2ee7511940df9ec27830e406502d7acf5209', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;

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

@@ -147,12 +147,12 @@ const ZonosButton = class {
         const borderStyle = getBorderRadius.getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (index.h(index.Host, { key: '8228acc5ae59602336dc70227b3cc8c54e7455ed', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
+        return (index.h(index.Host, { key: '434195b28ed289d47b9c5eb14b754245a8500a99', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles.styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            }) }, index.h("button", { key: '0875fde30fd6d60a49a4850fd5d55450549664a7', class: classes.classes([
+            }) }, index.h("button", { key: 'f3891cd7f75b7c02c5c21af6b9c38e59d8d13865', class: classes.classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -167,7 +167,7 @@ const ZonosButton = class {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }, this.loading && (index.h("div", { key: '15f53929fe9d1bcc49c5b36a29a8c15d8673321f', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '56c605d60ad2046a5075ab48712d7e0faeb83bc2', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '1fd882d57cd362e8ccc79e8c21498d290062d31d', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }, this.loading && (index.h("div", { key: '66ac0c980f09f1aa0237c906517658c618efc36d', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '7b53b4ead46663e437c2d7d7eedcccd65f2122db', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '16cda705df713167e678e3427c584450268eac72', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return index.getElement(this); }

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

@@ -30,16 +30,16 @@ const ZonosCard = class {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (index.h(index.Host, { key: '28c01fb7c6cb96ddeae955f2dd8a7820a921f84a', style: {
+        return (index.h(index.Host, { key: 'd1a2b02f3d33492fc76bd88cf92e68bf1603cbd0', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '6b23cbc03edf841f8243d766083265f9da9a207a', class: classes.classes(['styled-card']), style: {
+            } }, index.h("div", { key: '0c9acee7938dc95d1f6267dff6fa399bd8a65b95', class: classes.classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (index.h("header", { key: '1b5d4007d73c1351bd92c8d39ccc3db37718dfdf', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '0fcbf910bd3ff5b37e35ca57202f2aded644c21f', type: "subheader" }, this.label), index.h("h-stack", { key: '64104e8d79e35adc420a6fa57204d70e8d84606d', spacing: 8 }, this.actions))), index.h("slot", { key: '64e7072f30efb2c60ac754512a03648125e1388c' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: '7ab89016f8dbb8f5af65b28e2095163e8f908c86', class: "card-footer", style: {
+            } }, this.label && (index.h("header", { key: '2559a7fd78c4c4a97ce466e0eefbc4db8409c97f', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '287e0e64461cb5206a653711346fd8eb62524a00', type: "subheader" }, this.label), index.h("h-stack", { key: '9ac80b9c555a93232bbcdd0e1769a4b78ded2fa8', spacing: 8 }, this.actions))), index.h("slot", { key: '3342bd7f5d2af58740c49d353f311ce1c4101f13' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: 'dee65ea527dfac5821ece452426e2d33f127e356', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, index.h("div", { key: 'd04e37cf5af9dd0e560f687837e0f2a56bd120ed' }, this.footerContent), index.h("h-stack", { key: '234c78bb23f4124809c86df4c78fb4f5f6832884', spacing: 8 }, this.footerActions))))));
+            } }, index.h("div", { key: '13a23726ada09eb39783ea261b760cbe83587f5b' }, this.footerContent), index.h("h-stack", { key: '1389bcbce376431f3008669e9f55a69b0a177d85', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;