@zonos/elements 1.3.75 → 1.3.77

package/dist/cjs/{cart-6dd9e3cd.js → cart-307b8dc7.js}

@@ -7844,11 +7844,17 @@ const getNewLocalization = async () => {
     var _a;
     handleFetch.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) {
-        handleFetch.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) {
+            handleFetch.log(`Inclusive price setting found for this country (${selectedCountryCode}) ${JSON.stringify(localizationStore.inclusivePricing, null, 2)}`);
+        }
+    }
+    else {
+        handleFetch.log('Skipping country landed cost and inclusive pricing requests, because this is a legacy checkout');
     }
     if (zonosStore.zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
         !isShippableCountry ||
@@ -8027,7 +8033,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,
@@ -8316,9 +8322,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
@@ -8770,7 +8776,7 @@ const stripeStoreInitCheckoutSession = async () => {
     stripeStore.isFetchingSession = true;
     const { errors, json } = await handleFetch.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,
@@ -8781,7 +8787,7 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     stripeStore.isFetchingSession = false;
     if (errors.length || !json) {
-        handleFetch.logError('Error occurs when creating checkout session', JSON.stringify(errors, null, 2));
+        handleFetch.logError('Error occured when creating checkout session', JSON.stringify(errors, null, 2));
         return false;
     }
     const result = json.checkoutSessionCreate;
@@ -8796,12 +8802,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.handleFetch('/api/zonos-elements/update-checkout-session', {
         body: {
-            adjustmentAmount,
+            adjustmentsAmount,
             cartId,
             currency,
             id,
@@ -8880,7 +8886,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,
@@ -9104,7 +9110,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;
@@ -9117,7 +9123,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentAmount, cartId, currency, i
         return false;
     }
     const { errors, json } = await stripeStoreUpdateCheckoutSession({
-        adjustmentAmount,
+        adjustmentsAmount,
         cartId,
         currency,
         id: cartStore.checkoutSessionId,
@@ -9171,7 +9177,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,
     });
@@ -9230,7 +9236,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/cjs/{createCustomEvent-4efb5ab7.js → createCustomEvent-8b7e430f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const cart = require('./cart-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 

package/dist/cjs/index.cjs.js

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

package/dist/cjs/{paypal-f0d2a8cf.js → paypal-f0e6424f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');

package/dist/cjs/zonos-badge_13.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-6dd9e3cd.js');
-const paypal = require('./paypal-f0d2a8cf.js');
-const createCustomEvent = require('./createCustomEvent-4efb5ab7.js');
+const cart = require('./cart-307b8dc7.js');
+const paypal = require('./paypal-f0e6424f.js');
+const createCustomEvent = require('./createCustomEvent-8b7e430f.js');
 const getBorderRadius = require('./getBorderRadius-5a64574c.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');

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-6dd9e3cd.js');
-const paypal = require('./paypal-f0d2a8cf.js');
+const cart = require('./cart-307b8dc7.js');
+const paypal = require('./paypal-f0e6424f.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const createCustomEvent = require('./createCustomEvent-4efb5ab7.js');
+const createCustomEvent = require('./createCustomEvent-8b7e430f.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 const classes = require('./classes-b7918f56.js');
@@ -421,7 +421,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: 
@@ -441,7 +441,6 @@ const ZonosCheckout = class {
             !legacyShippingInfo.customerCity ||
             !legacyShippingInfo.customerName ||
             !legacyShippingInfo.customerPhone ||
-            !legacyShippingInfo.customerZip ||
             !legacyShippingInfo.country) {
             handleFetch.log('Missing some query params so it can not be prefilled', 'info', legacyShippingInfo);
             return;
@@ -452,7 +451,7 @@ const ZonosCheckout = class {
                 country: legacyShippingInfo.country,
                 line1: legacyShippingInfo.customerAddress1,
                 line2: legacyShippingInfo.customerAddress2 || '',
-                postal_code: legacyShippingInfo.customerZip,
+                postal_code: legacyShippingInfo.customerZip || '',
                 state: legacyShippingInfo.customerState || '',
             },
             email: legacyShippingInfo.customerEmail || '',
@@ -490,7 +489,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(() => {
@@ -721,7 +720,10 @@ const ZonosCheckout = class {
         };
         const isTestMode = createCustomEvent.getIsTestMode();
         const renderTopHeader = () => {
-            return (index.h("zonos-v-stack", null, index.h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (index.h("zonos-badge", { badgeColor: "orange", size: "small" }, cart.translate('Test mode')))), index.h("zonos-checkout-progress-tabs", { backgroundColor: 
+            const urlParams = new URLSearchParams(window.location.search);
+            const zonosQaUrl = urlParams.get('zonosQaUrl');
+            const zonosDebug = urlParams.get('zonosDebug');
+            return (index.h("zonos-v-stack", null, index.h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (index.h("zonos-badge", { badgeColor: "orange", size: "small" }, cart.translate('Test mode'))), zonosDebug === '1' && (index.h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (index.h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl))), index.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 => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
         };

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-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-661a8225.js');
 require('./isDarkColor-5efc8367.js');
@@ -237,7 +237,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
@@ -332,7 +332,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '88cac0dfe5118ae982acfec883927e7c5a6d5490', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'c168f24dcc30dffd48c604f8888b093a7a3f1525', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-661a8225.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-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.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-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.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-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-661a8225.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-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-661a8225.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-6dd9e3cd.js');
+const cart = require('./cart-307b8dc7.js');
 const handleFetch = require('./handleFetch-661a8225.js');
-const paypal = require('./paypal-f0d2a8cf.js');
+const paypal = require('./paypal-f0e6424f.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

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

@@ -263,8 +263,8 @@ export class ZonosCheckoutFinish {
                     "references": {
                         "ElementsUiStyle": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiStyle"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle"
                         }
                     }
                 },

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

@@ -79,8 +79,8 @@ export class ZonosCheckoutFooter {
                     "references": {
                         "ElementsUiTheme": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiTheme"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme"
                         }
                     }
                 },

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

@@ -264,7 +264,7 @@ export class ZonosCheckout {
     /**
      * Set default address from query param if it's valid
      */
-    useLegacyQueryParam() {
+    useLegacyQueryParams() {
         const urlParams = new URLSearchParams(window.location.search);
         const legacyShippingInfo = {
             country: 
@@ -284,7 +284,6 @@ export class ZonosCheckout {
             !legacyShippingInfo.customerCity ||
             !legacyShippingInfo.customerName ||
             !legacyShippingInfo.customerPhone ||
-            !legacyShippingInfo.customerZip ||
             !legacyShippingInfo.country) {
             log('Missing some query params so it can not be prefilled', 'info', legacyShippingInfo);
             return;
@@ -295,7 +294,7 @@ export class ZonosCheckout {
                 country: legacyShippingInfo.country,
                 line1: legacyShippingInfo.customerAddress1,
                 line2: legacyShippingInfo.customerAddress2 || '',
-                postal_code: legacyShippingInfo.customerZip,
+                postal_code: legacyShippingInfo.customerZip || '',
                 state: legacyShippingInfo.customerState || '',
             },
             email: legacyShippingInfo.customerEmail || '',
@@ -333,7 +332,7 @@ export class ZonosCheckout {
          * 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(() => {
@@ -564,7 +563,10 @@ export class ZonosCheckout {
         };
         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 })))));
         };
@@ -829,8 +831,8 @@ export class ZonosCheckout {
                         },
                         "CheckoutSessionDetailsFragment": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::CheckoutSessionDetailsFragment"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::CheckoutSessionDetailsFragment"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -5,7 +5,7 @@ import { zonosStore } from "../../../store/zonosStore";
 import { isCheckoutMobile } from "../../../utils/checkout/isCheckoutMobile";
 import { classes } from "../../../utils/classes";
 import { currencyFormat } from "../../../utils/hello/currencyConversion/currencyFormat";
-/** These assets neet to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
+/** These assets need to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import ChevronDownIcon from "./assets/ChevronDownIcon.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths

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

@@ -213,8 +213,8 @@ export class ZonosButton {
                     "references": {
                         "ElementsUiStyle": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiStyle"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle"
                         }
                     }
                 },
@@ -473,8 +473,8 @@ export class ZonosButton {
                     "references": {
                         "ElementsUiTheme": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiTheme"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme"
                         }
                     }
                 },

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

@@ -187,8 +187,8 @@ export class ZonosCheckbox {
                     "references": {
                         "ElementsUiStyle": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiStyle"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle"
                         }
                     }
                 },

package/dist/collection/components/common/zonos-country-flag/zonos-country-flag.js

@@ -47,8 +47,8 @@ export class ZonosCountryFlag {
                     "references": {
                         "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"
                         }
                     }
                 },

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

@@ -257,8 +257,8 @@ export class ZonosDialog {
                     "references": {
                         "ElementsUiStyle": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiStyle"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle"
                         }
                     }
                 },

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

@@ -40,8 +40,8 @@ export class ZonosLogo {
                     "references": {
                         "ElementsUiTheme": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiTheme"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme"
                         }
                     }
                 },

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js

@@ -115,8 +115,8 @@ export class ZonosShippingRichRadio {
                     "references": {
                         "ElementsUiStyle": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiStyle"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle"
                         }
                     }
                 },
@@ -138,8 +138,8 @@ export class ZonosShippingRichRadio {
                     "references": {
                         "ElementsUiTheme": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::ElementsUiTheme"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme"
                         }
                     }
                 },

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

@@ -409,8 +409,8 @@ export class ZonosHello {
                     "references": {
                         "HelloMobileLocation": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::HelloMobileLocation"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::HelloMobileLocation"
                         }
                     }
                 },

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

@@ -306,8 +306,8 @@ export class ZonosHelloDialog {
                     "references": {
                         "HelloMobileLocation": {
                             "location": "import",
-                            "path": "src/types/generated/graphql.customer.types",
-                            "id": "src/types/generated/graphql.customer.types.ts::HelloMobileLocation"
+                            "path": "src/types/generated/graphql.internal.types",
+                            "id": "src/types/generated/graphql.internal.types.ts::HelloMobileLocation"
                         }
                     }
                 },

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>"