@zonos/elements 1.3.127 → 1.3.129

package/dist/cjs/{CheckoutConfig-8e3cdcb3.js → CheckoutConfig-62479cef.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const handleFetch = require('./handleFetch-fa0ce321.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
 
 const getTempCartById = async ({ cartId, retries, }) => {
     const urlParams = new URLSearchParams(window.location.search);

package/dist/cjs/{cart-3bdaf092.js → cart-ba8cca00.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-e12d459c.js');
-const handleFetch = require('./handleFetch-fa0ce321.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
 const getBorderRadius = require('./getBorderRadius-61ed5601.js');
 
@@ -9210,6 +9210,7 @@ const getTranslatedAddress = ({ currentAddress, translatedAddress, }) => {
  */
 const prepCartCalculateLandedCost = (cartId) => {
     var _a;
+    const isE2ETest = new URLSearchParams(window.location.search).get('zonosE2ETest') === '1';
     // maybe we don't need email now for prefetch the landed cost
     const stripeLinkData = stripeStore.stripeLinkEventData;
     const stripeAddressData = stripeStore.stripeAddressEventData;
@@ -9260,6 +9261,7 @@ const prepCartCalculateLandedCost = (cartId) => {
             lastName: shippingLastName,
             phone: translatedShippingAddress.phone,
         },
+        isTest: !!isE2ETest,
         landedCostAdjustments: cartStore.promoCode
             ? [
                 {
@@ -9282,6 +9284,7 @@ const prepCartCalculateLandedCost = (cartId) => {
     };
 };
 const prepCalculateLandedCost = () => {
+    const isE2ETest = new URLSearchParams(window.location.search).get('zonosE2ETest') === '1';
     // maybe we don't need email now for prefetch the landed cost
     const stripeLinkData = stripeStore.stripeLinkEventData;
     const stripeAddressData = stripeStore.stripeAddressEventData;
@@ -9342,6 +9345,7 @@ const prepCalculateLandedCost = () => {
             lastName: shippingLastName,
             phone: translatedShippingAddress.phone,
         },
+        isTest: isE2ETest,
         items: cartStore.items,
         landedCostAdjustments: adjustments,
         shippingAddress: {
@@ -9860,6 +9864,7 @@ const stripeCalculateLandedCost = async () => {
 };
 const stripeStorePrefetchLandedCost = async (params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
+    const retries = (params === null || params === void 0 ? void 0 : params.retries) || 0;
     const applyingPromocode = !!(params === null || params === void 0 ? void 0 : params.applyingPromocode);
     const stripeAddressReady = !!((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeLinkReady = !!((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.complete);
@@ -9879,7 +9884,16 @@ const stripeStorePrefetchLandedCost = async (params) => {
         !stripeBillingAddressReady) {
         return;
     }
-    stripeStore.isFetchingLandedCost = true;
+    // If there is retries, stop loading for a moment and then showing the spinner again (this is just so customer can see that checkout is doing something and not stuck)
+    if (retries) {
+        stripeStore.isFetchingLandedCost = false;
+        setTimeout(() => {
+            stripeStore.isFetchingLandedCost = true;
+        }, 300);
+    }
+    else {
+        stripeStore.isFetchingLandedCost = true;
+    }
     if (stripeStore.stripeAddressEventData) {
         stripeStore.stripeAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeAddressEventData);
     }
@@ -9918,9 +9932,14 @@ const stripeStorePrefetchLandedCost = async (params) => {
         if (err instanceof Error &&
             err.message &&
             !excludeErrors.includes(err.message)) {
+            if (retries < 1) {
+                // retry fetching landed cost one more time
+                await stripeStorePrefetchLandedCost(Object.assign(Object.assign({}, params), { retries: (retries || 0) + 1 }));
+                return;
+            }
             const shipToAddress = (_h = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _h === void 0 ? void 0 : _h.value;
             void handleFetch.sendErrorLog({
-                endpoint: 'Failed to fetch landed cost',
+                endpoint: `Failed to fetch landed cost (${retries} retries)`,
                 errors: [err.message],
                 metadata: {
                     cartId: window.Zonos.cartId,

package/dist/cjs/{handleFetch-fa0ce321.js → handleFetch-a8dfb07c.js}

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

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const handleFetch = require('./handleFetch-fa0ce321.js');
-const CheckoutConfig = require('./CheckoutConfig-8e3cdcb3.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
+const CheckoutConfig = require('./CheckoutConfig-62479cef.js');
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -97,7 +97,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.127.js.zonos.com";
+    const cdnUrl = "https://v1.3.129.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.') ||
@@ -281,10 +281,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.127.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.127";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.127";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.127";
+const ZONOS_URL = "https://v1.3.129.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.129";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.129";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.129";
 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(.*)$/;
@@ -299,8 +299,14 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1731357811312";
+Zonos.releaseDate = "1731519234165";
 Zonos.isLegacyCheckout = false;
+Zonos.domain = typeof window !== 'undefined'
+    ? // domain that embeds the iframe
+        (window.location != window.parent.location && document.referrer) ||
+            // current domain
+            document.location.hostname
+    : '';
 Zonos.showBaseForeign = typeof window !== 'undefined' &&
     window.location.search.includes('zonosShowBaseForeign');
 /**
@@ -309,7 +315,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.127"}`;
+Zonos.version = `v${"1.3.129"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-2f48ab8d.js → paypal-441c3f79.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-e12d459c.js');
-const cart = require('./cart-3bdaf092.js');
-const handleFetch = require('./handleFetch-fa0ce321.js');
+const cart = require('./cart-ba8cca00.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
 
 /*!

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-3bdaf092.js');
+const cart = require('./cart-ba8cca00.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-fa0ce321.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');

package/dist/cjs/zonos-cart-items_13.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-3bdaf092.js');
+const cart = require('./cart-ba8cca00.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-2f48ab8d.js');
+const paypal = require('./paypal-441c3f79.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const createCustomEvent = require('./createCustomEvent-3e982e57.js');
 const getBorderRadius = require('./getBorderRadius-61ed5601.js');
-const handleFetch = require('./handleFetch-fa0ce321.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
@@ -1389,7 +1389,6 @@ const ZonosCheckoutFinish = class {
                         metadata: {
                             allLogs: handleFetch.allLogs,
                             checkoutSessionId: cart.cartStore.checkoutSessionId || '',
-                            domain: window.location.hostname,
                             orderId: order.id,
                             storeId: zonosStore.zonosStore.storeId,
                         },
@@ -1404,7 +1403,6 @@ const ZonosCheckoutFinish = class {
                         metadata: {
                             allLogs: handleFetch.allLogs,
                             checkoutSessionId: cart.cartStore.checkoutSessionId || '',
-                            domain: window.location.hostname,
                             orderId: order.id,
                             storeId: zonosStore.zonosStore.storeId,
                         },
@@ -1424,7 +1422,6 @@ const ZonosCheckoutFinish = class {
                     metadata: {
                         allLogs: handleFetch.allLogs,
                         checkoutSessionId: cart.cartStore.checkoutSessionId || '',
-                        domain: window.location.hostname,
                         storeId: zonosStore.zonosStore.storeId,
                     },
                 });
@@ -1566,12 +1563,12 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = createCustomEvent.getIsTestMode();
-        return (index.h(index.Host, { key: 'e9e088880a1b13f821dfdb7804b2e27efae5298c', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '09ad6462aeafdfa1be8b0f0e34159aa74934b85c', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'a1ec6900c645aedfd4f4662fa5251b5b9adebadf', class: "zonos--finish-details" }, index.h("div", { key: '6e08efc67a101ca4af34c67d853709d1f4f0f436', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '049e7cbaef783b113daaf449b842bb27e1cd9fd4', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '9ff5e5794bd0762341ef27cfca03bb52829c3463', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '0546063749a2b2c96762488e03507bfa31643b33', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: 'ef75fac530f2a3cf69ccd28c2d48f93771b8459e', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '5e8dd1c3e34c1e97b14e9f6225817005b79bd679', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '40c1c75fb3afae2c20ce8b018285f5cc21abbb96', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, !this.isLoading && (index.h("div", { key: '81df3ec5804d346938cd0052232446500805e5dd', class: "zonos--finish-details" }, index.h("div", { key: '49f0b91cd04f2f6e1291de3c542cec6ed1f3c0a9', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '398e803727b65d2dd7da40bb37e25702f69009d6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: '75ee45470ceca25057259916c76dd227f62b7276', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'cd792a9dd314e291d0957e0859e3b0e088cf1767', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: 'b54c583f058c23b2b5001179acac0c98780b1ded', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '2405f70c3143725d51d6f6a5e5a440350aeb9b80', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'c977d79e45170cce70695006de1274ef7cc39df4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-3bdaf092.js');
-const paypal = require('./paypal-2f48ab8d.js');
+const cart = require('./cart-ba8cca00.js');
+const paypal = require('./paypal-441c3f79.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
-const handleFetch = require('./handleFetch-fa0ce321.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
 const createCustomEvent = require('./createCustomEvent-3e982e57.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-61ed5601.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
 const styles = require('./styles-d1e64fb9.js');
-const CheckoutConfig = require('./CheckoutConfig-8e3cdcb3.js');
+const CheckoutConfig = require('./CheckoutConfig-62479cef.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**
@@ -155,7 +155,6 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
                         JSON.stringify(Object.entries(shippingAddress)),
                     ],
                     metadata: {
-                        domain: window.location.hostname,
                         storeId: zonosStore.zonosStore.storeId,
                     },
                 });
@@ -604,12 +603,12 @@ const ZonosCheckout = class {
         const postal_code = getParam('customerZip') || '';
         const state = getParam('customerState') || '';
         /**
-         * If one of the value is null, no need to preset the default address
+         * If one of the value is null, no need to preset the default address.
+         * City and state are optional (they are not always provided for example Puerto Rico)
          **/
-        if (!line1 || (!city && !state) || !name || !phone || !country) {
+        if (!line1 || !name || !phone || !country) {
             handleFetch.log('Missing required query params so it can not be prefilled', 'info', [
                 !line1 && 'line1',
-                !city && 'city',
                 !name && 'name',
                 !phone && 'phone',
                 !country && 'country',

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-3bdaf092.js');
+const cart = require('./cart-ba8cca00.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
-const handleFetch = require('./handleFetch-fa0ce321.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-3bdaf092.js');
+const cart = require('./cart-ba8cca00.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-fa0ce321.js');
+require('./handleFetch-a8dfb07c.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-3bdaf092.js');
+const cart = require('./cart-ba8cca00.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-d206c6fa.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-fa0ce321.js');
+require('./handleFetch-a8dfb07c.js');
 require('./getBorderRadius-61ed5601.js');
 
 /**

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-3bdaf092.js');
+const cart = require('./cart-ba8cca00.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./handleFetch-fa0ce321.js');
+require('./handleFetch-a8dfb07c.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
-const cart = require('./cart-3bdaf092.js');
+const cart = require('./cart-ba8cca00.js');
 const classes = require('./classes-b7918f56.js');
-const handleFetch = require('./handleFetch-fa0ce321.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-3bdaf092.js');
+const cart = require('./cart-ba8cca00.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-fa0ce321.js');
+require('./handleFetch-a8dfb07c.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 

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

@@ -6,9 +6,9 @@ const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-61ed5601.js');
-const cart = require('./cart-3bdaf092.js');
-const handleFetch = require('./handleFetch-fa0ce321.js');
-const paypal = require('./paypal-2f48ab8d.js');
+const cart = require('./cart-ba8cca00.js');
+const handleFetch = require('./handleFetch-a8dfb07c.js');
+const paypal = require('./paypal-441c3f79.js');
 require('./isDarkColor-d206c6fa.js');
 
 const zonosNotificationCss = ":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-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";

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

@@ -108,7 +108,7 @@ const textOptions = {
     },
 };
 
-const zonosTextCss = ":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{color:var(--zonos--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--zonos-elements-font-size-3xl)}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--zonos-elements-font-size-2xl)}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--zonos-elements-font-size-xl)}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--zonos-elements-font-size-l)}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--zonos--font-size-base, var(--zonos-elements-font-size-base))}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--zonos-elements-font-size-s)}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--zonos-elements-font-size-xs)}:host(.zonos--text-weight-900)>*,:host(.zonos--text-weight-900){font-weight:900}:host(.zonos--text-weight-700)>*,:host(.zonos--text-weight-700){font-weight:700}:host(.zonos--text-weight-600)>*,:host(.zonos--text-weight-600){font-weight:600}:host(.zonos--text-weight-500)>*,:host(.zonos--text-weight-500){font-weight:500}:host(.zonos--text-weight-400)>*,:host(.zonos--text-weight-400){font-weight:400}";
+const zonosTextCss = ":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{color:var(--zonos--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--zonos--font-size-3xl, var(--zonos-elements-font-size-3xl))}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--zonos--font-size-2xl, var(--zonos-elements-font-size-2xl))}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--zonos--font-size-xl, var(--zonos-elements-font-size-xl))}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--zonos--font-size-l, var(--zonos-elements-font-size-l))}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--zonos--font-size-base, var(--zonos-elements-font-size-base))}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--zonos--font-size-s, var(--zonos-elements-font-size-s))}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--zonos--font-size-xs, var(--zonos-elements-font-size-xs))}:host(.zonos--text-weight-900)>*,:host(.zonos--text-weight-900){font-weight:900}:host(.zonos--text-weight-700)>*,:host(.zonos--text-weight-700){font-weight:700}:host(.zonos--text-weight-600)>*,:host(.zonos--text-weight-600){font-weight:600}:host(.zonos--text-weight-500)>*,:host(.zonos--text-weight-500){font-weight:500}:host(.zonos--text-weight-400)>*,:host(.zonos--text-weight-400){font-weight:400}";
 const ZonosTextStyle0 = zonosTextCss;
 
 const ZonosText = class {
@@ -156,8 +156,26 @@ const ZonosText = class {
             ]), style: styles.styles({
                 '--zonos--color': actualTextColor,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-                '--zonos--font-size-base': zonosStore.zonosStore.appearance.fontSize
-                    ? `${zonosStore.zonosStore.appearance.fontSize}px`
+                '--zonos--font-size-2xl': zonosStore.zonosStore.appearance.fontSize2XL
+                    ? `${zonosStore.zonosStore.appearance.fontSize2XL}px`
+                    : undefined,
+                '--zonos--font-size-3xl': zonosStore.zonosStore.appearance.fontSize3XL
+                    ? `${zonosStore.zonosStore.appearance.fontSize3XL}px`
+                    : undefined,
+                '--zonos--font-size-base': zonosStore.zonosStore.appearance.fontSizeBase
+                    ? `${zonosStore.zonosStore.appearance.fontSizeBase}px`
+                    : undefined,
+                '--zonos--font-size-l': zonosStore.zonosStore.appearance.fontSizeL
+                    ? `${zonosStore.zonosStore.appearance.fontSizeL}px`
+                    : undefined,
+                '--zonos--font-size-s': zonosStore.zonosStore.appearance.fontSizeS
+                    ? `${zonosStore.zonosStore.appearance.fontSizeS}px`
+                    : undefined,
+                '--zonos--font-size-xl': zonosStore.zonosStore.appearance.fontSizeXL
+                    ? `${zonosStore.zonosStore.appearance.fontSizeXL}px`
+                    : undefined,
+                '--zonos--font-size-xs': zonosStore.zonosStore.appearance.fontSizeXS
+                    ? `${zonosStore.zonosStore.appearance.fontSizeXS}px`
                     : undefined,
             }) }, renderText()));
     }

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js

@@ -150,7 +150,6 @@ export class ZonosCheckoutFinish {
                         metadata: {
                             allLogs,
                             checkoutSessionId: cartStore.checkoutSessionId || '',
-                            domain: window.location.hostname,
                             orderId: order.id,
                             storeId: zonosStore.storeId,
                         },
@@ -165,7 +164,6 @@ export class ZonosCheckoutFinish {
                         metadata: {
                             allLogs,
                             checkoutSessionId: cartStore.checkoutSessionId || '',
-                            domain: window.location.hostname,
                             orderId: order.id,
                             storeId: zonosStore.storeId,
                         },
@@ -185,7 +183,6 @@ export class ZonosCheckoutFinish {
                     metadata: {
                         allLogs,
                         checkoutSessionId: cartStore.checkoutSessionId || '',
-                        domain: window.location.hostname,
                         storeId: zonosStore.storeId,
                     },
                 });
@@ -327,12 +324,12 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: 'e9e088880a1b13f821dfdb7804b2e27efae5298c', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '09ad6462aeafdfa1be8b0f0e34159aa74934b85c', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'a1ec6900c645aedfd4f4662fa5251b5b9adebadf', class: "zonos--finish-details" }, h("div", { key: '6e08efc67a101ca4af34c67d853709d1f4f0f436', 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: '049e7cbaef783b113daaf449b842bb27e1cd9fd4', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '9ff5e5794bd0762341ef27cfca03bb52829c3463', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '0546063749a2b2c96762488e03507bfa31643b33', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'ef75fac530f2a3cf69ccd28c2d48f93771b8459e', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '5e8dd1c3e34c1e97b14e9f6225817005b79bd679', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '40c1c75fb3afae2c20ce8b018285f5cc21abbb96', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, !this.isLoading && (h("div", { key: '81df3ec5804d346938cd0052232446500805e5dd', class: "zonos--finish-details" }, h("div", { key: '49f0b91cd04f2f6e1291de3c542cec6ed1f3c0a9', 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: '398e803727b65d2dd7da40bb37e25702f69009d6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '75ee45470ceca25057259916c76dd227f62b7276', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'cd792a9dd314e291d0957e0859e3b0e088cf1767', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'b54c583f058c23b2b5001179acac0c98780b1ded', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '2405f70c3143725d51d6f6a5e5a440350aeb9b80', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'c977d79e45170cce70695006de1274ef7cc39df4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get is() { return "zonos-checkout-finish"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -391,12 +391,12 @@ export class ZonosCheckout {
         const postal_code = getParam('customerZip') || '';
         const state = getParam('customerState') || '';
         /**
-         * If one of the value is null, no need to preset the default address
+         * If one of the value is null, no need to preset the default address.
+         * City and state are optional (they are not always provided for example Puerto Rico)
          **/
-        if (!line1 || (!city && !state) || !name || !phone || !country) {
+        if (!line1 || !name || !phone || !country) {
             log('Missing required query params so it can not be prefilled', 'info', [
                 !line1 && 'line1',
-                !city && 'city',
                 !name && 'name',
                 !phone && 'phone',
                 !country && 'country',
@@ -783,7 +783,7 @@ export class ZonosCheckout {
                 "mutable": false,
                 "complexType": {
                     "original": "Partial<AppearanceConfig>",
-                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
+                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize2XL?: number | undefined; fontSize3XL?: number | undefined; fontSizeBase?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; fontSizeL?: number | undefined; fontSizeS?: number | undefined; fontSizeXL?: number | undefined; fontSizeXS?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
                     "references": {
                         "Partial": {
                             "location": "global",

package/dist/collection/components/common/zonos-text/zonos-text.css

@@ -36,19 +36,19 @@
 }
 
 :host(.zonos--text-size-3xl) > *, :host(.zonos--text-size-3xl) {
-  font-size: var(--zonos-elements-font-size-3xl);
+  font-size: var(--zonos--font-size-3xl, var(--zonos-elements-font-size-3xl));
 }
 
 :host(.zonos--text-size-2xl) > *, :host(.zonos--text-size-2xl) {
-  font-size: var(--zonos-elements-font-size-2xl);
+  font-size: var(--zonos--font-size-2xl, var(--zonos-elements-font-size-2xl));
 }
 
 :host(.zonos--text-size-xl) > *, :host(.zonos--text-size-xl) {
-  font-size: var(--zonos-elements-font-size-xl);
+  font-size: var(--zonos--font-size-xl, var(--zonos-elements-font-size-xl));
 }
 
 :host(.zonos--text-size-l) > *, :host(.zonos--text-size-l) {
-  font-size: var(--zonos-elements-font-size-l);
+  font-size: var(--zonos--font-size-l, var(--zonos-elements-font-size-l));
 }
 
 :host(.zonos--text-size-base) > *, :host(.zonos--text-size-base) {
@@ -56,11 +56,11 @@
 }
 
 :host(.zonos--text-size-s) > *, :host(.zonos--text-size-s) {
-  font-size: var(--zonos-elements-font-size-s);
+  font-size: var(--zonos--font-size-s, var(--zonos-elements-font-size-s));
 }
 
 :host(.zonos--text-size-xs) > *, :host(.zonos--text-size-xs) {
-  font-size: var(--zonos-elements-font-size-xs);
+  font-size: var(--zonos--font-size-xs, var(--zonos-elements-font-size-xs));
 }
 
 :host(.zonos--text-weight-900) > *, :host(.zonos--text-weight-900) {

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

@@ -48,8 +48,26 @@ export class ZonosText {
             ]), style: styles({
                 '--zonos--color': actualTextColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
-                '--zonos--font-size-base': zonosStore.appearance.fontSize
-                    ? `${zonosStore.appearance.fontSize}px`
+                '--zonos--font-size-2xl': zonosStore.appearance.fontSize2XL
+                    ? `${zonosStore.appearance.fontSize2XL}px`
+                    : undefined,
+                '--zonos--font-size-3xl': zonosStore.appearance.fontSize3XL
+                    ? `${zonosStore.appearance.fontSize3XL}px`
+                    : undefined,
+                '--zonos--font-size-base': zonosStore.appearance.fontSizeBase
+                    ? `${zonosStore.appearance.fontSizeBase}px`
+                    : undefined,
+                '--zonos--font-size-l': zonosStore.appearance.fontSizeL
+                    ? `${zonosStore.appearance.fontSizeL}px`
+                    : undefined,
+                '--zonos--font-size-s': zonosStore.appearance.fontSizeS
+                    ? `${zonosStore.appearance.fontSizeS}px`
+                    : undefined,
+                '--zonos--font-size-xl': zonosStore.appearance.fontSizeXL
+                    ? `${zonosStore.appearance.fontSizeXL}px`
+                    : undefined,
+                '--zonos--font-size-xs': zonosStore.appearance.fontSizeXS
+                    ? `${zonosStore.appearance.fontSizeXS}px`
                     : undefined,
             }) }, renderText()));
     }

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

@@ -451,7 +451,7 @@ export class ZonosHello {
                 "mutable": false,
                 "complexType": {
                     "original": "Partial<AppearanceConfig>",
-                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
+                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize2XL?: number | undefined; fontSize3XL?: number | undefined; fontSizeBase?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; fontSizeL?: number | undefined; fontSizeS?: number | undefined; fontSizeXL?: number | undefined; fontSizeXS?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
                     "references": {
                         "Partial": {
                             "location": "global",

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

@@ -41,7 +41,7 @@ export class ZonosHelloDialogFooter {
                 "mutable": false,
                 "complexType": {
                     "original": "Partial<AppearanceConfig>",
-                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
+                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize2XL?: number | undefined; fontSize3XL?: number | undefined; fontSizeBase?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; fontSizeL?: number | undefined; fontSizeS?: number | undefined; fontSizeXL?: number | undefined; fontSizeXS?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
                     "references": {
                         "Partial": {
                             "location": "global",

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

@@ -348,7 +348,7 @@ export class ZonosHelloDialog {
                 "mutable": false,
                 "complexType": {
                     "original": "Partial<AppearanceConfig>",
-                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
+                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize2XL?: number | undefined; fontSize3XL?: number | undefined; fontSizeBase?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; fontSizeL?: number | undefined; fontSizeS?: number | undefined; fontSizeXL?: number | undefined; fontSizeXS?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
                     "references": {
                         "Partial": {
                             "location": "global",