@zonos/elements 1.3.207 → 1.3.208

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

@@ -203,6 +203,7 @@ const updateCheckoutSessionLanguage = async () => {
         body: {
             id: storageStore.checkoutSessionId,
             metadata: [
+                // This is being used from the backend to determine the language of the checkout session
                 {
                     key: 'language',
                     value: localizationStore.selectedLocale,

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

@@ -0,0 +1,46 @@
+import debounce from "lodash/debounce";
+import { handleFetch } from "../handleFetch";
+import { logError } from "../logging/logError";
+const attributesToUpdate = {};
+// Store debounced functions per session to ensure proper debouncing
+const debouncedFunctions = {};
+const createDebouncedFetch = (sessionId) => {
+    return debounce(async () => {
+        var _a, _b;
+        // Get latest attributes from the map
+        const latestAttributes = Array.from(((_a = attributesToUpdate[sessionId]) === null || _a === void 0 ? void 0 : _a.entries()) || []).map(([key, value]) => ({ key, value }));
+        const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session-attributes', {
+            body: {
+                attributes: latestAttributes,
+                id: sessionId,
+            },
+            method: 'POST',
+        });
+        if (errors.length) {
+            logError('Error updating checkout session attributes', errors);
+            return { success: false };
+        }
+        (_b = attributesToUpdate[sessionId]) === null || _b === void 0 ? void 0 : _b.clear();
+        return { success: !!(json === null || json === void 0 ? void 0 : json.success) };
+    }, 1000, { maxWait: 5000 });
+};
+export const updateCheckoutSessionAttributes = async ({ attributes, checkoutSessionId, }) => {
+    // Merge the new attributes with the attributes in the list, if key exist, override it
+    // init the map if not exist
+    attributesToUpdate[checkoutSessionId] || (attributesToUpdate[checkoutSessionId] = new Map());
+    attributes.forEach(attribute => {
+        var _a;
+        if (attribute.value) {
+            (_a = attributesToUpdate[checkoutSessionId]) === null || _a === void 0 ? void 0 : _a.set(attribute.key, attribute.value);
+        }
+    });
+    if (!attributes.length) {
+        return;
+    }
+    // Get or create the debounced function for this session
+    if (!debouncedFunctions[checkoutSessionId]) {
+        debouncedFunctions[checkoutSessionId] =
+            createDebouncedFetch(checkoutSessionId);
+    }
+    return debouncedFunctions[checkoutSessionId]();
+};

package/dist/collection/components/utils/checkout/getAbandonedCartRenewTokenValue.js

@@ -0,0 +1,17 @@
+export const getAbandonedCartRenewTokenValue = () => {
+    const validityToken = new URLSearchParams(window.location.search).get('validityToken');
+    // check if validityToken length is base64 encoded
+    if (!validityToken ||
+        !/^[A-Za-z0-9+/]+={0,2}$/.test(validityToken) ||
+        validityToken.length % 4 !== 0) {
+        return null;
+    }
+    try {
+        // check if it can be decoded
+        atob(validityToken);
+        return validityToken;
+    }
+    catch (_a) {
+        return null;
+    }
+};

package/dist/collection/scripts/_getCartInfoById.js

@@ -1,10 +1,12 @@
 import { getGenericSettingsOverride } from "../components/utils/api/getGenericSettingsOverride";
+import { getAbandonedCartRenewTokenValue } from "../components/utils/checkout/getAbandonedCartRenewTokenValue";
 import { getIsTestMode } from "../components/utils/checkout/getIsTestMode";
 import { handleFetch } from "../components/utils/handleFetch";
 import { log } from "../components/utils/logging/log";
 export const getCartInfoById = async ({ cartId, retries, }) => {
     const isTestMode = getIsTestMode();
     const overrideSettings = getGenericSettingsOverride();
+    const renewCartExpirationToken = getAbandonedCartRenewTokenValue() || undefined;
     const params = new URLSearchParams();
     if (overrideSettings.overrideShouldEnabledCustomAddress) {
         params.set('overrideShouldEnabledCustomAddress', overrideSettings.overrideShouldEnabledCustomAddress);
@@ -12,6 +14,7 @@ export const getCartInfoById = async ({ cartId, retries, }) => {
     const { errors, json, zonosMode } = await handleFetch(`/api/zonos-elements/get-cart?${params.toString()}`, {
         body: {
             isTestMode,
+            renewCartExpirationToken,
             tempCartUUID: cartId,
         },
         headers: {

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

@@ -1 +1,14 @@
-export {};
+export const checkoutSessionMutableAttributeKeys = [
+    'ZONOS_FORM_TYPE_USING',
+    'APP_VERSION',
+    'APP_VERSION_NPM_INTEGRATION',
+    'LEGACY_CHECKOUT_FACADE',
+];
+export const checkoutSessionImmutableAttributeKeys = [
+    'ORDER_DUPLICATION_CONSENT',
+    'WITH_ABANDONED_CART_TOKEN',
+];
+export const checkoutSessionAttributeKeys = [
+    ...checkoutSessionMutableAttributeKeys,
+    ...checkoutSessionImmutableAttributeKeys,
+];

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -3,7 +3,9 @@ export const cursorOrdering = {
     Desc: 'DESC',
 };
 export const errorProjectNameEnum = {
+    Conductor: 'conductor',
     Dashboard: 'dashboard',
+    DashboardExpo: 'dashboard_expo',
     Elements: 'elements',
     ZonosCom: 'zonos_com',
 };

package/dist/collection/types/generated/graphql.internal.types.js

@@ -2883,6 +2883,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         checkoutSessionUpdate(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'checkoutSessionUpdate', 'mutation');
         },
+        checkoutSessionUpdateAttributes(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'checkoutSessionUpdateAttributes', 'mutation');
+        },
         checkoutSessionUpdateMetadata(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'checkoutSessionUpdateMetadata', 'mutation');
         },
@@ -2910,6 +2913,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         getCheckoutSession(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getCheckoutSession', 'query');
         },
+        getCheckoutSessionAttributes(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getCheckoutSessionAttributes', 'query');
+        },
         getInclusivePriceSettingByCountry(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'getInclusivePriceSettingByCountry', 'query');
         },
@@ -2928,6 +2934,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         helloSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'helloSettings', 'query');
         },
+        landedCostSettings(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'landedCostSettings', 'query');
+        },
         onlineStoreSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'onlineStoreSettings', 'query');
         },
