@zonos/elements 1.3.87 → 1.3.89

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-120d68f9.js');
-const paypal = require('./paypal-875cfaf1.js');
+const cart = require('./cart-e15290ab.js');
+const paypal = require('./paypal-47b71e3b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const createCustomEvent = require('./createCustomEvent-ed9156dc.js');
+const createCustomEvent = require('./createCustomEvent-3da45800.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const classes = require('./classes-b7918f56.js');
@@ -438,9 +438,7 @@ const ZonosCheckout = class {
         const legacyShippingInfo = {
             country: 
             // fallback to selected country code if country is not provided
-            urlParams.get('country') ||
-                cart.localizationStore.selectedCountryCode ||
-                cart.DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT,
+            urlParams.get('country') || cart.localizationStore.selectedCountryCode,
             customerAddress1: urlParams.get('customerAddress1'),
             customerAddress2: urlParams.get('customerAddress2'),
             customerCity: urlParams.get('customerCity'),

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-120d68f9.js');
+const cart = require('./cart-e15290ab.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 require('./isDarkColor-5efc8367.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-120d68f9.js');
+const cart = require('./cart-e15290ab.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-45e76490.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-120d68f9.js');
+const cart = require('./cart-e15290ab.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-120d68f9.js');
+const cart = require('./cart-e15290ab.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-120d68f9.js');
+const cart = require('./cart-e15290ab.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-120d68f9.js');
+const cart = require('./cart-e15290ab.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-45e76490.js');

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-120d68f9.js');
+const cart = require('./cart-e15290ab.js');
 const handleFetch = require('./handleFetch-45e76490.js');
-const paypal = require('./paypal-875cfaf1.js');
+const paypal = require('./paypal-47b71e3b.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -1,6 +1,7 @@
 import { getAssetPath, h, Host } from "@stencil/core";
 import { cartStore } from "../../../store/checkout/cart";
 import { translate } from "../../../store/translationStore";
+import { cleanHtmlMarkdown } from "../../../utils/cleanHtmlMarkdown";
 import { currencyFormat } from "../../../utils/hello/currencyConversion/currencyFormat";
 export class ZonosCartItems {
     constructor() {
@@ -11,15 +12,14 @@ export class ZonosCartItems {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const rate = ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '7bdf8d1972edb2d11669441b3d8ec6643fca1f4b', class: "zonos--cart-items zonos--elements" }, h("table", { key: '1c2fe6d444ea93e40b981a8935d16192bf61928c', class: "zonos--cart-table" }, h("tbody", { key: '84279bea6821077bf117a7a13ca497155276c622' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: '5bb1ea08c13ffd9521ed1ef3934a0e02bdce3317', class: "zonos--cart-items zonos--elements" }, h("table", { key: '54c1dcf71a22e9fa1108350c272ee5267832f2e3', class: "zonos--cart-table" }, h("tbody", { key: 'f1c426a5cf7db0b4198a25bfb9cb99a2d67908ab' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
-            // Split the name by <br> tag
-            const namesWithNewLine = item.name.split(/<br\s*\/*>/);
+            const cleanedItemNames = cleanHtmlMarkdown(item.name);
             return (h("tr", { class: "zonos--cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {
                     this.errorImages = [...this.errorImages, itemImg];
                 }, src: item.imageUrl, style: {
                     'min-width': '40px',
-                }, width: 40 })) : (h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("div", null, namesWithNewLine.map(name => (h("zonos-text", { type: "label" }, name)))), h("zonos-text", { textColor: "gray-600", type: "caption" }, translate('Quantity'), ": ", item.quantity)), h("td", { class: "zonos--column zonos--cart-item-price" }, h("zonos-text", { type: "semiBoldLabel", weight: 600 }, currencyFormat({
+                }, width: 40 })) : (h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("div", null, cleanedItemNames.map(name => (h("zonos-text", { type: "label" }, name)))), h("zonos-text", { textColor: "gray-600", type: "caption" }, translate('Quantity'), ": ", item.quantity)), h("td", { class: "zonos--column zonos--cart-item-price" }, h("zonos-text", { type: "semiBoldLabel", weight: 600 }, currencyFormat({
                 amount: item.amount * rate * item.quantity,
                 currency: cartStore.currency,
             })))));

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

@@ -93,13 +93,29 @@ export class ZonosCheckoutFinish {
         };
         // TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
         this.getPullOrder = async (attempts = 0) => {
+            var _a, _b, _c;
             const { baseUrl, order } = await this.pullOrder();
-            if (order) {
+            const legacyOrderNumberExist = !!((_c = (_b = (_a = this.order) === null || _a === void 0 ? void 0 : _a.references) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _c === void 0 ? void 0 : _c.value);
+            // legacy customers are still using the old order number so we need to wait for legacy order number to attach to dgs order before redirecting
+            if ((order && attempts >= 5) || legacyOrderNumberExist) {
+                if (!legacyOrderNumberExist) {
+                    const checkoutSessionId = cartStore.checkoutSessionId;
+                    void sendErrorLog({
+                        endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order === null || order === void 0 ? void 0 : order.id}`,
+                        errors: [`Order found but legacy order number doesn’t exist`],
+                        metadata: {
+                            checkoutSessionId: cartStore.checkoutSessionId || '',
+                            domain: window.location.hostname,
+                            orderId: (order === null || order === void 0 ? void 0 : order.id) || '',
+                            storeId: zonosStore.storeId,
+                        },
+                    });
+                }
                 void trackConversionEvent('checkout_orderCompleted');
                 this.order = order;
                 this.handleSuccessBehavior();
             }
-            else if (!order && attempts < 5) {
+            else if ((!order || !legacyOrderNumberExist) && attempts < 5) {
                 // Wait for 1 second before the next attempt
                 await new Promise(resolve => setTimeout(resolve, 1000));
                 await this.getPullOrder(attempts + 1);
@@ -235,11 +251,11 @@ export class ZonosCheckoutFinish {
         var _a, _b;
         const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) || getGraphQlShortId((_b = this.order) === null || _b === void 0 ? void 0 : _b.id);
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '9939772d4ce4213978ae6b02b4cd5345d15dbdfd', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '3c6c69c59622b7b2731f9bc6eb1cc8a7f3491572', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: '491d4d0ba3dc487d448606009a30a5ce8d3bb86e', class: "loading-wrapper" }, h("zonos-spinner", { key: '3179aeb472d3e70628d3f1e3e2b76ed3d622145d' }))), !this.isLoading && (h("div", { key: '6044c9d1ac7599d9168f944dcf82028669fd1f37', class: "zonos--finish-details" }, h("div", { key: 'd22ec981a73db08e4871c8babe29f9a09a5bc29d', 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: 'bfef33fd319456253e07c3ef3f81da1b85414df9', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: 'f056c93644d1f9defa263f59111874f154293b51', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: '69d38c4640943a5cfdcef5ea6951ddec9c7b8a84', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: 'fbb2d1cc0baab99a3312f2077c28cb9d51b4eb44', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: '7b63fd838f850ce6a5acf4970fa66657ca05e235', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '85035826e36d52ccf8c77aa6ba6e27173fccdaa6', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'd3848fdbdf1380dce49fcbc2b2903d99ce65247d', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (h("div", { key: '45ce0e608dca725237abc09295656c8b6471d26c', class: "loading-wrapper" }, h("zonos-spinner", { key: 'fd1a193d34ecf41af9bb6eff082c192c6a8d46db' }))), !this.isLoading && (h("div", { key: '64f652a419330967f13b9d01a172fcc52f6dfd5b', class: "zonos--finish-details" }, h("div", { key: '945cb9e55b418de79921c1995604572e6e009459', 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: '241bd7034c5ab5e83e4cedd526a181120a743ad0', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '959595c1be3f65aa6cd2e00e4398c5bb4df702b6', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'a23dce69391c3abf49eb512e715af454c971977e', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: 'ce87734e2d46e8a044bc0ded7a6ed6a4a705685d', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'a46cee8819c83fb76a54dbe049ee2452b7fc150a', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '514fdff77f5aff9f4b9657a0579ab843833af7b0', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '59630cf7504c1ef9d24854d041b063bbfdc3a1a4', 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

@@ -2,7 +2,7 @@ import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore, cartStoreClearCheckoutInterval, cartStoreNextStep, cartStoreReset, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
 import { paypalInitScript } from "../../store/checkout/paypal";
 import { initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreHandleInventoryCheck, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, } from "../../store/checkout/stripe";
-import { DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT, localizationStore, localizationStoreOnUpdate, } from "../../store/hello/localization";
+import { localizationStore, localizationStoreOnUpdate, } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, } from "../../store/zonosStore";
 import { buildCartItemsByTempCart } from "../../utils/api/buildCartItemsByTempCart";
@@ -284,9 +284,7 @@ export class ZonosCheckout {
         const legacyShippingInfo = {
             country: 
             // fallback to selected country code if country is not provided
-            urlParams.get('country') ||
-                localizationStore.selectedCountryCode ||
-                DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT,
+            urlParams.get('country') || localizationStore.selectedCountryCode,
             customerAddress1: urlParams.get('customerAddress1'),
             customerAddress2: urlParams.get('customerAddress2'),
             customerCity: urlParams.get('customerCity'),

package/dist/collection/components/store/checkout/stripe.js

@@ -1,6 +1,6 @@
 import { createStore } from "@stencil/store";
 import { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStorePreviousStep, cartStoreResetCartItems, cartStoreSetCheckoutSession, cartStoreUpdateSelectedShippingOption, } from "./cart";
-import { DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT, localizationStore, } from "../hello/localization";
+import { localizationStore } from "../hello/localization";
 import { translate } from "../translationStore";
 import { zonosStore } from "../zonosStore";
 import { calculateLandedCostNormalized } from "../../utils/api/calculateLandedCostNormaliz";
@@ -423,8 +423,7 @@ const stripeStoreInitCheckoutSession = async () => {
             currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
             itemsAmount: total,
             metadata: [{ key: 'language', value: localizationStore.selectedLocale }],
-            presentmentCountryCode: localizationStore.selectedCountryCode ||
-                DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT,
+            presentmentCountryCode: localizationStore.selectedCountryCode,
         },
         method: 'POST',
     });

package/dist/collection/components/store/hello/localization.js

@@ -15,10 +15,6 @@ import { getCurrencyCode } from "../../utils/hello/currencyConversion/getCurrenc
 import { setZCountryUrlParam } from "../../utils/hello/setZCountryUrlParam";
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
-/**
- * CHORE: This is mostly for legacy checkout as the country param is not guaranteed.
- */
-export const DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT = 'CA';
 const { dispose: localizationDispose, onChange: localizationStoreOnUpdate, state: localizationStore, } = createStore({
     countryLandedCost: null,
     customMessages: [],
@@ -46,6 +42,18 @@ const triggerGetExchangeRate = async (isGuaranteed) => {
     }
     return { maxAge };
 };
+/**
+ * CHORE: This is mostly for legacy checkout as the country param is not guaranteed.
+ */
+const DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT = 'CA';
+export const getFallbackDefaultCountryCode = (allowedCountries) => {
+    if (localizationStore.selectedCountryCode &&
+        allowedCountries.includes(localizationStore.selectedCountryCode)) {
+        return localizationStore.selectedCountryCode;
+    }
+    // Don't check if it is allowed. If it is not allowed it will fallback to Albania (first option).
+    return DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT;
+};
 // This recursive function is for users who step away from their computer and come back needing a new exchange rate
 const startExchangeRateTimeout = ({ isGuaranteed, maxAge, }) => {
     if (localizationStore.exchangeRateTimeout) {
@@ -194,6 +202,7 @@ const initLocalizationStore = async () => {
     // Initialize the country list for the hello widget
     initHelloCountryList(allCountries || {});
     const { country, locale } = localization;
+    log(`Country code from localization: ${country}`);
     // update selected country code in store
     localizationStoreUpdateSelectedCountryCode(country);
     // use locale from params if it exists, otherwise use locale from localization

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

@@ -1,7 +1,8 @@
 import { h, Host, } from "@stencil/core";
 import { stripeStore } from "../../store/checkout/stripe";
-import { DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT, localizationStore, } from "../../store/hello/localization";
+import { getFallbackDefaultCountryCode, localizationStore, } from "../../store/hello/localization";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
+import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 /**
  * This component is a wrapper for the stripe address element that would render default style object
@@ -63,16 +64,18 @@ export class ZonosAddress {
         const shippingZone = shippableCountries
             ? Object.values(shippableCountries).map(country => country.code)
             : [];
+        const allowedCountries = this.type === 'shipping' ? shippingZone : [];
+        const defaultAddressCountry = (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country) ||
+            getFallbackDefaultCountryCode(allowedCountries);
+        log(`Stripe country code: ${defaultAddressCountry}`, 'info');
         const addressElement = stripeElements.create('address', {
-            allowedCountries: this.type === 'shipping' ? shippingZone : [],
+            allowedCountries,
             // only show the default address if stripeAddressEventData is not provided
             contacts: this.defaultAddress && !stripeAddressEventData
                 ? [this.defaultAddress]
                 : [],
             defaultValues: {
-                address: Object.assign(Object.assign({}, stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address), { country: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country) ||
-                        localizationStore.selectedCountryCode ||
-                        DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT }),
+                address: Object.assign(Object.assign({}, stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address), { country: defaultAddressCountry }),
                 firstName: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.firstName,
                 lastName: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.lastName,
                 phone: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.phone,
@@ -135,7 +138,7 @@ export class ZonosAddress {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'aa9a569b302099681082cd4219b553f9c70842ea', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '60050e9f8f0b80dde9acc9ffbd868333fdabf2b3', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '5af7ee4f23d75fc877cdde7babe0edaefef14da8', class: "zonos--address-component" })));
+        return (h(Host, { key: '15074e6cf5021e2d583838eb866f92cb8dad0c1e', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '4203a4dffc101ba0667e975ff2ebe6125e023509', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '66add8724cb61193252e44b7a8179fbabc34d3d2', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/cleanHtmlMarkdown.js

@@ -0,0 +1,28 @@
+import TurndownService from "turndown";
+const turndownService = new TurndownService();
+/**
+ * Converts an HTML string to Markdown format, strips unnecessary Markdown tags,
+ * and returns an array of cleaned Markdown text blocks..
+ *
+ * This utility function is useful for transforming HTML into Markdown and cleaning
+ * it by removing extra or unwanted Markdown elements, resulting in an array of
+ * plain Markdown text segments.
+ *
+ * @param {string} htmlString - The input HTML string to be converted and cleaned.
+ *
+ * @example
+ * const htmlInput = "<h1>Hello World</h1><p>This is a paragraph.</p>";
+ * const result = cleanHtmlMarkdown(htmlInput);
+ * console.log(result); // Outputs cleaned HTML after conversion and processing
+ */
+export const cleanHtmlMarkdown = (htmlString) => {
+    const mdString = turndownService.turndown(htmlString);
+    const sanitizedMdString = 
+    // remove header tags
+    mdString.replace(/^\#+\s+/gm, '').trim();
+    if (!sanitizedMdString) {
+        return [];
+    }
+    const mdBlocks = sanitizedMdString.split(/[\n\r]+/gm);
+    return mdBlocks;
+};

package/dist/esm/{cart-9f1caabf.js → cart-08c2a740.js}

@@ -8397,10 +8397,6 @@ const setZCountryUrlParam = (selectedCountryCode) => {
     }
 };
 
-/**
- * CHORE: This is mostly for legacy checkout as the country param is not guaranteed.
- */
-const DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT = 'CA';
 const { dispose: localizationDispose, onChange: localizationStoreOnUpdate, state: localizationStore, } = createStore({
     countryLandedCost: null,
     customMessages: [],
@@ -8428,6 +8424,18 @@ const triggerGetExchangeRate = async (isGuaranteed) => {
     }
     return { maxAge };
 };
+/**
+ * CHORE: This is mostly for legacy checkout as the country param is not guaranteed.
+ */
+const DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT = 'CA';
+const getFallbackDefaultCountryCode = (allowedCountries) => {
+    if (localizationStore.selectedCountryCode &&
+        allowedCountries.includes(localizationStore.selectedCountryCode)) {
+        return localizationStore.selectedCountryCode;
+    }
+    // Don't check if it is allowed. If it is not allowed it will fallback to Albania (first option).
+    return DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT;
+};
 // This recursive function is for users who step away from their computer and come back needing a new exchange rate
 const startExchangeRateTimeout = ({ isGuaranteed, maxAge, }) => {
     if (localizationStore.exchangeRateTimeout) {
@@ -8576,6 +8584,7 @@ const initLocalizationStore = async () => {
     // Initialize the country list for the hello widget
     initHelloCountryList(allCountries || {});
     const { country, locale } = localization;
+    log(`Country code from localization: ${country}`);
     // update selected country code in store
     localizationStoreUpdateSelectedCountryCode(country);
     // use locale from params if it exists, otherwise use locale from localization
@@ -9475,8 +9484,7 @@ const stripeStoreInitCheckoutSession = async () => {
             currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
             itemsAmount: total,
             metadata: [{ key: 'language', value: localizationStore.selectedLocale }],
-            presentmentCountryCode: localizationStore.selectedCountryCode ||
-                DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT,
+            presentmentCountryCode: localizationStore.selectedCountryCode,
         },
         method: 'POST',
     });
@@ -10015,4 +10023,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { setZCountryUrlParam as A, currencyDisplay as B, currencyConvertAndFormat as C, DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT as D, currencyConvert as E, currencyFormat as F, cartStoreHasOneEligibleItem as G, stripeStoreApplyPromoCode as H, stripeStoreRemovePromoCode as I, stripeStoreRetrievePayment as J, stripeStoreMessageBasedOnStatus as K, stripeStoreResetPromoCode as L, stripeStoreTranslateAddressToLatin as M, cartStoreUpdateSelectedShippingOption as N, cartStoreGetShippingTransitInfo as O, sortServiceLevelOptionsByAmount as P, localizationStoreUpdateSelectedLocale as Q, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreStartCheckoutInterval as m, cartStoreUpdateToErrorState as n, cartStoreSetCheckoutSession as o, stripeStorePrefetchLandedCost as p, cartStoreNextStep as q, stripeStoreHandleInventoryCheck as r, stripeStoreGetDomesticShippingSession as s, translate as t, stripeStoreConfirmPayment as u, stripeStoreReset as v, localizationStoreOnUpdate as w, isValidSelector as x, initLocalizationStore as y, getZCountryUrlParam as z };
+export { setZCountryUrlParam as A, currencyDisplay as B, currencyConvertAndFormat as C, currencyConvert as D, currencyFormat as E, cartStoreHasOneEligibleItem as F, stripeStoreApplyPromoCode as G, stripeStoreRemovePromoCode as H, stripeStoreRetrievePayment as I, stripeStoreMessageBasedOnStatus as J, stripeStoreResetPromoCode as K, stripeStoreTranslateAddressToLatin as L, cartStoreUpdateSelectedShippingOption as M, cartStoreGetShippingTransitInfo as N, sortServiceLevelOptionsByAmount as O, getFallbackDefaultCountryCode as P, localizationStoreUpdateSelectedLocale as Q, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreStartCheckoutInterval as m, cartStoreUpdateToErrorState as n, cartStoreSetCheckoutSession as o, stripeStorePrefetchLandedCost as p, cartStoreNextStep as q, stripeStoreHandleInventoryCheck as r, stripeStoreGetDomesticShippingSession as s, translate as t, stripeStoreConfirmPayment as u, stripeStoreReset as v, localizationStoreOnUpdate as w, isValidSelector as x, initLocalizationStore as y, getZCountryUrlParam as z };

package/dist/esm/{createCustomEvent-464c49c0.js → createCustomEvent-a8a9fe09.js}

@@ -1,4 +1,4 @@
-import { d as cartStore, l as localizationStore } from './cart-9f1caabf.js';
+import { d as cartStore, l as localizationStore } from './cart-08c2a740.js';
 import { z as zonosStore } from './zonosStore-0dc7a947.js';
 import { h as handleFetch } from './handleFetch-0133265e.js';
 

package/dist/esm/index.js

@@ -94,7 +94,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.87.js.zonos.com";
+    const cdnUrl = "https://v1.3.89.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.') ||
@@ -278,10 +278,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.87.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.87";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.87";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.87";
+const ZONOS_URL = "https://v1.3.89.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.89";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.89";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.89";
 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(.*)$/;
@@ -296,7 +296,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1728918962245";
+Zonos.releaseDate = "1728924518080";
 Zonos.isLegacyCheckout = false;
 /**
  * By default, the package will load from npm
@@ -304,7 +304,7 @@ Zonos.isLegacyCheckout = false;
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.87"}`;
+Zonos.version = `v${"1.3.89"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-fb449438.js → paypal-4a21792c.js}

@@ -1,5 +1,5 @@
 import { z as zonosStore, c as createStore } from './zonosStore-0dc7a947.js';
-import { d as cartStore, r as stripeStoreHandleInventoryCheck, t as translate, q as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-9f1caabf.js';
+import { d as cartStore, r as stripeStoreHandleInventoryCheck, t as translate, q as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-08c2a740.js';
 import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-0133265e.js';
 import { t as tinycolor } from './isDarkColor-b3afa948.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { j as stripeStore, l as localizationStore, D as DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT, t as translate } from './cart-9f1caabf.js';
+import { j as stripeStore, P as getFallbackDefaultCountryCode, l as localizationStore, t as translate } from './cart-08c2a740.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { a as logError } from './handleFetch-0133265e.js';
+import { a as logError, l as log } from './handleFetch-0133265e.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
@@ -71,16 +71,18 @@ const ZonosAddress = class {
         const shippingZone = shippableCountries
             ? Object.values(shippableCountries).map(country => country.code)
             : [];
+        const allowedCountries = this.type === 'shipping' ? shippingZone : [];
+        const defaultAddressCountry = (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country) ||
+            getFallbackDefaultCountryCode(allowedCountries);
+        log(`Stripe country code: ${defaultAddressCountry}`, 'info');
         const addressElement = stripeElements.create('address', {
-            allowedCountries: this.type === 'shipping' ? shippingZone : [],
+            allowedCountries,
             // only show the default address if stripeAddressEventData is not provided
             contacts: this.defaultAddress && !stripeAddressEventData
                 ? [this.defaultAddress]
                 : [],
             defaultValues: {
-                address: Object.assign(Object.assign({}, stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address), { country: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country) ||
-                        localizationStore.selectedCountryCode ||
-                        DEFAULT_COUNTRY_CODE_LEGACY_CHECKOUT }),
+                address: Object.assign(Object.assign({}, stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address), { country: defaultAddressCountry }),
                 firstName: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.firstName,
                 lastName: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.lastName,
                 phone: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.phone,
@@ -143,7 +145,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 (h(Host, { key: 'aa9a569b302099681082cd4219b553f9c70842ea', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '60050e9f8f0b80dde9acc9ffbd868333fdabf2b3', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '5af7ee4f23d75fc877cdde7babe0edaefef14da8', class: "zonos--address-component" })));
+        return (h(Host, { key: '15074e6cf5021e2d583838eb866f92cb8dad0c1e', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '4203a4dffc101ba0667e975ff2ebe6125e023509', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '66add8724cb61193252e44b7a8179fbabc34d3d2', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {