@searchspring/snap-tracker 0.63.5 → 0.65.0

package/dist/esm/Tracker.js

@@ -1,203 +1,86 @@
 import deepmerge from 'deepmerge';
-import { v4 as uuidv4 } from 'uuid';
 import { StorageStore } from '@searchspring/snap-store-mobx';
-import { cookies, getFlags, version, DomTargeter, getContext, charsParams } from '@searchspring/snap-toolbox';
+import { version, DomTargeter, getContext } from '@searchspring/snap-toolbox';
 import { AppMode } from '@searchspring/snap-toolbox';
-import { TrackEvent } from './TrackEvent';
-import { PixelEvent } from './PixelEvent';
+import { Beacon } from '@searchspring/beacon';
 import { BeaconEvent } from './BeaconEvent';
 import { BeaconType, BeaconCategory, } from './types';
-export const BATCH_TIMEOUT = 200;
-const LEGACY_USERID_COOKIE_NAME = '_isuid';
-const USERID_COOKIE_NAME = 'ssUserId';
-const SHOPPERID_COOKIE_NAME = 'ssShopperId';
-const COOKIE_EXPIRATION = 31536000000; // 1 year
-const VIEWED_COOKIE_EXPIRATION = 220752000000; // 7 years
-const COOKIE_SAMESITE = 'Lax';
-const COOKIE_DOMAIN = (typeof window !== 'undefined' && window.location.hostname && '.' + window.location.hostname.replace(/^www\./, '')) || undefined;
-const SESSIONID_STORAGE_NAME = 'ssSessionIdNamespace';
-const LOCALSTORAGE_BEACON_POOL_NAME = 'ssBeaconPool';
-const CART_PRODUCTS = 'ssCartProducts';
-const VIEWED_PRODUCTS = 'ssViewedProducts';
-export const MAX_VIEWED_COUNT = 20;
 const MAX_PARENT_LEVELS = 3;
 const defaultConfig = {
     id: 'track',
     framework: 'snap',
     mode: AppMode.production,
 };