@@ -2958,6 +2967,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         removeTrackingNumber(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'removeTrackingNumber', 'mutation');
         },
+        renewCartExpirationToken(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'renewCartExpirationToken', 'mutation');
+        },
         selectCheckoutVarianceTest(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'selectCheckoutVarianceTest', 'mutation');
         },

package/dist/esm/{CheckoutConfig-eb7d6954.js → CheckoutConfig-724d7bae.js}

@@ -1,3 +1,21 @@
+const getAbandonedCartRenewTokenValue = () => {
+    const validityToken = new URLSearchParams(window.location.search).get('validityToken');
+    // check if validityToken length is base64 encoded
+    if (!validityToken ||
+        !/^[A-Za-z0-9+/]+={0,2}$/.test(validityToken) ||
+        validityToken.length % 4 !== 0) {
+        return null;
+    }
+    try {
+        // check if it can be decoded
+        atob(validityToken);
+        return validityToken;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+
 const baseRe = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/;
 const uuidRe = new RegExp(`^${baseRe.source}$`);
 const cartUuidRe = new RegExp(`^cart_${baseRe.source}$`);
@@ -29,4 +47,4 @@ const checkoutHiddenBtnSelector = 'zonos--checkout-hidden-button';
 const checkoutHiddenInternationalBtnSelector = 'zonos--checkout-hidden-international-button';
 const domesticRedirectedBtnSelector = 'zonos--domestic-redirected-checkout-button';
 
-export { _getIsValidCartId as _, checkoutHiddenInternationalBtnSelector as a, checkoutHiddenBtnSelector as c, domesticRedirectedBtnSelector as d };
+export { _getIsValidCartId as _, checkoutHiddenInternationalBtnSelector as a, checkoutHiddenBtnSelector as c, domesticRedirectedBtnSelector as d, getAbandonedCartRenewTokenValue as g };

package/dist/esm/{cart-5835676d.js → cart-5b417c0d.js}

@@ -1,8 +1,8 @@
-import { z as zonosStore, c as createStore } from './zonosStore-1e015fa5.js';
-import { s as storageStore, l as localizationStore, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-4c7f64e8.js';
+import { z as zonosStore, c as createStore } from './zonosStore-504a7030.js';
+import { s as storageStore, l as localizationStore, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-669a1714.js';
 import { l as log, f as fallbackApiList, h as handleFetch, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, d as allLogs, b as logError, j as jsonParse } from './handleFetch-621e45bc.js';
-import { i as isDarkColor } from './isDarkColor-d8bb8659.js';
-import { g as getBorderRadius } from './getBorderRadius-b18c924f.js';
+import { i as isDarkColor } from './isDarkColor-915b06b8.js';
+import { g as getBorderRadius } from './getBorderRadius-174305ff.js';
 
 /**
  * Extract value from translated object
@@ -1175,18 +1175,6 @@ const getCheckoutSessionBody = () => {
                 key: 'language',
                 value: localizationStore.selectedLocale,
             },
-            {
-                key: 'appVersion',
-                value: window.Zonos.version,
-            },
-            {
-                key: 'appVersionNpmIntegration',
-                value: window.Zonos.isNpm ? '1' : '0',
-            },
-            {
-                key: 'legacyCheckoutFacade',
-                value: window.Zonos.isLegacyCheckout ? '1' : '0',
-            },
         ],
         presentmentCountryCode: localizationStore.selectedCountryCode,
         skipPaymentIntent: stripeStore.skipPaymentIntent,
@@ -1334,18 +1322,6 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
                     key: 'language',
                     value: localizationStore.selectedLocale,
                 },
-                {
-                    key: 'appVersion',
-                    value: window.Zonos.version,
-                },
-                {
-                    key: 'appVersionNpmIntegration',
-                    value: window.Zonos.isNpm ? '1' : '0',
-                },
-                {
-                    key: 'legacyCheckoutFacade',
-                    value: window.Zonos.isLegacyCheckout ? '1' : '0',
-                },
             ],
             presentmentCountryCode,
             skipPaymentIntent: stripeStore.skipPaymentIntent,

package/dist/esm/{debounce-eaee3a94.js → debounce-7ebfa15b.js}

@@ -1,4 +1,4 @@
-import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1 } from './zonosStore-1e015fa5.js';
+import { _ as _root, b as _baseGetTag, i as isObjectLike_1, d as isObject_1 } from './zonosStore-504a7030.js';
 
 var root = _root;
 

package/dist/esm/{getBorderRadius-b18c924f.js → getBorderRadius-174305ff.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-1e015fa5.js';
+import { z as zonosStore } from './zonosStore-504a7030.js';
 
 /**
  * Get the border radius for the elements based on the style

package/dist/esm/index.js

@@ -1,8 +1,8 @@
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getGenericSettingsOverride, I as IframeService } from './getGenericSettingsOverride-0bc3e118.js';
 import { g as getIsTestMode, a as getIsStagingMode, l as log, h as handleFetch, b as logError } from './handleFetch-621e45bc.js';
-import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector } from './CheckoutConfig-eb7d6954.js';
-export { c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-eb7d6954.js';
+import { g as getAbandonedCartRenewTokenValue, _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector } from './CheckoutConfig-724d7bae.js';
+export { c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-724d7bae.js';
 export { a as availableTestKeys } from './VarianceTest-fef2d958.js';
 export { c as countryRequireTaxId, e as euCountryCodes, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
 
@@ -129,7 +129,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.207.js.zonos.com";
+    const cdnUrl = "https://v1.3.208.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.') ||
@@ -299,6 +299,7 @@ const getCartIdFromQueryParam = () => {
 const getCartInfoById = async ({ cartId, retries, }) => {
     const isTestMode = getIsTestMode();
     const overrideSettings = getGenericSettingsOverride();
+    const renewCartExpirationToken = getAbandonedCartRenewTokenValue() || undefined;
     const params = new URLSearchParams();
     if (overrideSettings.overrideShouldEnabledCustomAddress) {
         params.set('overrideShouldEnabledCustomAddress', overrideSettings.overrideShouldEnabledCustomAddress);
@@ -306,6 +307,7 @@ const getCartInfoById = async ({ cartId, retries, }) => {
     const { errors, json, zonosMode } = await handleFetch(`/api/zonos-elements/get-cart?${params.toString()}`, {
         body: {
             isTestMode,
+            renewCartExpirationToken,
             tempCartUUID: cartId,
         },
         headers: {
@@ -370,10 +372,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.207.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.207";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.207";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.207";
+const ZONOS_URL = "https://v1.3.208.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.208";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.208";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.208";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -391,7 +393,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1748539024950";
+Zonos.releaseDate = "1748878470643";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -409,7 +411,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.207"}`;
+Zonos.version = `v${"1.3.208"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -921,4 +923,19 @@ Zonos.injectSupportGoogleFont = (fontUrl) => {
     log(`[FONT] ${fontFamily} font injected!`);
 };
 
-export { Zonos };
+const checkoutSessionMutableAttributeKeys = [
+    'ZONOS_FORM_TYPE_USING',
+    'APP_VERSION',
+    'APP_VERSION_NPM_INTEGRATION',
+    'LEGACY_CHECKOUT_FACADE',
+];
+const checkoutSessionImmutableAttributeKeys = [
+    'ORDER_DUPLICATION_CONSENT',
+    'WITH_ABANDONED_CART_TOKEN',
+];
+const checkoutSessionAttributeKeys = [
+    ...checkoutSessionMutableAttributeKeys,
+    ...checkoutSessionImmutableAttributeKeys,
+];
+
+export { Zonos, checkoutSessionAttributeKeys, checkoutSessionImmutableAttributeKeys, checkoutSessionMutableAttributeKeys };

package/dist/esm/{isDarkColor-d8bb8659.js → isDarkColor-915b06b8.js}

@@ -1,4 +1,4 @@
-import { a as commonjsGlobal } from './zonosStore-1e015fa5.js';
+import { a as commonjsGlobal } from './zonosStore-504a7030.js';
 
 var tinycolor$1 = {exports: {}};
 

package/dist/esm/{localization-4c7f64e8.js → localization-669a1714.js}

@@ -1,4 +1,4 @@
-import { c as createStore, z as zonosStore } from './zonosStore-1e015fa5.js';
+import { c as createStore, z as zonosStore } from './zonosStore-504a7030.js';
 import { l as log, j as jsonParse, h as handleFetch, b as logError } from './handleFetch-621e45bc.js';
 import { a as availableTestKeys } from './VarianceTest-fef2d958.js';
 
@@ -14007,6 +14007,7 @@ const updateCheckoutSessionLanguage = async () => {
         body: {
             id: storageStore.checkoutSessionId,
             metadata: [
+                // This is being used from the backend to determine the language of the checkout session
                 {
                     key: 'language',
                     value: localizationStore.selectedLocale,

package/dist/esm/{paypal-b4f106be.js → paypal-3a0cf86b.js}

@@ -1,8 +1,8 @@
-import { z as zonosStore, c as createStore } from './zonosStore-1e015fa5.js';
-import { t as trackConversionEvent, z as validateCheckoutSession, c as stripeStore, e as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, j as cartStoreClearCheckoutInterval } from './cart-5835676d.js';
-import { t as translate, s as storageStore } from './localization-4c7f64e8.js';
+import { z as zonosStore, c as createStore } from './zonosStore-504a7030.js';
+import { t as trackConversionEvent, z as validateCheckoutSession, c as stripeStore, e as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, j as cartStoreClearCheckoutInterval } from './cart-5b417c0d.js';
+import { t as translate, s as storageStore } from './localization-669a1714.js';
 import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-621e45bc.js';
-import { t as tinycolor } from './isDarkColor-d8bb8659.js';
+import { t as tinycolor } from './isDarkColor-915b06b8.js';
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)

package/dist/esm/updateCheckoutSessionAttributes-183ca6c1.js

@@ -0,0 +1,48 @@
+import { d as debounce_1 } from './debounce-7ebfa15b.js';
+import { h as handleFetch, b as logError } from './handleFetch-621e45bc.js';
+
+const attributesToUpdate = {};
+// Store debounced functions per session to ensure proper debouncing
+const debouncedFunctions = {};
+const createDebouncedFetch = (sessionId) => {
+    return debounce_1(async () => {
+        var _a, _b;
+        // Get latest attributes from the map
+        const latestAttributes = Array.from(((_a = attributesToUpdate[sessionId]) === null || _a === void 0 ? void 0 : _a.entries()) || []).map(([key, value]) => ({ key, value }));
+        const { errors, json } = await handleFetch('/api/zonos-elements/update-checkout-session-attributes', {
+            body: {
+                attributes: latestAttributes,
+                id: sessionId,
+            },
+            method: 'POST',
+        });
+        if (errors.length) {
+            logError('Error updating checkout session attributes', errors);
+            return { success: false };
+        }
+        (_b = attributesToUpdate[sessionId]) === null || _b === void 0 ? void 0 : _b.clear();
+        return { success: !!(json === null || json === void 0 ? void 0 : json.success) };
+    }, 1000, { maxWait: 5000 });
+};
+const updateCheckoutSessionAttributes = async ({ attributes, checkoutSessionId, }) => {
+    // Merge the new attributes with the attributes in the list, if key exist, override it
+    // init the map if not exist
+    attributesToUpdate[checkoutSessionId] || (attributesToUpdate[checkoutSessionId] = new Map());
+    attributes.forEach(attribute => {
+        var _a;
+        if (attribute.value) {
+            (_a = attributesToUpdate[checkoutSessionId]) === null || _a === void 0 ? void 0 : _a.set(attribute.key, attribute.value);
+        }
+    });
+    if (!attributes.length) {
+        return;
+    }
+    // Get or create the debounced function for this session
+    if (!debouncedFunctions[checkoutSessionId]) {
+        debouncedFunctions[checkoutSessionId] =
+            createDebouncedFetch(checkoutSessionId);
+    }
+    return debouncedFunctions[checkoutSessionId]();
+};
+
+export { updateCheckoutSessionAttributes as u };

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-5ea9f81d.js';
-import { c as stripeStore, t as trackConversionEvent, e as cartStore } from './cart-5835676d.js';
-import { s as storageStore, n as storageStoreOnChange, o as getFallbackDefaultCountryCode, t as translate, l as localizationStore } from './localization-4c7f64e8.js';
-import { z as zonosStore, d as zonosStoreFontFamily, f as isObject_1 } from './zonosStore-1e015fa5.js';
+import { c as stripeStore, t as trackConversionEvent, e as cartStore } from './cart-5b417c0d.js';
+import { s as storageStore, n as storageStoreOnChange, o as getFallbackDefaultCountryCode, t as translate, l as localizationStore } from './localization-669a1714.js';
+import { z as zonosStore, f as zonosStoreFontFamily, d as isObject_1 } from './zonosStore-504a7030.js';
 import { b as logError, l as log, i as isCheckoutMobile } from './handleFetch-621e45bc.js';
 import { s as shouldRenderTaxIdInput, i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
 import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-b18c924f.js';
+import { g as getBorderRadius } from './getBorderRadius-174305ff.js';
 import { R as RemoveIcon$2 } from './RemoveIcon-9dc5dd1a.js';
-import { i as isDarkColor } from './isDarkColor-d8bb8659.js';
-import { d as debounce_1 } from './debounce-eaee3a94.js';
+import { i as isDarkColor } from './isDarkColor-915b06b8.js';
+import { d as debounce_1 } from './debounce-7ebfa15b.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
 import './VarianceTest-fef2d958.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-5ea9f81d.js';
-import { d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
+import { f as zonosStoreFontFamily } from './zonosStore-504a7030.js';
 import { c as classes } from './classes-0d95c529.js';
 import './VarianceTest-fef2d958.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-5ea9f81d.js';
-import { d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
+import { f as zonosStoreFontFamily } from './zonosStore-504a7030.js';
 import { c as classes } from './classes-0d95c529.js';
 import './VarianceTest-fef2d958.js';
 

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-5ea9f81d.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
+import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-504a7030.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-b18c924f.js';
+import { g as getBorderRadius } from './getBorderRadius-174305ff.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
-import { i as isDarkColor } from './isDarkColor-d8bb8659.js';
+import { i as isDarkColor } from './isDarkColor-915b06b8.js';
 import { s as styles } from './styles-6fc2fad9.js';
 import './VarianceTest-fef2d958.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-5ea9f81d.js';
-import { d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
+import { f as zonosStoreFontFamily } from './zonosStore-504a7030.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-b18c924f.js';
+import { g as getBorderRadius } from './getBorderRadius-174305ff.js';
 import './VarianceTest-fef2d958.js';
 
 const zonosCardCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";

package/dist/esm/zonos-cart-items_14.entry.js

@@ -1,18 +1,20 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-5ea9f81d.js';
-import { e as cartStore, A as cartStoreHasOneEligibleItem, B as stripeStoreApplyPromoCode, C as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, D as stripeStoreResetPromoCode, E as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, F as stripeStoreTranslateAddressToLatin, G as cartStoreUpdateSelectedShippingOption, H as cartStoreGetShippingTransitInfo, I as sortServiceLevelOptionsByAmount, J as cartStoreGetMethod } from './cart-5835676d.js';
-import { d as currencyFormat, t as translate, s as storageStore, l as localizationStore } from './localization-4c7f64e8.js';
+import { e as cartStore, A as cartStoreHasOneEligibleItem, B as stripeStoreApplyPromoCode, C as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, D as stripeStoreResetPromoCode, E as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, F as stripeStoreTranslateAddressToLatin, G as cartStoreUpdateSelectedShippingOption, H as cartStoreGetShippingTransitInfo, I as sortServiceLevelOptionsByAmount, J as cartStoreGetMethod } from './cart-5b417c0d.js';
+import { d as currencyFormat, t as translate, s as storageStore, l as localizationStore } from './localization-669a1714.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-b4f106be.js';
-import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
+import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-3a0cf86b.js';
+import { z as zonosStore, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-504a7030.js';
 import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, g as getIsTestMode, d as allLogs, i as isCheckoutMobile, b as logError, a as getIsStagingMode } from './handleFetch-621e45bc.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
-import { g as getBorderRadius } from './getBorderRadius-b18c924f.js';
+import { g as getBorderRadius } from './getBorderRadius-174305ff.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { i as isDarkColor, t as tinycolor } from './isDarkColor-d8bb8659.js';
+import { i as isDarkColor, t as tinycolor } from './isDarkColor-915b06b8.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
+import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-183ca6c1.js';
 import { s as shouldRenderTaxIdInput, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
 import { e as euCountryCodes } from './TaxId-50d72254.js';
 import './VarianceTest-fef2d958.js';
+import './debounce-7ebfa15b.js';
 
 const getDisplayCurrency = () => {
     var _a, _b;
@@ -2607,17 +2609,14 @@ const ZonosCustomerInfo = class {
             if (type === 'shipping' &&
                 storageStore.checkoutSessionId &&
                 !this.recordedFormTypeUsed) {
-                void handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
-                    body: {
-                        id: storageStore.checkoutSessionId,
-                        metadata: [
-                            {
-                                key: 'ZONOS_FORM_TYPE_USING',
-                                value: shouldUseCustomAddressForm ? 'custom' : 'stripe',
-                            },
-                        ],
-                    },
-                    method: 'POST',
+                void updateCheckoutSessionAttributes({
+                    attributes: [
+                        {
+                            key: 'ZONOS_FORM_TYPE_USING',
+                            value: shouldUseCustomAddressForm ? 'custom' : 'stripe',
+                        },
+                    ],
+                    checkoutSessionId: storageStore.checkoutSessionId,
                 });
                 this.recordedFormTypeUsed = true;
             }