@zonos/elements 1.3.207 → 1.3.208

package/dist/cjs/{CheckoutConfig-4afc683b.js → CheckoutConfig-27c82f94.js}

@@ -1,5 +1,23 @@
 'use strict';
 
+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}$`);
@@ -35,3 +53,4 @@ exports._getIsValidCartId = _getIsValidCartId;
 exports.checkoutHiddenBtnSelector = checkoutHiddenBtnSelector;
 exports.checkoutHiddenInternationalBtnSelector = checkoutHiddenInternationalBtnSelector;
 exports.domesticRedirectedBtnSelector = domesticRedirectedBtnSelector;
+exports.getAbandonedCartRenewTokenValue = getAbandonedCartRenewTokenValue;

package/dist/cjs/{cart-3d961c6e.js → cart-47c17ebf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const isDarkColor = require('./isDarkColor-35e8daec.js');
 const getBorderRadius = require('./getBorderRadius-c424eb05.js');
@@ -1177,18 +1177,6 @@ const getCheckoutSessionBody = () => {
                 key: 'language',
                 value: localization.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: localization.localizationStore.selectedCountryCode,
         skipPaymentIntent: stripeStore.skipPaymentIntent,
@@ -1336,18 +1324,6 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
                     key: 'language',
                     value: localization.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/cjs/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const CheckoutConfig = require('./CheckoutConfig-4afc683b.js');
+const CheckoutConfig = require('./CheckoutConfig-27c82f94.js');
 const VarianceTest = require('./VarianceTest-0cb1e118.js');
 const TaxId = require('./TaxId-12acedde.js');
 
@@ -132,7 +132,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.') ||
@@ -302,6 +302,7 @@ const getCartIdFromQueryParam = () => {
 const getCartInfoById = async ({ cartId, retries, }) => {
     const isTestMode = handleFetch.getIsTestMode();
     const overrideSettings = getGenericSettingsOverride.getGenericSettingsOverride();
+    const renewCartExpirationToken = CheckoutConfig.getAbandonedCartRenewTokenValue() || undefined;
     const params = new URLSearchParams();
     if (overrideSettings.overrideShouldEnabledCustomAddress) {
         params.set('overrideShouldEnabledCustomAddress', overrideSettings.overrideShouldEnabledCustomAddress);
@@ -309,6 +310,7 @@ const getCartInfoById = async ({ cartId, retries, }) => {
     const { errors, json, zonosMode } = await handleFetch.handleFetch(`/api/zonos-elements/get-cart?${params.toString()}`, {
         body: {
             isTestMode,
+            renewCartExpirationToken,
             tempCartUUID: cartId,
         },
         headers: {
@@ -373,10 +375,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 {
@@ -394,7 +396,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
@@ -412,7 +414,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;
@@ -924,6 +926,21 @@ Zonos.injectSupportGoogleFont = (fontUrl) => {
     handleFetch.log(`[FONT] ${fontFamily} font injected!`);
 };
 
+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,
+];
+
 exports.checkoutHiddenBtnSelector = CheckoutConfig.checkoutHiddenBtnSelector;
 exports.checkoutHiddenInternationalBtnSelector = CheckoutConfig.checkoutHiddenInternationalBtnSelector;
 exports.domesticRedirectedBtnSelector = CheckoutConfig.domesticRedirectedBtnSelector;
@@ -932,3 +949,6 @@ exports.countryRequireTaxId = TaxId.countryRequireTaxId;
 exports.euCountryCodes = TaxId.euCountryCodes;
 exports.shipToTaxIdLabels = TaxId.shipToTaxIdLabels;
 exports.Zonos = Zonos;
+exports.checkoutSessionAttributeKeys = checkoutSessionAttributeKeys;
+exports.checkoutSessionImmutableAttributeKeys = checkoutSessionImmutableAttributeKeys;
+exports.checkoutSessionMutableAttributeKeys = checkoutSessionMutableAttributeKeys;

package/dist/cjs/{localization-ff33875b.js → localization-e9089be5.js}

@@ -14009,6 +14009,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/cjs/{paypal-dee5c109.js → paypal-3a803d21.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
-const cart = require('./cart-3d961c6e.js');
-const localization = require('./localization-ff33875b.js');
+const cart = require('./cart-47c17ebf.js');
+const localization = require('./localization-e9089be5.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const isDarkColor = require('./isDarkColor-35e8daec.js');
 

package/dist/cjs/updateCheckoutSessionAttributes-d0332530.js

@@ -0,0 +1,50 @@
+'use strict';
+
+const debounce = require('./debounce-0b9c0f8a.js');
+const handleFetch = require('./handleFetch-969d05d8.js');
+
+const attributesToUpdate = {};
+// Store debounced functions per session to ensure proper debouncing
+const debouncedFunctions = {};
+const createDebouncedFetch = (sessionId) => {
+    return debounce.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.handleFetch('/api/zonos-elements/update-checkout-session-attributes', {
+            body: {
+                attributes: latestAttributes,
+                id: sessionId,
+            },
+            method: 'POST',
+        });
+        if (errors.length) {
+            handleFetch.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]();
+};
+
+exports.updateCheckoutSessionAttributes = updateCheckoutSessionAttributes;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-3d961c6e.js');
-const localization = require('./localization-ff33875b.js');
+const cart = require('./cart-47c17ebf.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-3d961c6e.js');
-const localization = require('./localization-ff33875b.js');
+const cart = require('./cart-47c17ebf.js');
+const localization = require('./localization-e9089be5.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-dee5c109.js');
+const paypal = require('./paypal-3a803d21.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
@@ -14,9 +14,11 @@ const getBorderRadius = require('./getBorderRadius-c424eb05.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 const isDarkColor = require('./isDarkColor-35e8daec.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-d0332530.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const TaxId = require('./TaxId-12acedde.js');
 require('./VarianceTest-0cb1e118.js');
+require('./debounce-0b9c0f8a.js');
 
 const getDisplayCurrency = () => {
     var _a, _b;
@@ -2611,17 +2613,14 @@ const ZonosCustomerInfo = class {
             if (type === 'shipping' &&
                 localization.storageStore.checkoutSessionId &&
                 !this.recordedFormTypeUsed) {
-                void handleFetch.handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
-                    body: {
-                        id: localization.storageStore.checkoutSessionId,
-                        metadata: [
-                            {
-                                key: 'ZONOS_FORM_TYPE_USING',
-                                value: shouldUseCustomAddressForm ? 'custom' : 'stripe',
-                            },
-                        ],
-                    },
-                    method: 'POST',
+                void updateCheckoutSessionAttributes.updateCheckoutSessionAttributes({
+                    attributes: [
+                        {
+                            key: 'ZONOS_FORM_TYPE_USING',
+                            value: shouldUseCustomAddressForm ? 'custom' : 'stripe',
+                        },
+                    ],
+                    checkoutSessionId: localization.storageStore.checkoutSessionId,
                 });
                 this.recordedFormTypeUsed = true;
             }

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

@@ -3,19 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-3d961c6e.js');
-const paypal = require('./paypal-dee5c109.js');
-const localization = require('./localization-ff33875b.js');
+const cart = require('./cart-47c17ebf.js');
+const paypal = require('./paypal-3a803d21.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
+const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-d0332530.js');
+const CheckoutConfig = require('./CheckoutConfig-27c82f94.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-c424eb05.js');
 const isDarkColor = require('./isDarkColor-35e8daec.js');
 const styles = require('./styles-d1e64fb9.js');
-const CheckoutConfig = require('./CheckoutConfig-4afc683b.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 require('./VarianceTest-0cb1e118.js');
+require('./debounce-0b9c0f8a.js');
 
 /**
  * Map the items from tempCart like how we do it in dgs
@@ -989,6 +991,29 @@ const ZonosCheckout = class {
         this.placedOrderInfo = existingPlacedOrderInfo;
         handleFetch.log('=== Showing order duplication confirmation', 'warn');
     }
+    recordCheckoutInfo() {
+        if (!localization.storageStore.checkoutSessionId) {
+            return;
+        }
+        // Record the order duplication consent so we know user did see the notification and proceed with the order duplication
+        void updateCheckoutSessionAttributes.updateCheckoutSessionAttributes({
+            attributes: [
+                {
+                    key: 'APP_VERSION',
+                    value: window.Zonos.version,
+                },
+                {
+                    key: 'APP_VERSION_NPM_INTEGRATION',
+                    value: window.Zonos.isNpm ? '1' : '0',
+                },
+                {
+                    key: 'LEGACY_CHECKOUT_FACADE',
+                    value: window.Zonos.isLegacyCheckout ? '1' : '0',
+                },
+            ],
+            checkoutSessionId: localization.storageStore.checkoutSessionId,
+        });
+    }
     confirmProceedWithOrderDuplication() {
         // Reset the placed order info
         this.placedOrderInfo = null;
@@ -996,17 +1021,18 @@ const ZonosCheckout = class {
             return;
         }
         // Record the order duplication consent so we know user did see the notification and proceed with the order duplication
-        void handleFetch.handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
-            body: {
-                id: localization.storageStore.checkoutSessionId,
-                metadata: [
-                    {
-                        key: 'orderDuplicationConsent',
-                        value: '1',
-                    },
-                ],
-            },
-            method: 'POST',
+        void updateCheckoutSessionAttributes.updateCheckoutSessionAttributes({
+            attributes: [{ key: 'ORDER_DUPLICATION_CONSENT', value: '1' }],
+            checkoutSessionId: localization.storageStore.checkoutSessionId,
+        });
+    }
+    markTheSessionAsAbandonedCart() {
+        if (!localization.storageStore.checkoutSessionId) {
+            return;
+        }
+        void updateCheckoutSessionAttributes.updateCheckoutSessionAttributes({
+            attributes: [{ key: 'WITH_ABANDONED_CART_TOKEN', value: '1' }],
+            checkoutSessionId: localization.storageStore.checkoutSessionId,
         });
     }
     handleCancelOrderDuplication() {
@@ -1153,6 +1179,12 @@ const ZonosCheckout = class {
                         const loadTime = endTime - startTime;
                         void sendLoadNativeCheckoutLog({ loadTime });
                     }
+                    this.recordCheckoutInfo();
+                    // update checkout session attribute to know the current cart is abandoned
+                    const isAbandonedCart = !!CheckoutConfig.getAbandonedCartRenewTokenValue();
+                    if (isAbandonedCart) {
+                        this.markTheSessionAsAbandonedCart();
+                    }
                 }
                 catch (err) {
                     if (err instanceof Error) {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-3d961c6e.js');
-const localization = require('./localization-ff33875b.js');
+const cart = require('./cart-47c17ebf.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-969d05d8.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-969d05d8.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-1c710d00.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-35e8daec.js');

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -6,10 +6,10 @@ const index = require('./index-1c710d00.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-c424eb05.js');
-const cart = require('./cart-3d961c6e.js');
-const localization = require('./localization-ff33875b.js');
+const cart = require('./cart-47c17ebf.js');
+const localization = require('./localization-e9089be5.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const paypal = require('./paypal-dee5c109.js');
+const paypal = require('./paypal-3a803d21.js');
 require('./VarianceTest-0cb1e118.js');
 require('./isDarkColor-35e8daec.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.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-1c710d00.js');
 const debounce = require('./debounce-0b9c0f8a.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-969d05d8.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-1c710d00.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-969d05d8.js');

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

@@ -10,7 +10,9 @@ import { buildCartItemsByTempCart } from "../../utils/api/buildCartItemsByTempCa
 import { isStoreDiscountEnabled } from "../../utils/api/isStoreDiscountEnabl";
 import { selectVarianceTest } from "../../utils/api/selectVarianceTest";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
+import { updateCheckoutSessionAttributes } from "../../utils/api/updateCheckoutSessionAttributes";
 import { buildCartUrl } from "../../utils/buildCartUrl";
+import { getAbandonedCartRenewTokenValue } from "../../utils/checkout/getAbandonedCartRenewTokenValue";
 import { getIsStagingMode } from "../../utils/checkout/getIsStagingMode";
 import { getIsTestMode } from "../../utils/checkout/getIsTestMode";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
@@ -21,7 +23,6 @@ import { classes } from "../../utils/classes";
 import { createCustomEvent } from "../../utils/createCustomEvent";
 import { getBorderRadius } from "../../utils/getBorderRadius";
 import { getLegacyQueryParams } from "../../utils/getLegacyQueryParams";
-import { handleFetch } from "../../utils/handleFetch";
 import { currencyFormat } from "../../utils/hello/currencyConversion/currencyFormat";
 import { getZCountryUrlParam } from "../../utils/hello/getZCountryUrlParam";
 import { isDarkColor } from "../../utils/isDarkColor";
@@ -589,6 +590,29 @@ export class ZonosCheckout {
         this.placedOrderInfo = existingPlacedOrderInfo;
         log('=== Showing order duplication confirmation', 'warn');
     }
+    recordCheckoutInfo() {
+        if (!storageStore.checkoutSessionId) {
+            return;
+        }
+        // Record the order duplication consent so we know user did see the notification and proceed with the order duplication
+        void updateCheckoutSessionAttributes({
+            attributes: [
+                {
+                    key: 'APP_VERSION',
+                    value: window.Zonos.version,
+                },
+                {
+                    key: 'APP_VERSION_NPM_INTEGRATION',
+                    value: window.Zonos.isNpm ? '1' : '0',
+                },
+                {
+                    key: 'LEGACY_CHECKOUT_FACADE',
+                    value: window.Zonos.isLegacyCheckout ? '1' : '0',
+                },
+            ],
+            checkoutSessionId: storageStore.checkoutSessionId,
+        });
+    }
     confirmProceedWithOrderDuplication() {
         // Reset the placed order info
         this.placedOrderInfo = null;
@@ -596,17 +620,18 @@ export class ZonosCheckout {
             return;
         }
         // Record the order duplication consent so we know user did see the notification and proceed with the order duplication
-        void handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
-            body: {
-                id: storageStore.checkoutSessionId,
-                metadata: [
-                    {
-                        key: 'orderDuplicationConsent',
-                        value: '1',
-                    },
-                ],
-            },
-            method: 'POST',
+        void updateCheckoutSessionAttributes({
+            attributes: [{ key: 'ORDER_DUPLICATION_CONSENT', value: '1' }],
+            checkoutSessionId: storageStore.checkoutSessionId,
+        });
+    }
+    markTheSessionAsAbandonedCart() {
+        if (!storageStore.checkoutSessionId) {
+            return;
+        }
+        void updateCheckoutSessionAttributes({
+            attributes: [{ key: 'WITH_ABANDONED_CART_TOKEN', value: '1' }],
+            checkoutSessionId: storageStore.checkoutSessionId,
         });
     }
     handleCancelOrderDuplication() {
@@ -753,6 +778,12 @@ export class ZonosCheckout {
                         const loadTime = endTime - startTime;
                         void sendLoadNativeCheckoutLog({ loadTime });
                     }
+                    this.recordCheckoutInfo();
+                    // update checkout session attribute to know the current cart is abandoned
+                    const isAbandonedCart = !!getAbandonedCartRenewTokenValue();
+                    if (isAbandonedCart) {
+                        this.markTheSessionAsAbandonedCart();
+                    }
                 }
                 catch (err) {
                     if (err instanceof Error) {

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

@@ -4,8 +4,8 @@ import { localizationStore } from "../../../store/hello/localization";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, } from "../../../store/zonosStore";
+import { updateCheckoutSessionAttributes } from "../../../utils/api/updateCheckoutSessionAttributes";
 import { containsNonLatinChars } from "../../../utils/containsNonLatinChars";
-import { handleFetch } from "../../../utils/handleFetch";
 import { log } from "../../../utils/logging/log";
 import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
 import { taxIdValidationResult } from "../../../utils/taxIdValidationResult";
@@ -274,17 +274,14 @@ export class ZonosCustomerInfo {
             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;
             }

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

@@ -600,18 +600,6 @@ export 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,
@@ -759,18 +747,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,