-export class Tracker {
+export class Tracker extends Beacon {
     constructor(globals, config) {
-        this.mode = AppMode.production;
+        config = deepmerge(defaultConfig, config || {});
+        config.initiator = `searchspring/${config.framework}/${version}`;
+        super(globals, config);
         this.targeters = [];
         this.track = {
-            event: (payload) => {
-                const event = {
-                    type: payload?.type || BeaconType.CUSTOM,
-                    category: payload?.category || BeaconCategory.CUSTOM,
-                    context: payload?.context ? deepmerge(this.context, payload.context) : this.context,
-                    event: payload.event,
-                    pid: payload?.pid || undefined,
-                };
-                const doNotTrack = this.doNotTrack.find((entry) => entry.type === event.type && entry.category === event.category);
-                if (doNotTrack) {
+            // TODO: search where this is used and remove unwanted fields from type
+            error: (data, siteId) => {
+                if (this.doNotTrack?.includes('error') || this.mode === AppMode.development) {
                     return;
                 }
-                const beaconEvent = new BeaconEvent(event, this.config);
-                this.sendEvents([beaconEvent]);
-                return beaconEvent;
-            },
-            error: (data, siteId) => {
                 if (!data?.stack && !data?.message) {
                     // no console log
                     return;
                 }
-                let context = this.context;
-                if (siteId) {
-                    context = deepmerge(context, {
-                        context: {
-                            website: {
-                                trackingCode: siteId,
-                            },
-                        },
-                    });
+                const { stack, message, details } = data;
+                const { pageUrl } = this.getContext();
+                // prevent sending of errors when on localhost or CDN
+                if (message?.includes('Profile is currently paused') || pageUrl.includes('//localhost') || pageUrl.includes('//snapui.searchspring.io/')) {
+                    return;
                 }
-                const { href, filename, stack, message, colno, lineno, errortimestamp, details } = data;
-                const payload = {
-                    type: BeaconType.ERROR,
-                    category: BeaconCategory.RUNTIME,
-                    context,
-                    event: {
-                        href: href || window.location.href,
-                        filename,
+                this.events.error.snap({
+                    data: {
+                        message: message || 'unknown',
                         stack,
-                        message,
-                        colno,
-                        lineno,
-                        errortimestamp,
                         details,
-                        context: data.context,
                     },
-                };
-                // prevent sending of errors when on localhost or CDN
-                if (payload.event.message?.includes('Profile is currently paused') ||
-                    !payload.event.href ||
-                    payload.event.href.includes('//localhost') ||
-                    payload.event.href.includes('//snapui.searchspring.io/')) {
-                    return;
-                }
-                return this.track.event(payload);
+                    siteId,
+                });
             },
             shopper: {
                 login: (data, siteId) => {
-                    // sets shopperid if logged in
-                    if (!getFlags().cookies()) {
-                        return;
-                    }
-                    if (!data.id) {
-                        console.error('tracker.shopper.login event: requires a valid shopper ID parameter. Example: tracker.shopper.login({ id: "1234" })');
+                    if (this.doNotTrack?.includes('shopper.login')) {
                         return;
                     }
-                    data.id = `${data.id}`;
-                    let context = this.context;
-                    if (siteId) {
-                        context = deepmerge(context, {
-                            context: {
-                                website: {
-                                    trackingCode: siteId,
-                                },
-                            },
-                        });
-                        context.shopperId = data.id;
-                    }
-                    const storedShopperId = this.getShopperId();
-                    if (storedShopperId != data.id) {
-                        // user's logged in id has changed, update shopperId cookie send login event
-                        cookies.set(SHOPPERID_COOKIE_NAME, data.id, COOKIE_SAMESITE, COOKIE_EXPIRATION, COOKIE_DOMAIN);
-                        this.context.shopperId = data.id;
-                        this.sendPreflight();
-                        const payload = {
-                            type: BeaconType.LOGIN,
-                            category: BeaconCategory.PERSONALIZATION,
-                            context,
-                            event: {
-                                userId: this.context.userId,
-                                shopperId: data.id,
-                            },
-                        };
-                        return this.track.event(payload);
-                    }
+                    this.events.shopper.login({ data: { id: data.id }, siteId });
                 },
             },
             product: {
                 view: (data, siteId) => {
-                    if (!data?.uid && !data?.sku && !data?.childUid && !data?.childSku) {
-                        console.error('track.product.view event: requires a valid uid, sku and/or childUid, childSku. \nExample: track.product.view({ uid: "123", sku: "product123", childUid: "123_a", childSku: "product123_a" })');
+                    if (this.doNotTrack?.includes('product.view')) {
                         return;
                     }
-                    let context = this.context;
-                    if (siteId) {
-                        context = deepmerge(context, {
-                            context: {
-                                website: {
-                                    trackingCode: siteId,
-                                },
-                            },
-                        });
-                    }
-                    const payload = {
-                        type: BeaconType.PRODUCT,
-                        category: BeaconCategory.PAGEVIEW,
-                        context,
-                        event: {
-                            uid: data?.uid ? `${data.uid}` : undefined,
-                            sku: data?.sku ? `${data.sku}` : undefined,
-                            childUid: data?.childUid ? `${data.childUid}` : undefined,
-                            childSku: data?.childSku ? `${data.childSku}` : undefined,
-                        },
-                    };
-                    const event = this.track.event(payload);
-                    if (event) {
-                        // save recently viewed products to cookie
-                        const sku = data?.childSku || data?.childUid || data?.sku || data?.uid;
-                        if (sku) {
-                            const lastViewedProducts = this.cookies.viewed.get();
-                            const uniqueCartItems = Array.from(new Set([sku, ...lastViewedProducts])).map((item) => `${item}`.trim());
-                            cookies.set(VIEWED_PRODUCTS, uniqueCartItems.slice(0, MAX_VIEWED_COUNT).join(','), COOKIE_SAMESITE, VIEWED_COOKIE_EXPIRATION, COOKIE_DOMAIN);
-                            if (!lastViewedProducts.includes(sku)) {
-                                this.sendPreflight();
-                            }
-                        }
-                        // legacy tracking
-                        if (data?.sku) {
-                            // only send sku to pixel tracker if present (don't send childSku)
-                            new PixelEvent({
-                                ...payload,
-                                event: {
-                                    sku: data.sku,
-                                    id: data.uid,
-                                },
-                            });
-                        }
-                        return event;
+                    let result = data;
+                    if (!data.uid && data.sku) {
+                        result = {
+                            ...data,
+                            uid: data.sku,
+                        };
                     }
+                    this.events.product.pageView({ data: { result: result }, siteId });
                 },
+                /**
+                 * @deprecated tracker.track.product.click() is deprecated and will be removed. Use tracker.events['search' | 'category'].clickThrough() instead
+                 */
                 click: (data, siteId) => {
+                    // Controllers will send product click events through tracker.beacon
+                    // For legacy support if someone calls this, continute to 1.0 beacon just like is.js
+                    // TODO: remove after 1.0 deprecation period
+                    if (this.doNotTrack?.includes('product.click')) {
+                        return;
+                    }
                     if (!data?.intellisuggestData || !data?.intellisuggestSignature) {
                         console.error(`track.product.click event: object parameter requires a valid intellisuggestData and intellisuggestSignature. \nExample: track.click.product({ intellisuggestData: "eJwrTs4tNM9jYCjKTM8oYXDWdQ3TDTfUDbIwMDVjMARCYwMQSi_KTAEA9IQKWA", intellisuggestSignature: "9e46f9fd3253c267fefc298704e39084a6f8b8e47abefdee57277996b77d8e70" })`);
                         return;
                     }
-                    let context = this.context;
-                    if (siteId) {
-                        context = deepmerge(context, {
-                            context: {
-                                website: {
-                                    trackingCode: siteId,
-                                },
-                            },
-                        });
-                    }
-                    const payload = {
+                    const beaconContext = this.getContext();
+                    const context = transformToLegacyContext(beaconContext, siteId || this.globals.siteId);
+                    const event = {
                         type: BeaconType.CLICK,
                         category: BeaconCategory.INTERACTION,
                         context,
@@ -207,359 +90,117 @@ export class Tracker {
                             href: data?.href ? `${data.href}` : undefined,
                         },
                     };
-                    // legacy tracking
-                    new TrackEvent(payload);
-                    return this.track.event(payload);
+                    const beaconEvent = new BeaconEvent(event, this.config);
+                    const beaconEventData = beaconEvent.send();
+                    return beaconEventData;
                 },
             },
             cart: {
                 view: (data, siteId) => {
-                    if (!Array.isArray(data?.items) || !data?.items.length) {
-                        console.error('track.view.cart event: parameter must be an array of cart items. \nExample: track.view.cart({ items: [{ id: "123", sku: "product123", childSku: "product123_a", qty: "1", price: "9.99" }] })');
+                    if (this.doNotTrack?.includes('cart.view')) {
                         return;
                     }
-                    let context = this.context;
-                    if (siteId) {
-                        context = deepmerge(context, {
-                            context: {
-                                website: {
-                                    trackingCode: siteId,
-                                },
-                            },
-                        });
-                    }
-                    const items = data.items.map((item, index) => {
-                        if (!item?.qty || !item?.price || (!item?.uid && !item?.sku && !item?.childUid && !item?.childSku)) {
-                            console.error(`track.view.cart event: item at index ${index} requires a valid qty, price, and (uid and/or sku and/or childUid and/or childSku.) \nExample: track.view.cart({ items: [{ uid: "123", sku: "product123", childUid: "123_a", childSku: "product123_a", qty: "1", price: "9.99" }] })`);
-                            return;
-                        }
-                        const product = {
-                            qty: `${item.qty}`,
-                            price: `${item.price}`,
-                        };
-                        if (item?.uid) {
-                            product.uid = `${item.uid}`;
-                        }
-                        if (item?.sku) {
-                            product.sku = `${item.sku}`;
-                        }
-                        if (item?.childUid) {
-                            product.childUid = `${item.childUid}`;
+                    // uid can be optional in legacy payload but required in 2.0 spec - use sku as fallback
+                    const results = data.items
+                        .map((item) => {
+                        if (!item.uid && item.sku) {
+                            return {
+                                ...item,
+                                uid: item.sku,
+                            };
                         }
-                        if (item?.childSku) {
-                            product.childSku = `${item.childSku}`;
+                        else {
+                            return item;
                         }
-                        return product;
+                    })
+                        .map((item) => {
+                        // convert to Product[] - ensure qty and price are numbers
+                        return {
+                            ...item,
+                            qty: Number(item.qty),
+                            price: Number(item.price),
+                        };
                     });
-                    const payload = {
-                        type: BeaconType.CART,
-                        category: BeaconCategory.CARTVIEW,
-                        context,
-                        event: { items },
-                    };
-                    const event = this.track.event(payload);
-                    if (event) {
-                        // save cart items to cookie
-                        if (items.length) {
-                            const products = items.map((item) => item?.childSku || item?.childUid || item?.sku || item?.uid || '').filter((sku) => sku);
-                            this.cookies.cart.add(products);
-                        }
-                        // legacy tracking
-                        new PixelEvent(payload);
-                        return event;
-                    }
+                    this.events.cart.view({ data: { results: results }, siteId });
                 },
             },
             order: {
                 transaction: (data, siteId) => {
-                    if (!data?.items || !Array.isArray(data.items) || !data.items.length) {
-                        console.error('track.order.transaction event: object parameter must contain `items` array of cart items. \nExample: order.transaction({ order: { id: "1001", total: "10.71", transactionTotal: "9.99", city: "Los Angeles", state: "CA", country: "US" }, items: [{ uid: "123", sku: "product123", childUid: "123_a", childSku: "product123_a", qty: "1", price: "9.99" }] })');
+                    if (this.doNotTrack?.includes('order.transaction')) {
                         return;
                     }
-                    let context = this.context;
-                    if (siteId) {
-                        context = deepmerge(context, {
-                            context: {
-                                website: {
-                                    trackingCode: siteId,
-                                },
-                            },
-                        });
-                    }
-                    const items = data.items.map((item, index) => {
-                        if (!item?.qty || !item?.price || (!item?.uid && !item?.sku && !item?.childUid && !item?.childSku)) {
-                            console.error(`track.order.transaction event: object parameter \`items\`: item at index ${index} requires a valid qty, price, and (id or sku and/or childSku.) \nExample: order.view({ items: [{ uid: "123", sku: "product123", childUid: "123_a", childSku: "product123_a", qty: "1", price: "9.99" }] })`);
-                            return;
-                        }
-                        const product = {
-                            qty: `${item.qty}`,
-                            price: `${item.price}`,
-                        };
-                        if (item?.uid) {
-                            product.uid = `${item.uid}`;
-                        }
-                        if (item?.sku) {
-                            product.sku = `${item.sku}`;
-                        }
-                        if (item?.childUid) {
-                            product.childUid = `${item.childUid}`;
-                        }
-                        if (item?.childSku) {
-                            product.childSku = `${item.childSku}`;
-                        }
-                        return product;
-                    });
-                    const eventPayload = {
-                        orderId: data?.order?.id ? `${data.order.id}` : undefined,
-                        total: data?.order?.total ? `${data.order.total}` : undefined,
-                        transactionTotal: data?.order?.transactionTotal ? `${data.order.transactionTotal}` : undefined,
-                        city: data?.order?.city ? `${data.order.city}` : undefined,
-                        state: data?.order?.state ? `${data.order.state}` : undefined,
-                        country: data?.order?.country ? `${data.order.country}` : undefined,
-                        items,
-                    };
-                    const payload = {
-                        type: BeaconType.ORDER,
-                        category: BeaconCategory.ORDERVIEW,
-                        context,
-                        event: eventPayload,
+                    const order = data.order;
+                    const items = data.items;
+                    const orderTransactionData = {
+                        orderId: `${order?.id || ''}`,
+                        transactionTotal: Number(order?.transactionTotal || 0),
+                        total: Number(order?.total || 0),
+                        city: order?.city,
+                        state: order?.state,
+                        country: order?.country,
+                        results: items.map((item) => {
+                            return {
+                                // uid is required - fallback to get most relevant
+                                uid: item.uid || item.sku || '',
+                                childUid: item.childUid,
+                                sku: item.sku,
+                                childSku: item.childSku,
+                                qty: Number(item.qty),
+                                price: Number(item.price),
+                            };
+                        }),
                     };
-                    const event = this.track.event(payload);
-                    if (event) {
-                        // clear cart items from cookie when order is placed
-                        this.cookies.cart.clear();
-                        // legacy tracking
-                        new PixelEvent(payload);
-                        return event;
-                    }
+                    this.events.order.transaction({ data: orderTransactionData, siteId });
                 },
             },
         };
-        this.updateContext = (key, value) => {
-            if (value) {
-                this.context[key] = value;
-            }
-        };
-        this.setCurrency = (currency) => {
-            if (!currency?.code) {
-                return;
-            }
-            this.context.currency = currency;
-        };
-        this.getUserId = () => {
-            let userId;
-            try {
-                // use cookies if available, fallback to localstorage
-                if (getFlags().cookies()) {
-                    userId = cookies.get(LEGACY_USERID_COOKIE_NAME) || cookies.get(USERID_COOKIE_NAME) || uuidv4();
-                    cookies.set(USERID_COOKIE_NAME, userId, COOKIE_SAMESITE, COOKIE_EXPIRATION, COOKIE_DOMAIN);
-                    cookies.set(LEGACY_USERID_COOKIE_NAME, userId, COOKIE_SAMESITE, COOKIE_EXPIRATION, COOKIE_DOMAIN);
-                }
-                else if (getFlags().storage()) {
-                    userId = window.localStorage.getItem(USERID_COOKIE_NAME) || uuidv4();
-                    window.localStorage.setItem(USERID_COOKIE_NAME, userId);
-                }
-                else {
-                    throw 'unsupported features';
-                }
-            }
-            catch (e) {
-                console.error('Failed to persist user id to cookie or local storage:', e);
-            }
-            return userId;
-        };
-        this.getSessionId = () => {
-            let sessionId;
-            if (getFlags().storage()) {
-                try {
-                    sessionId = window.sessionStorage.getItem(SESSIONID_STORAGE_NAME) || uuidv4();
-                    window.sessionStorage.setItem(SESSIONID_STORAGE_NAME, sessionId);
-                    getFlags().cookies() && cookies.set(SESSIONID_STORAGE_NAME, sessionId, COOKIE_SAMESITE, 0, COOKIE_DOMAIN); //session cookie
-                }
-                catch (e) {
-                    console.error('Failed to persist session id to session storage:', e);
-                }
-            }
-            else if (getFlags().cookies()) {
-                // use cookies if sessionStorage is not enabled and only reset cookie if new session to keep expiration
-                sessionId = cookies.get(SESSIONID_STORAGE_NAME);
-                if (!sessionId) {
-                    sessionId = uuidv4();
-                    cookies.set(SESSIONID_STORAGE_NAME, sessionId, COOKIE_SAMESITE, 0, COOKIE_DOMAIN);
-                }
-            }
-            return sessionId;
-        };
-        this.getShopperId = () => {
-            const shopperId = cookies.get(SHOPPERID_COOKIE_NAME);
-            if (!shopperId) {
-                return;
-            }
-            return shopperId;
-        };
-        this.sendPreflight = () => {
-            const userId = this.getUserId();
-            const siteId = this.context.website.trackingCode;
-            const shopper = this.getShopperId();
-            const cart = this.cookies.cart.get();
-            const lastViewed = this.cookies.viewed.get();
-            if (userId && typeof userId == 'string' && siteId && (shopper || cart.length || lastViewed.length)) {
-                const preflightParams = {
-                    userId,
-                    siteId,
-                };
-                let queryStringParams = `?userId=${encodeURIComponent(userId)}&siteId=${encodeURIComponent(siteId)}`;
-                if (shopper) {
-                    preflightParams.shopper = shopper;
-                    queryStringParams += `&shopper=${encodeURIComponent(shopper)}`;
-                }
-                if (cart.length) {
-                    preflightParams.cart = cart;
-                    queryStringParams += cart.map((item) => `&cart=${encodeURIComponent(item)}`).join('');
-                }
-                if (lastViewed.length) {
-                    preflightParams.lastViewed = lastViewed;
-                    queryStringParams += lastViewed.map((item) => `&lastViewed=${encodeURIComponent(item)}`).join('');
-                }
-                const origin = this.config.requesters?.personalization?.origin || `https://${siteId}.a.searchspring.io`;
-                const endpoint = `${origin}/api/personalization/preflightCache`;
-                const xhr = new XMLHttpRequest();
-                if (charsParams(preflightParams) > 1024) {
-                    xhr.open('POST', endpoint);
-                    xhr.setRequestHeader('Content-Type', 'application/json');
-                    xhr.send(JSON.stringify(preflightParams));
-                }
-                else {
-                    xhr.open('GET', endpoint + queryStringParams);
-                    xhr.send();
-                }
-            }
-        };
         this.cookies = {
             cart: {
                 get: () => {
-                    const items = cookies.get(CART_PRODUCTS);
-                    if (!items) {
-                        return [];
-                    }
-                    return items.split(',');
+                    const data = this.storage.cart.get();
+                    return data.map((item) => this.getProductId(item));
                 },
                 set: (items) => {
-                    if (items.length) {
-                        const cartItems = items.map((item) => `${item}`.trim());
-                        const uniqueCartItems = Array.from(new Set(cartItems));
-                        cookies.set(CART_PRODUCTS, uniqueCartItems.join(','), COOKIE_SAMESITE, 0, COOKIE_DOMAIN);
-                        const itemsHaveChanged = cartItems.filter((item) => items.includes(item)).length !== items.length;
-                        if (itemsHaveChanged) {
-                            this.sendPreflight();
-                        }
-                    }
+                    const cartItems = items.map((item) => `${item}`.trim());
+                    const uniqueCartItems = Array.from(new Set(cartItems)).map((uid) => ({ uid, sku: uid, price: 0, qty: 1 }));
+                    this.storage.cart.set(uniqueCartItems);
                 },
                 add: (items) => {
                     if (items.length) {
-                        const currentCartItems = this.cookies.cart.get();
-                        const itemsToAdd = items.map((item) => `${item}`.trim());
-                        const uniqueCartItems = Array.from(new Set([...currentCartItems, ...itemsToAdd]));
-                        cookies.set(CART_PRODUCTS, uniqueCartItems.join(','), COOKIE_SAMESITE, 0, COOKIE_DOMAIN);
-                        const itemsHaveChanged = currentCartItems.filter((item) => itemsToAdd.includes(item)).length !== itemsToAdd.length;
-                        if (itemsHaveChanged) {
-                            this.sendPreflight();
-                        }
+                        const itemsToAdd = items.map((item) => `${item}`.trim()).map((uid) => ({ uid, sku: uid, price: 0, qty: 1 }));
+                        this.storage.cart.add(itemsToAdd);
                     }
                 },
                 remove: (items) => {
                     if (items.length) {
-                        const currentCartItems = this.cookies.cart.get();
-                        const itemsToRemove = items.map((item) => `${item}`.trim());
-                        const updatedItems = currentCartItems.filter((item) => !itemsToRemove.includes(item));
-                        cookies.set(CART_PRODUCTS, updatedItems.join(','), COOKIE_SAMESITE, 0, COOKIE_DOMAIN);
-                        const itemsHaveChanged = currentCartItems.length !== updatedItems.length;
-                        if (itemsHaveChanged) {
-                            this.sendPreflight();
-                        }
+                        const itemsToRemove = items.map((item) => `${item}`.trim()).map((uid) => ({ uid, sku: uid, price: 0, qty: 1 }));
+                        this.storage.cart.remove(itemsToRemove);
                     }
                 },
                 clear: () => {
-                    if (this.cookies.cart.get().length) {
-                        cookies.unset(CART_PRODUCTS, COOKIE_DOMAIN);
-                        this.sendPreflight();
-                    }
+                    this.storage.cart.clear();
                 },
             },
             viewed: {
                 get: () => {
-                    const items = cookies.get(VIEWED_PRODUCTS);
-                    if (!items) {
-                        return [];
-                    }
-                    return items.split(',');
+                    const viewedItems = this.storage.viewed.get();
+                    return viewedItems.map((item) => this.getProductId(item));
                 },
             },
         };
-        this.sendEvents = (eventsToSend) => {
-            if (this.mode !== AppMode.production) {
-                return;
-            }
-            const savedEvents = JSON.parse(this.localStorage.get(LOCALSTORAGE_BEACON_POOL_NAME) || '[]');
-            if (eventsToSend) {
-                const eventsClone = [];
-                savedEvents.forEach((_event, idx) => {
-                    // using Object.assign since we are not modifying nested properties
-                    eventsClone.push(Object.assign({}, _event));
-                    delete eventsClone[idx].id;
-                    delete eventsClone[idx].pid;
-                });
-                const stringyEventsClone = JSON.stringify(eventsClone);
-                // de-dupe events
-                eventsToSend.forEach((event, idx) => {
-                    const newEvent = Object.assign({}, event);
-                    delete newEvent.id;
-                    delete newEvent.pid;
-                    if (stringyEventsClone.indexOf(JSON.stringify(newEvent)) == -1) {
-                        savedEvents.push({ ...eventsToSend[idx] });
-                    }
-                });
-                // save the beacon pool with de-duped events
-                this.localStorage.set(LOCALSTORAGE_BEACON_POOL_NAME, JSON.stringify(savedEvents));
-            }
-            clearTimeout(this.isSending);
-            this.isSending = window.setTimeout(() => {
-                if (savedEvents.length) {
-                    const xhr = new XMLHttpRequest();
-                    const origin = this.config.requesters?.beacon?.origin || 'https://beacon.searchspring.io';
-                    xhr.open('POST', `${origin}/beacon`);
-                    xhr.setRequestHeader('Content-Type', 'application/json');
-                    xhr.send(JSON.stringify(savedEvents.length == 1 ? savedEvents[0] : savedEvents));
-                }
-                this.localStorage.set(LOCALSTORAGE_BEACON_POOL_NAME, JSON.stringify([]));
-            }, BATCH_TIMEOUT);
-        };
         if (typeof globals != 'object' || typeof globals.siteId != 'string') {
             throw new Error(`Invalid config passed to tracker. The "siteId" attribute must be provided.`);
         }
-        this.config = deepmerge(defaultConfig, config || {});
+        this.config = config;
         this.doNotTrack = this.config.doNotTrack || [];
         if (Object.values(AppMode).includes(this.config.mode)) {
             this.mode = this.config.mode;
         }
-        this.globals = globals;
         this.localStorage = new StorageStore({
             type: 'local',
             key: `ss-${this.config.id}`,
         });
         this.localStorage.set('siteId', this.globals.siteId);
-        this.context = {
-            userId: this.getUserId() || '',
-            sessionId: this.getSessionId(),
-            shopperId: this.getShopperId(),
-            pageLoadId: uuidv4(),
-            website: {
-                trackingCode: this.globals.siteId,
-            },
-        };
-        if (this.globals.currency?.code) {
-            this.context.currency = this.globals.currency;
-        }
         if (!window.searchspring?.tracker) {
             window.searchspring = window.searchspring || {};
             window.searchspring.tracker = this;
@@ -660,17 +301,48 @@ export class Tracker {
                 });
             }
         });
-        this.sendEvents();
     }
     getGlobals() {
         return JSON.parse(JSON.stringify(this.globals));
     }
-    getContext() {
-        return JSON.parse(JSON.stringify(this.context));
-    }
     retarget() {
         this.targeters.forEach((target) => {
             target.retarget();
         });
     }
 }
+function transformToLegacyContext(_context, siteId) {
+    const context = { ..._context };
+    if (context.userAgent) {
+        delete context.userAgent;
+    }
+    if (context.timestamp) {
+        // @ts-ignore - property not optional
+        delete context.timestamp;
+    }
+    if (context.initiator) {
+        // @ts-ignore - property not optional
+        delete context.initiator;
+    }
+    if (context.dev) {
+        delete context.dev;
+    }
+    let attribution;
+    if (context.attribution?.length) {
+        attribution = {
+            type: context.attribution[0].type,
+            id: context.attribution[0].id,
+        };
+        delete context.attribution;
+    }
+    const beaconContext = {
+        ...context,
+        website: {
+            trackingCode: siteId,
+        },
+    };
+    if (attribution) {
+        beaconContext.attribution = attribution;
+    }
+    return beaconContext;
+}