@zonos/elements 1.3.74 → 1.3.76

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

@@ -109,7 +109,7 @@ export class ZonosController {
                     // Try to use new settings first for legacy stores
                     return (((_a = json === null || json === void 0 ? void 0 : json.appearanceSettings) === null || _a === void 0 ? void 0 : _a.logoUrl) || ((_b = this.config.appearance) === null || _b === void 0 ? void 0 : _b.logoUrl));
                 }
-                // Other wise respect override
+                // Otherwise respect override
                 return (_c = this.config.appearance) === null || _c === void 0 ? void 0 : _c.logoUrl;
             };
             // override subscription status
@@ -204,7 +204,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '88cac0dfe5118ae982acfec883927e7c5a6d5490', class: "zonos--elements" });
+        return h(Host, { key: 'c168f24dcc30dffd48c604f8888b093a7a3f1525', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -429,8 +429,8 @@ export class ZonosController {
                         },
                         "CountryCode": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::CountryCode"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::CountryCode"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -162,7 +162,7 @@ const cartStoreSetCheckoutSession = (checkoutSession) => {
         cartStore.externalConfirmationPageURL = externalConfirmationPageURL;
     }
 };
-const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, itemsAmount, landedCostId, }) => {
+const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency, itemsAmount, landedCostId, }) => {
     if (landedCostId && cartStore.selectedLandedCost) {
         // update cart total right away if we have landed cost id to avoid order total flickering
         const subtotals = cartStore.selectedLandedCost.subtotals;
@@ -175,7 +175,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
         return false;
     }
     const { errors, json } = await stripeStoreUpdateCheckoutSession({
-        adjustmentAmount,
+        adjustmentsAmount,
         cartId,
         currency,
         id: cartStore.checkoutSessionId,
@@ -229,7 +229,7 @@ const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption, lan
     cartStore.isSelectedShippingGuarantee = isGuarantee;
     // update session with selected landed cost
     const updateCalculateStatus = await cartStoreReCalculateTotal({
-        adjustmentAmount: cartStore.adjustmentTotal,
+        adjustmentsAmount: cartStore.adjustmentTotal,
         cartId: window.Zonos.cartId,
         landedCostId: (_e = selectedLandedCost.landedCost) === null || _e === void 0 ? void 0 : _e.id,
     });
@@ -288,7 +288,7 @@ const cartStoreUpdateItems = async ({ adjustments, cartItems, }) => {
     // set loading state here because this is the first load checkout session when we already have checkout session id stored
     stripeStore.isFetchingSession = true;
     await cartStoreReCalculateTotal({
-        adjustmentAmount: adjustmentTotal,
+        adjustmentsAmount: adjustmentTotal,
         cartId: window.Zonos.cartId,
         currency: currency,
         itemsAmount: total,

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

@@ -4,7 +4,7 @@ import { localizationStore } from "../hello/localization";
 import { translate } from "../translationStore";
 import { zonosStore } from "../zonosStore";
 import { calculateLandedCostNormalized } from "../../utils/api/calculateLandedCostNormaliz";
-import { buildTranslateRequestBody } from "../../utils/checkout/buildTranslateRequestBody";
+import { buildTranslateRequest } from "../../utils/checkout/buildTranslateRequest";
 import { handleFetch } from "../../utils/handleFetch";
 import { isDarkColor } from "../../utils/isDarkColor";
 import { jsonParse } from "../../utils/jsonParse";
@@ -361,7 +361,7 @@ const stripeStoreInitCheckoutSession = async () => {
     stripeStore.isFetchingSession = true;
     const { errors, json } = await handleFetch('/api/zonos-elements/create-checkout-session', {
         body: {
-            adjustmentAmount: cartStore.adjustments.reduce((prev, adj) => prev + adj.amount, 0),
+            adjustmentsAmount: cartStore.adjustments.reduce((prev, adj) => prev + adj.amount, 0),
             cartId: window.Zonos.cartId,
             currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
             itemsAmount: total,
@@ -372,7 +372,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
+        logError('Error occured when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;
@@ -387,12 +387,12 @@ const stripeStoreInitCheckoutSession = async () => {
 /**
  * Update checkout session. Use for updating amount with landed cost id, or update session when cart items change
  */
-const stripeStoreUpdateCheckoutSession = async ({ adjustmentAmount, cartId, currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
+const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
     // No need to set loading state here because this function will be called under the hood to update
     // landed cost id for the section.
     const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session', {
         body: {
-            adjustmentAmount,
+            adjustmentsAmount,
             cartId,
             currency,
             id,
@@ -471,7 +471,7 @@ const buildTranslatedAddress = ({ currentAddress, translatedAddressResult, }) =>
  */
 const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, }) => {
     var _a, _b, _c, _d;
-    const requestBody = buildTranslateRequestBody({
+    const requestBody = buildTranslateRequest({
         addressInvalidCharactersList,
         billingAddressInvalidCharactersList,
         stripeAddressEventData: stripeStore.stripeAddressEventData,

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

@@ -60,11 +60,17 @@ const getNewLocalization = async () => {
     var _a;
     log('get new localization store');
     const { isDisabledCountry, isShippableCountry, selectedCountryCode } = localizationStore;
-    localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
-    localizationStore.inclusivePricing =
-        ((_a = (await getInclusivePricing(selectedCountryCode))) === null || _a === void 0 ? void 0 : _a.setting) || null;
-    if (localizationStore.inclusivePricing) {
-        log(`Inclusive price setting found for this country (${selectedCountryCode}) ${JSON.stringify(localizationStore.inclusivePricing, null, 2)}`);
+    if (!window.Zonos.isLegacyCheckout) {
+        // These requests are only needed for Hello, so we can skip them for legacy checkout
+        localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
+        localizationStore.inclusivePricing =
+            ((_a = (await getInclusivePricing(selectedCountryCode))) === null || _a === void 0 ? void 0 : _a.setting) || null;
+        if (localizationStore.inclusivePricing) {
+            log(`Inclusive price setting found for this country (${selectedCountryCode}) ${JSON.stringify(localizationStore.inclusivePricing, null, 2)}`);
+        }
+    }
+    else {
+        log('Skipping country landed cost and inclusive pricing requests, because this is a legacy checkout');
     }
     if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
         !isShippableCountry ||

package/dist/collection/components/utils/api/prepCalculateLandedCost.js

@@ -10,7 +10,7 @@ const getTranslatedAddress = ({ currentAddress, translatedAddress, }) => {
         [currentAddress.value.firstName, currentAddress.value.lastName].join(' ');
     return {
         city: ((_a = translatedAddress.city) === null || _a === void 0 ? void 0 : _a[city]) || city,
-        country,
+        country: country,
         line1: ((_b = translatedAddress.line1) === null || _b === void 0 ? void 0 : _b[line1]) || line1,
         line2: ((_c = translatedAddress.line2) === null || _c === void 0 ? void 0 : _c[line2 || '']) || line2 || '',
         name: ((_d = translatedAddress.name) === null || _d === void 0 ? void 0 : _d[name]) || name,

package/dist/collection/components/utils/checkout/{buildTranslateRequestBody.js → buildTranslateRequest.js}

@@ -49,9 +49,9 @@ const getExcludeAddressFieldsObject = ({ address, invalidAdddressList, }) => {
  * @param {StripeAddressEventData} params.stripeBillingAddressEventData - The Stripe event data for the billing address.
  * @param {boolean} params.stripeShippingSameAsBilling - A flag indicating whether the shipping address is the same as the billing address.
  *
- * @returns {ValidateAddressRequestBody | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
+ * @returns {ValidateAddressRequest | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
  */
-export const buildTranslateRequestBody = ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }) => {
+export const buildTranslateRequest = ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }) => {
     var _a, _b, _c, _d;
     const isStripeAddressReady = !!(stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.complete);
     const isStripeBillingAddressReady = stripeShippingSameAsBilling

package/dist/collection/types/checkout/api/CheckoutSession.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/checkout/api/Paypal.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/checkout/api/ValidateAddress.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/generated/{graphql.customer.types.js → graphql.internal.types.js}

@@ -43,6 +43,10 @@ export const adjustmentRecordType = {
     CreditNote: 'CREDIT_NOTE',
     InvoiceLineRecord: 'INVOICE_LINE_RECORD',
 };
+export const adjustmentSource = {
+    ApiRequest: 'API_REQUEST',
+    PromoCode: 'PROMO_CODE',
+};
 export const adjustmentType = {
     Charge: 'CHARGE',
     Credit: 'CREDIT',
@@ -1764,6 +1768,10 @@ export const matchType = {
     NoMatch: 'NO_MATCH',
     PartialMatch: 'PARTIAL_MATCH',
 };
+export const merchantOfRecordType = {
+    Merchant: 'MERCHANT',
+    Zonos: 'ZONOS',
+};
 export const mode = {
     Live: 'LIVE',
     Test: 'TEST',

package/dist/collection/types/index.js

@@ -1,10 +1,17 @@
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import "./global.d";
 export * from '../components.d';
-export * from './checkout/api/CalculateLandedCostRequest';
+export * from './checkout/api/CalculateLandedCost';
+export * from './checkout/api/CheckoutSession';
+export * from './checkout/api/NormalizedTempCart';
+export * from './checkout/api/Paypal';
+export * from './checkout/api/ValidateAddress';
 export * from './checkout/CheckoutConfig';
+export * from './ConversionEvent';
 export * from './hello/HelloConfig';
 export * from './JsonError';
+export * from './LogError';
+export * from './LogLoadScript';
 export * from './NoInfer';
 export * from './stripe/Apperance';
 export * from './Translation';

package/dist/esm/{cart-66d17f99.js → cart-0345943b.js}

@@ -7842,11 +7842,17 @@ const getNewLocalization = async () => {
     var _a;
     log('get new localization store');
     const { isDisabledCountry, isShippableCountry, selectedCountryCode } = localizationStore;
-    localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
-    localizationStore.inclusivePricing =
-        ((_a = (await getInclusivePricing(selectedCountryCode))) === null || _a === void 0 ? void 0 : _a.setting) || null;
-    if (localizationStore.inclusivePricing) {
-        log(`Inclusive price setting found for this country (${selectedCountryCode}) ${JSON.stringify(localizationStore.inclusivePricing, null, 2)}`);
+    if (!window.Zonos.isLegacyCheckout) {
+        // These requests are only needed for Hello, so we can skip them for legacy checkout
+        localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
+        localizationStore.inclusivePricing =
+            ((_a = (await getInclusivePricing(selectedCountryCode))) === null || _a === void 0 ? void 0 : _a.setting) || null;
+        if (localizationStore.inclusivePricing) {
+            log(`Inclusive price setting found for this country (${selectedCountryCode}) ${JSON.stringify(localizationStore.inclusivePricing, null, 2)}`);
+        }
+    }
+    else {
+        log('Skipping country landed cost and inclusive pricing requests, because this is a legacy checkout');
     }
     if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
         !isShippableCountry ||
@@ -8025,7 +8031,7 @@ const getTranslatedAddress = ({ currentAddress, translatedAddress, }) => {
         [currentAddress.value.firstName, currentAddress.value.lastName].join(' ');
     return {
         city: ((_a = translatedAddress.city) === null || _a === void 0 ? void 0 : _a[city]) || city,
-        country,
+        country: country,
         line1: ((_b = translatedAddress.line1) === null || _b === void 0 ? void 0 : _b[line1]) || line1,
         line2: ((_c = translatedAddress.line2) === null || _c === void 0 ? void 0 : _c[line2 || '']) || line2 || '',
         name: ((_d = translatedAddress.name) === null || _d === void 0 ? void 0 : _d[name]) || name,
@@ -8314,9 +8320,9 @@ const getExcludeAddressFieldsObject = ({ address, invalidAdddressList, }) => {
  * @param {StripeAddressEventData} params.stripeBillingAddressEventData - The Stripe event data for the billing address.
  * @param {boolean} params.stripeShippingSameAsBilling - A flag indicating whether the shipping address is the same as the billing address.
  *
- * @returns {ValidateAddressRequestBody | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
+ * @returns {ValidateAddressRequest | null} - An object that contains the address fields that have invalid characters, the destination country, and the first and last name. If the conditions are not met, the function returns null.
  */
-const buildTranslateRequestBody = ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }) => {
+const buildTranslateRequest = ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, stripeAddressEventData, stripeBillingAddressEventData, stripeShippingSameAsBilling, }) => {
     var _a, _b, _c, _d;
     const isStripeAddressReady = !!(stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.complete);
     const isStripeBillingAddressReady = stripeShippingSameAsBilling
@@ -8768,7 +8774,7 @@ const stripeStoreInitCheckoutSession = async () => {
     stripeStore.isFetchingSession = true;
     const { errors, json } = await handleFetch('/api/zonos-elements/create-checkout-session', {
         body: {
-            adjustmentAmount: cartStore.adjustments.reduce((prev, adj) => prev + adj.amount, 0),
+            adjustmentsAmount: cartStore.adjustments.reduce((prev, adj) => prev + adj.amount, 0),
             cartId: window.Zonos.cartId,
             currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
             itemsAmount: total,
@@ -8779,7 +8785,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
+        logError('Error occured when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;
@@ -8794,12 +8800,12 @@ const stripeStoreInitCheckoutSession = async () => {
 /**
  * Update checkout session. Use for updating amount with landed cost id, or update session when cart items change
  */
-const stripeStoreUpdateCheckoutSession = async ({ adjustmentAmount, cartId, currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
+const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, currency, id, itemsAmount, landedCostId, presentmentCountryCode, }) => {
     // No need to set loading state here because this function will be called under the hood to update
     // landed cost id for the section.
     const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session', {
         body: {
-            adjustmentAmount,
+            adjustmentsAmount,
             cartId,
             currency,
             id,
@@ -8878,7 +8884,7 @@ const buildTranslatedAddress = ({ currentAddress, translatedAddressResult, }) =>
  */
 const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, }) => {
     var _a, _b, _c, _d;
-    const requestBody = buildTranslateRequestBody({
+    const requestBody = buildTranslateRequest({
         addressInvalidCharactersList,
         billingAddressInvalidCharactersList,
         stripeAddressEventData: stripeStore.stripeAddressEventData,
@@ -9102,7 +9108,7 @@ const cartStoreSetCheckoutSession = (checkoutSession) => {
         cartStore.externalConfirmationPageURL = externalConfirmationPageURL;
     }
 };
-const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, itemsAmount, landedCostId, }) => {
+const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency, itemsAmount, landedCostId, }) => {
     if (landedCostId && cartStore.selectedLandedCost) {
         // update cart total right away if we have landed cost id to avoid order total flickering
         const subtotals = cartStore.selectedLandedCost.subtotals;
@@ -9115,7 +9121,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
         return false;
     }
     const { errors, json } = await stripeStoreUpdateCheckoutSession({
-        adjustmentAmount,
+        adjustmentsAmount,
         cartId,
         currency,
         id: cartStore.checkoutSessionId,
@@ -9169,7 +9175,7 @@ const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption, lan
     cartStore.isSelectedShippingGuarantee = isGuarantee;
     // update session with selected landed cost
     const updateCalculateStatus = await cartStoreReCalculateTotal({
-        adjustmentAmount: cartStore.adjustmentTotal,
+        adjustmentsAmount: cartStore.adjustmentTotal,
         cartId: window.Zonos.cartId,
         landedCostId: (_e = selectedLandedCost.landedCost) === null || _e === void 0 ? void 0 : _e.id,
     });
@@ -9228,7 +9234,7 @@ const cartStoreUpdateItems = async ({ adjustments, cartItems, }) => {
     // set loading state here because this is the first load checkout session when we already have checkout session id stored
     stripeStore.isFetchingSession = true;
     await cartStoreReCalculateTotal({
-        adjustmentAmount: adjustmentTotal,
+        adjustmentsAmount: adjustmentTotal,
         cartId: window.Zonos.cartId,
         currency: currency,
         itemsAmount: total,

package/dist/esm/{createCustomEvent-4ac32a26.js → createCustomEvent-11fa43d2.js}

@@ -1,4 +1,4 @@
-import { d as cartStore, l as localizationStore } from './cart-66d17f99.js';
+import { d as cartStore, l as localizationStore } from './cart-0345943b.js';
 import { z as zonosStore } from './zonosStore-0dc7a947.js';
 import { h as handleFetch } from './handleFetch-80ecfb91.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.74.js.zonos.com";
+    const cdnUrl = "https://v1.3.76.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.74.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.74";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.74";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.74";
+const ZONOS_URL = "https://v1.3.76.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.76";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.76";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.76";
 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 = "1728506894258";
+Zonos.releaseDate = "1728577765420";
 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.74"}`;
+Zonos.version = `v${"1.3.76"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-3e2c7b41.js → paypal-7592a690.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-66d17f99.js';
+import { d as cartStore, r as stripeStoreHandleInventoryCheck, t as translate, q as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-0345943b.js';
 import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-80ecfb91.js';
 import { t as tinycolor } from './isDarkColor-b3afa948.js';
 

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

@@ -1,5 +1,5 @@
 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, t as translate } from './cart-66d17f99.js';
+import { j as stripeStore, l as localizationStore, t as translate } from './cart-0345943b.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { a as logError } from './handleFetch-80ecfb91.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, a as getAssetPath, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
 import { d as zonosStoreFontFamily, z as zonosStore, g as getZonosStoreTheme } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
-import { d as cartStore, E as currencyFormat, F as cartStoreHasOneEligibleItem, t as translate, v as stripeStoreReset, j as stripeStore, G as stripeStoreRetrievePayment, H as stripeStoreMessageBasedOnStatus, l as localizationStore, I as stripeStoreTranslateAddressToLatin, J as cartStoreUpdateSelectedShippingOption, K as cartStoreGetShippingTransitInfo } from './cart-66d17f99.js';
-import { s as submitGtag, a as paypalStore, b as paypalStoreReset, c as paypalStoreHasPaypalEnabled, i as isContrastColor } from './paypal-3e2c7b41.js';
-import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-4ac32a26.js';
+import { d as cartStore, E as currencyFormat, F as cartStoreHasOneEligibleItem, t as translate, v as stripeStoreReset, j as stripeStore, G as stripeStoreRetrievePayment, H as stripeStoreMessageBasedOnStatus, l as localizationStore, I as stripeStoreTranslateAddressToLatin, J as cartStoreUpdateSelectedShippingOption, K as cartStoreGetShippingTransitInfo } from './cart-0345943b.js';
+import { s as submitGtag, a as paypalStore, b as paypalStoreReset, c as paypalStoreHasPaypalEnabled, i as isContrastColor } from './paypal-7592a690.js';
+import { t as trackConversionEvent, c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-11fa43d2.js';
 import { g as getBorderRadius } from './getBorderRadius-cff1e39b.js';
 import { h as handleFetch, s as sendErrorLog } from './handleFetch-80ecfb91.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
@@ -1056,7 +1056,7 @@ const ZonosShipping = class {
             if (!this.selectedShippingMethod) {
                 return;
             }
-            const selectedShippingOption = ((_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.find(item => { var _a; return item.id === ((_a = this.selectedShippingMethod) === null || _a === void 0 ? void 0 : _a.value); })) || null;
+            const selectedShippingOption = ((_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.find(item => { var _a; return item.id === ((_a = this.selectedShippingMethod) === null || _a === void 0 ? void 0 : _a.shipmentRatingId); })) || null;
             if (!selectedShippingOption) {
                 return;
             }
@@ -1157,7 +1157,7 @@ const ZonosShipping = class {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (h(Host, { key: '936f32623147a463fad1a957237424256c6421e7', class: "zonos--shipping zonos--elements" }, h("div", { key: 'e3c19cb175d3766d34f3aedb3209a3634fbeb464', class: "zonos--group" }, h("zonos-text", { key: '8c5bb7f7a759a30d589f163cec68a9389f46639d', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) && (h("zonos-banner", { key: '7a8d26acd0cbdd9cd9e208c7c58e1e3ea7e0c207', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: '4a689123ff3f9a7a855b27ecce318a93f370bc0f', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !((_b = this.serviceLevels) === null || _b === void 0 ? void 0 : _b.length) ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (h("zonos-shipping-rich-radio", { initialSelectedValue: (_c = this.selectedShippingMethod) === null || _c === void 0 ? void 0 : _c.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), h("div", { key: '5f23bb89b99151cd7af96343c377a3f8ecfe5516', class: "zonos--group-btn" }, h("zonos-button", { key: '8c25df7afa909af7fdea64b155588fadb3019e66', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+        return (h(Host, { key: '00da931b8d40429b7acfdeb2ca06c564e55e4c8b', class: "zonos--shipping zonos--elements" }, h("div", { key: 'cc231db53fa9fcccee0348317110eaf58b0367df', class: "zonos--group" }, h("zonos-text", { key: '4679617eb68df02dcfa410737931b2a3ec2fe681', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) && (h("zonos-banner", { key: '2a20b3be92ea8b88004048ef581290bf5a68be2d', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'c18d78c99e57141d7d0b6057ebba5cbffd07391d', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !((_b = this.serviceLevels) === null || _b === void 0 ? void 0 : _b.length) ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (h("zonos-shipping-rich-radio", { initialSelectedValue: (_c = this.selectedShippingMethod) === null || _c === void 0 ? void 0 : _c.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), h("div", { key: 'aed8fdcf2fc7efc99f25419171172e86804a40cf', class: "zonos--group-btn" }, h("zonos-button", { key: 'd09b88e2872baf1d97360bcc98889d7d97e93873', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Go to payment'))))));
     }

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, n as cartStoreUpdateToErrorState, t as translate, o as cartStoreSetCheckoutSession, p as stripeStorePrefetchLandedCost, q as cartStoreNextStep, r as stripeStoreHandleInventoryCheck, u as stripeStoreConfirmPayment, v as stripeStoreReset, w as localizationStoreOnUpdate } from './cart-66d17f99.js';
-import { s as submitGtag, p as paypalInitScript } from './paypal-3e2c7b41.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, n as cartStoreUpdateToErrorState, t as translate, o as cartStoreSetCheckoutSession, p as stripeStorePrefetchLandedCost, q as cartStoreNextStep, r as stripeStoreHandleInventoryCheck, u as stripeStoreConfirmPayment, v as stripeStoreReset, w as localizationStoreOnUpdate } from './cart-0345943b.js';
+import { s as submitGtag, p as paypalInitScript } from './paypal-7592a690.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-0dc7a947.js';
-import { c as createCustomEvent, t as trackConversionEvent, g as getIsTestMode } from './createCustomEvent-4ac32a26.js';
+import { c as createCustomEvent, t as trackConversionEvent, g as getIsTestMode } from './createCustomEvent-11fa43d2.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as log, a as logError, s as sendErrorLog } from './handleFetch-80ecfb91.js';
 import { c as classes } from './classes-0d95c529.js';
@@ -417,7 +417,7 @@ const ZonosCheckout = class {
     /**
      * Set default address from query param if it's valid
      */
-    useLegacyQueryParam() {
+    useLegacyQueryParams() {
         const urlParams = new URLSearchParams(window.location.search);
         const legacyShippingInfo = {
             country: 
@@ -486,7 +486,7 @@ const ZonosCheckout = class {
          * When temp cart data is available, set default address if it exists
          */
         if (window.Zonos) {
-            this.useLegacyQueryParam();
+            this.useLegacyQueryParams();
         }
         // only initialize checkout if visitor's country is in the shipping zones.
         const interval = setInterval(() => {
@@ -717,7 +717,10 @@ const ZonosCheckout = class {
         };
         const isTestMode = getIsTestMode();
         const renderTopHeader = () => {
-            return (h("zonos-v-stack", null, h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (h("zonos-badge", { badgeColor: "orange", size: "small" }, translate('Test mode')))), h("zonos-checkout-progress-tabs", { backgroundColor: 
+            const urlParams = new URLSearchParams(window.location.search);
+            const zonosQaUrl = urlParams.get('zonosQaUrl');
+            const zonosDebug = urlParams.get('zonosDebug');
+            return (h("zonos-v-stack", null, h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (h("zonos-badge", { badgeColor: "orange", size: "small" }, translate('Test mode'))), zonosDebug === '1' && (h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl))), h("zonos-checkout-progress-tabs", { backgroundColor: 
                 // only use different contrast color when the secondary color is too off with the background in mobile
                 this.isMobile ? '--zonos-elements-gray-0' : null }), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
         };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-86b8247e.js';
-import { x as isValidSelector, j as stripeStore, y as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-66d17f99.js';
+import { x as isValidSelector, j as stripeStore, y as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-0345943b.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { h as handleFetch, a as logError, l as log } from './handleFetch-80ecfb91.js';
 import './isDarkColor-b3afa948.js';
@@ -233,7 +233,7 @@ const ZonosController = class {
                     // Try to use new settings first for legacy stores
                     return (((_a = json === null || json === void 0 ? void 0 : json.appearanceSettings) === null || _a === void 0 ? void 0 : _a.logoUrl) || ((_b = this.config.appearance) === null || _b === void 0 ? void 0 : _b.logoUrl));
                 }
-                // Other wise respect override
+                // Otherwise respect override
                 return (_c = this.config.appearance) === null || _c === void 0 ? void 0 : _c.logoUrl;
             };
             // override subscription status
@@ -328,7 +328,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '88cac0dfe5118ae982acfec883927e7c5a6d5490', class: "zonos--elements" });
+        return h(Host, { key: 'c168f24dcc30dffd48c604f8888b093a7a3f1525', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { l as localizationStore } from './cart-66d17f99.js';
+import { l as localizationStore } from './cart-0345943b.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-80ecfb91.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { a as localizationStoreUpdateSelectedCountryCode, t as translate, l as localizationStore } from './cart-66d17f99.js';
+import { a as localizationStoreUpdateSelectedCountryCode, t as translate, l as localizationStore } from './cart-0345943b.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-b3afa948.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-86b8247e.js';
-import { t as translate, l as localizationStore, E as currencyFormat } from './cart-66d17f99.js';
+import { t as translate, l as localizationStore, E as currencyFormat } from './cart-0345943b.js';
 import { z as zonosStore } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
 import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-0dc7a947.js';
-import { l as localizationStore, x as isValidSelector, t as translate, z as getZCountryUrlParam, A as setZCountryUrlParam, B as currencyDisplay, C as currencyConvertAndFormat, D as currencyConvert, E as currencyFormat } from './cart-66d17f99.js';
+import { l as localizationStore, x as isValidSelector, t as translate, z as getZCountryUrlParam, A as setZCountryUrlParam, B as currencyDisplay, C as currencyConvertAndFormat, D as currencyConvert, E as currencyFormat } from './cart-0345943b.js';
 import { c as classes } from './classes-0d95c529.js';
 import { h as handleFetch, a as logError, l as log } from './handleFetch-80ecfb91.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
-import { L as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-66d17f99.js';
+import { L as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-0345943b.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import './handleFetch-80ecfb91.js';

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-86b8247e.js';
 import { d as zonosStoreFontFamily } from './zonosStore-0dc7a947.js';
 import { c as classes } from './classes-0d95c529.js';
-import { j as stripeStore } from './cart-66d17f99.js';
+import { j as stripeStore } from './cart-0345943b.js';
 import { a as logError, l as log } from './handleFetch-80ecfb91.js';
-import { d as paypalStoreInitButtons } from './paypal-3e2c7b41.js';
+import { d as paypalStoreInitButtons } from './paypal-7592a690.js';
 import './isDarkColor-b3afa948.js';
 import './getBorderRadius-cff1e39b.js';