@builder.io/sdk-solid 5.0.1 → 5.1.1

package/lib/edge/dev.js

@@ -221,6 +221,279 @@ var getUserAttributes = () => {
   };
 };
 
+// src/constants/sdk-version.ts
+var SDK_VERSION = "5.1.1";
+
+// src/helpers/sdk-headers.ts
+var getSdkHeaders = () => ({
+  "X-Builder-SDK": TARGET,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": SDK_VERSION
+});
+
+// src/helpers/nullable.ts
+var checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
+
+// src/helpers/url.ts
+var getTopLevelDomain = (host) => {
+  if (host === "localhost" || host === "127.0.0.1") {
+    return host;
+  }
+  const parts = host.split(".");
+  if (parts.length > 2) {
+    return parts.slice(1).join(".");
+  }
+  return host;
+};
+
+// src/helpers/cookie.ts
+var getCookieSync = ({
+  name,
+  canTrack
+}) => {
+  try {
+    if (!canTrack) {
+      return void 0;
+    }
+    return document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))?.split("=")[1];
+  } catch (err) {
+    logger.warn("[COOKIE] GET error: ", err?.message || err);
+    return void 0;
+  }
+};
+var getCookie = async (args) => getCookieSync(args);
+var stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
+var SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]];
+var createCookieString = ({
+  name,
+  value,
+  expires
+}) => {
+  const secure = isBrowser() ? location.protocol === "https:" : true;
+  const secureObj = secure ? SECURE_CONFIG : [[]];
+  const expiresObj = expires ? [["expires", expires.toUTCString()]] : [[]];
+  const cookieValue = [[name, value], ...expiresObj, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...secureObj];
+  const cookie = stringifyCookie(cookieValue);
+  return cookie;
+};
+var setCookie = async ({
+  name,
+  value,
+  expires,
+  canTrack
+}) => {
+  try {
+    if (!canTrack) {
+      return;
+    }
+    const cookie = createCookieString({
+      name,
+      value,
+      expires
+    });
+    document.cookie = cookie;
+  } catch (err) {
+    logger.warn("[COOKIE] SET error: ", err?.message || err);
+  }
+};
+
+// src/helpers/uuid.ts
+function uuidv4() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+    const r = Math.random() * 16 | 0, v2 = c == "x" ? r : r & 3 | 8;
+    return v2.toString(16);
+  });
+}
+function uuid() {
+  return uuidv4().replace(/-/g, "");
+}
+
+// src/helpers/sessionId.ts
+var SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
+var getSessionId = async ({
+  canTrack
+}) => {
+  if (!canTrack) {
+    return void 0;
+  }
+  const sessionId = await getCookie({
+    name: SESSION_LOCAL_STORAGE_KEY,
+    canTrack
+  });
+  if (checkIsDefined(sessionId)) {
+    return sessionId;
+  } else {
+    const newSessionId = createSessionId();
+    setSessionId({
+      id: newSessionId,
+      canTrack
+    });
+    return newSessionId;
+  }
+};
+var createSessionId = () => uuid();
+var setSessionId = ({
+  id: id2,
+  canTrack
+}) => setCookie({
+  name: SESSION_LOCAL_STORAGE_KEY,
+  value: id2,
+  canTrack
+});
+
+// src/helpers/localStorage.ts
+var getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
+var getLocalStorageItem = ({
+  key,
+  canTrack
+}) => {
+  try {
+    if (canTrack) {
+      return getLocalStorage()?.getItem(key);
+    }
+    return void 0;
+  } catch (err) {
+    console.debug("[LocalStorage] GET error: ", err);
+    return void 0;
+  }
+};
+var setLocalStorageItem = ({
+  key,
+  canTrack,
+  value
+}) => {
+  try {
+    if (canTrack) {
+      getLocalStorage()?.setItem(key, value);
+    }
+  } catch (err) {
+    console.debug("[LocalStorage] SET error: ", err);
+  }
+};
+
+// src/helpers/visitorId.ts
+var VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
+var getVisitorId = ({
+  canTrack
+}) => {
+  if (!canTrack) {
+    return void 0;
+  }
+  const visitorId = getLocalStorageItem({
+    key: VISITOR_LOCAL_STORAGE_KEY,
+    canTrack
+  });
+  if (checkIsDefined(visitorId)) {
+    return visitorId;
+  } else {
+    const newVisitorId = createVisitorId();
+    setVisitorId({
+      id: newVisitorId,
+      canTrack
+    });
+    return newVisitorId;
+  }
+};
+var createVisitorId = () => uuid();
+var setVisitorId = ({
+  id: id2,
+  canTrack
+}) => setLocalStorageItem({
+  key: VISITOR_LOCAL_STORAGE_KEY,
+  value: id2,
+  canTrack
+});
+
+// src/functions/log-fetch.ts
+function logFetch(url) {
+  if (typeof process !== "undefined" && process.env?.DEBUG) {
+    if (String(process.env.DEBUG) == "true") {
+      logger.log(url);
+    }
+  }
+}
+
+// src/functions/track/index.ts
+var getTrackingEventData = async ({
+  canTrack
+}) => {
+  if (!canTrack) {
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  }
+  const sessionId = await getSessionId({
+    canTrack
+  });
+  const visitorId = getVisitorId({
+    canTrack
+  });
+  return {
+    sessionId,
+    visitorId
+  };
+};
+var createEvent = async ({
+  type: eventType,
+  canTrack,
+  apiKey,
+  metadata,
+  ...properties
+}) => ({
+  type: eventType,
+  data: {
+    ...properties,
+    metadata: {
+      url: location.href,
+      ...metadata
+    },
+    ...await getTrackingEventData({
+      canTrack
+    }),
+    userAttributes: getUserAttributes(),
+    ownerId: apiKey
+  }
+});
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
+  if (!eventProps.apiKey) {
+    logger.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (!eventProps.canTrack) {
+    return;
+  }
+  if (isEditing()) {
+    return;
+  }
+  if (!(isBrowser() || TARGET === "reactNative")) {
+    return;
+  }
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = `${baseUrl}/api/v1/track`;
+  logFetch(url);
+  return fetch(url, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [await createEvent(eventProps)]
+    }),
+    headers: {
+      "content-type": "application/json",
+      ...getSdkHeaders()
+    },
+    mode: "cors"
+  }).catch((err) => {
+    console.error("Failed to track: ", err);
+  });
+}
+var track = (args) => _track({
+  ...args,
+  canTrack: true
+});
+
 // src/functions/evaluate/helpers.ts
 var getFunctionArguments = ({
   builder,
@@ -237,11 +510,29 @@ var getFunctionArguments = ({
     event
   });
 };
-var getBuilderGlobals = () => ({
+var getBuilderGlobals = (trackingContext) => ({
   isEditing: isEditing(),
   isBrowser: isBrowser(),
   isServer: !isBrowser(),
-  getUserAttributes: () => getUserAttributes()
+  getUserAttributes: () => getUserAttributes(),
+  trackConversion: (amount, customProperties) => {
+    if (!trackingContext?.apiKey || trackingContext?.canTrack === false) {
+      return;
+    }
+    _track({
+      type: "conversion",
+      apiKey: trackingContext.apiKey,
+      canTrack: trackingContext.canTrack ?? true,
+      contentId: trackingContext.contentId,
+      variationId: trackingContext.variationId !== trackingContext.contentId ? trackingContext.variationId : void 0,
+      metadata: {
+        ...customProperties || {},
+        ...amount !== void 0 ? {
+          amount
+        } : {}
+      }
+    });
+  }
 });
 var parseCode = (code, {
   isExpression = true
@@ -3485,9 +3776,6 @@ theFunction();
   return output;
 };
 
-// src/helpers/nullable.ts
-var checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
-
 // src/functions/is-node-runtime.ts
 function isNodeRuntime() {
   return typeof process !== "undefined" && checkIsDefined(process?.versions?.node);
@@ -3532,7 +3820,8 @@ function evaluate({
   rootState,
   rootSetState,
   event,
-  isExpression = true
+  isExpression = true,
+  trackingContext
 }) {
   if (code.trim() === "") {
     return void 0;
@@ -3548,7 +3837,7 @@ function evaluate({
     code: parseCode(code, {
       isExpression
     }),
-    builder: getBuilderGlobals(),
+    builder: getBuilderGlobals(trackingContext),
     context,
     event,
     rootSetState,
@@ -4136,7 +4425,8 @@ var createEventHandler = (value, options) => (event) => evaluate({
   rootState: options.rootState,
   rootSetState: options.rootSetState,
   event,
-  isExpression: false
+  isExpression: false,
+  trackingContext: options.trackingContext
 });
 
 // src/functions/get-block-actions.ts
@@ -4217,395 +4507,131 @@ function BlockWrapper(props) {
         rootSetState: props.context.rootSetState,
         localState: props.context.localState,
         context: props.context.context,
-        stripPrefix: true
+        stripPrefix: true,
+        trackingContext: {
+          apiKey: props.context.apiKey,
+          canTrack: props.context.canTrack ?? true,
+          contentId: props.context.content?.id,
+          variationId: props.context.content?.testVariationId
+        }
       });
     },
     get children() {
       return props.children;
-    }
-  });
-}
-var block_wrapper_default = BlockWrapper;
-
-// src/functions/is-previewing.ts
-function isPreviewing(search) {
-  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
-  if (!searchToUse) {
-    return false;
-  }
-  const normalizedSearch = getSearchString(searchToUse);
-  return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
-}
-
-// src/functions/register-component.ts
-var createRegisterComponentMessage = (info) => ({
-  type: "builder.registerComponent",
-  data: serializeIncludingFunctions(info)
-});
-var serializeFn = (fnValue) => {
-  const fnStr = fnValue.toString().trim();
-  const isArrowWithoutParens = /^[a-zA-Z0-9_]+\s*=>/i.test(fnStr);
-  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("async") && !fnStr.startsWith("(") && !isArrowWithoutParens;
-  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
-};
-function serializeIncludingFunctions(info) {
-  return JSON.parse(JSON.stringify(info, (key, value) => {
-    if (typeof value === "function") {
-      return serializeFn(value);
-    }
-    return value;
-  }));
-}
-
-// src/functions/register.ts
-var registry = {};
-function register(type, info) {
-  if (type === "plugin") {
-    info = serializeIncludingFunctions(info);
-  }
-  let typeList = registry[type];
-  if (!typeList) {
-    typeList = registry[type] = [];
-  }
-  typeList.push(info);
-  if (isBrowser()) {
-    const message = {
-      type: "builder.register",
-      data: {
-        type,
-        info
-      }
-    };
-    try {
-      parent.postMessage(message, "*");
-      if (parent !== window) {
-        window.postMessage(message, "*");
-      }
-    } catch (err) {
-      console.debug("Could not postmessage", err);
-    }
-  }
-}
-function registerAction(action) {
-  if (isBrowser()) {
-    const actionClone = JSON.parse(JSON.stringify(action));
-    if (action.action) {
-      actionClone.action = action.action.toString();
-    }
-    window.parent?.postMessage({
-      type: "builder.registerAction",
-      data: actionClone
-    }, "*");
-  }
-}
-
-// src/functions/set-editor-settings.ts
-var settings = {};
-function setEditorSettings(newSettings) {
-  if (isBrowser()) {
-    Object.assign(settings, newSettings);
-    const message = {
-      type: "builder.settingsChange",
-      data: settings
-    };
-    parent.postMessage(message, "*");
-  }
-}
-
-// src/functions/get-builder-search-params/index.ts
-var BUILDER_SEARCHPARAMS_PREFIX = "builder.";
-var BUILDER_OPTIONS_PREFIX = "options.";
-var getBuilderSearchParams = (_options) => {
-  if (!_options) {
-    return {};
-  }
-  const options = normalizeSearchParams(_options);
-  const newOptions = {};
-  Object.keys(options).forEach((key) => {
-    if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
-      newOptions[trimmedKey] = options[key];
-    }
-  });
-  return newOptions;
-};
-var getBuilderSearchParamsFromWindow = () => {
-  if (!isBrowser()) {
-    return {};
-  }
-  const searchParams = new URLSearchParams(window.location.search);
-  return getBuilderSearchParams(searchParams);
-};
-
-// src/constants/sdk-version.ts
-var SDK_VERSION = "5.0.1";
-
-// src/helpers/sdk-headers.ts
-var getSdkHeaders = () => ({
-  "X-Builder-SDK": TARGET,
-  "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": SDK_VERSION
-});
-
-// src/helpers/url.ts
-var getTopLevelDomain = (host) => {
-  if (host === "localhost" || host === "127.0.0.1") {
-    return host;
-  }
-  const parts = host.split(".");
-  if (parts.length > 2) {
-    return parts.slice(1).join(".");
-  }
-  return host;
-};
-
-// src/helpers/cookie.ts
-var getCookieSync = ({
-  name,
-  canTrack
-}) => {
-  try {
-    if (!canTrack) {
-      return void 0;
-    }
-    return document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))?.split("=")[1];
-  } catch (err) {
-    logger.warn("[COOKIE] GET error: ", err?.message || err);
-    return void 0;
-  }
-};
-var getCookie = async (args) => getCookieSync(args);
-var stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(checkIsDefined).join("; ");
-var SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]];
-var createCookieString = ({
-  name,
-  value,
-  expires
-}) => {
-  const secure = isBrowser() ? location.protocol === "https:" : true;
-  const secureObj = secure ? SECURE_CONFIG : [[]];
-  const expiresObj = expires ? [["expires", expires.toUTCString()]] : [[]];
-  const cookieValue = [[name, value], ...expiresObj, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...secureObj];
-  const cookie = stringifyCookie(cookieValue);
-  return cookie;
-};
-var setCookie = async ({
-  name,
-  value,
-  expires,
-  canTrack
-}) => {
-  try {
-    if (!canTrack) {
-      return;
-    }
-    const cookie = createCookieString({
-      name,
-      value,
-      expires
-    });
-    document.cookie = cookie;
-  } catch (err) {
-    logger.warn("[COOKIE] SET error: ", err?.message || err);
-  }
-};
-
-// src/helpers/uuid.ts
-function uuidv4() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
-    const r = Math.random() * 16 | 0, v2 = c == "x" ? r : r & 3 | 8;
-    return v2.toString(16);
-  });
-}
-function uuid() {
-  return uuidv4().replace(/-/g, "");
-}
-
-// src/helpers/sessionId.ts
-var SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
-var getSessionId = async ({
-  canTrack
-}) => {
-  if (!canTrack) {
-    return void 0;
-  }
-  const sessionId = await getCookie({
-    name: SESSION_LOCAL_STORAGE_KEY,
-    canTrack
+    }
   });
-  if (checkIsDefined(sessionId)) {
-    return sessionId;
-  } else {
-    const newSessionId = createSessionId();
-    setSessionId({
-      id: newSessionId,
-      canTrack
-    });
-    return newSessionId;
-  }
-};
-var createSessionId = () => uuid();
-var setSessionId = ({
-  id: id2,
-  canTrack
-}) => setCookie({
-  name: SESSION_LOCAL_STORAGE_KEY,
-  value: id2,
-  canTrack
-});
+}
+var block_wrapper_default = BlockWrapper;
 
-// src/helpers/localStorage.ts
-var getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
-var getLocalStorageItem = ({
-  key,
-  canTrack
-}) => {
-  try {
-    if (canTrack) {
-      return getLocalStorage()?.getItem(key);
-    }
-    return void 0;
-  } catch (err) {
-    console.debug("[LocalStorage] GET error: ", err);
-    return void 0;
+// src/functions/is-previewing.ts
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
+    return false;
   }
+  const normalizedSearch = getSearchString(searchToUse);
+  return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
+}
+
+// src/functions/register-component.ts
+var createRegisterComponentMessage = (info) => ({
+  type: "builder.registerComponent",
+  data: serializeIncludingFunctions(info)
+});
+var serializeFn = (fnValue) => {
+  const fnStr = fnValue.toString().trim();
+  const isArrowWithoutParens = /^[a-zA-Z0-9_]+\s*=>/i.test(fnStr);
+  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("async") && !fnStr.startsWith("(") && !isArrowWithoutParens;
+  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-var setLocalStorageItem = ({
-  key,
-  canTrack,
-  value
-}) => {
-  try {
-    if (canTrack) {
-      getLocalStorage()?.setItem(key, value);
+function serializeIncludingFunctions(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function") {
+      return serializeFn(value);
     }
-  } catch (err) {
-    console.debug("[LocalStorage] SET error: ", err);
-  }
-};
+    return value;
+  }));
+}
 
-// src/helpers/visitorId.ts
-var VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
-var getVisitorId = ({
-  canTrack
-}) => {
-  if (!canTrack) {
-    return void 0;
+// src/functions/register.ts
+var registry = {};
+function register(type, info) {
+  if (type === "plugin") {
+    info = serializeIncludingFunctions(info);
   }
-  const visitorId = getLocalStorageItem({
-    key: VISITOR_LOCAL_STORAGE_KEY,
-    canTrack
-  });
-  if (checkIsDefined(visitorId)) {
-    return visitorId;
-  } else {
-    const newVisitorId = createVisitorId();
-    setVisitorId({
-      id: newVisitorId,
-      canTrack
-    });
-    return newVisitorId;
+  let typeList = registry[type];
+  if (!typeList) {
+    typeList = registry[type] = [];
   }
-};
-var createVisitorId = () => uuid();
-var setVisitorId = ({
-  id: id2,
-  canTrack
-}) => setLocalStorageItem({
-  key: VISITOR_LOCAL_STORAGE_KEY,
-  value: id2,
-  canTrack
-});
-
-// src/functions/log-fetch.ts
-function logFetch(url) {
-  if (typeof process !== "undefined" && process.env?.DEBUG) {
-    if (String(process.env.DEBUG) == "true") {
-      logger.log(url);
+  typeList.push(info);
+  if (isBrowser()) {
+    const message = {
+      type: "builder.register",
+      data: {
+        type,
+        info
+      }
+    };
+    try {
+      parent.postMessage(message, "*");
+      if (parent !== window) {
+        window.postMessage(message, "*");
+      }
+    } catch (err) {
+      console.debug("Could not postmessage", err);
+    }
+  }
+}
+function registerAction(action) {
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action) {
+      actionClone.action = action.action.toString();
     }
+    window.parent?.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
   }
 }
 
-// src/functions/track/index.ts
-var getTrackingEventData = async ({
-  canTrack
-}) => {
-  if (!canTrack) {
-    return {
-      visitorId: void 0,
-      sessionId: void 0
+// src/functions/set-editor-settings.ts
+var settings = {};
+function setEditorSettings(newSettings) {
+  if (isBrowser()) {
+    Object.assign(settings, newSettings);
+    const message = {
+      type: "builder.settingsChange",
+      data: settings
     };
+    parent.postMessage(message, "*");
   }
-  const sessionId = await getSessionId({
-    canTrack
-  });
-  const visitorId = getVisitorId({
-    canTrack
+}
+
+// src/functions/get-builder-search-params/index.ts
+var BUILDER_SEARCHPARAMS_PREFIX = "builder.";
+var BUILDER_OPTIONS_PREFIX = "options.";
+var getBuilderSearchParams = (_options) => {
+  if (!_options) {
+    return {};
+  }
+  const options = normalizeSearchParams(_options);
+  const newOptions = {};
+  Object.keys(options).forEach((key) => {
+    if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
+      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
+      newOptions[trimmedKey] = options[key];
+    }
   });
-  return {
-    sessionId,
-    visitorId
-  };
+  return newOptions;
 };
-var createEvent = async ({
-  type: eventType,
-  canTrack,
-  apiKey,
-  metadata,
-  ...properties
-}) => ({
-  type: eventType,
-  data: {
-    ...properties,
-    metadata: {
-      url: location.href,
-      ...metadata
-    },
-    ...await getTrackingEventData({
-      canTrack
-    }),
-    userAttributes: getUserAttributes(),
-    ownerId: apiKey
-  }
-});
-async function _track({
-  apiHost,
-  ...eventProps
-}) {
-  if (!eventProps.apiKey) {
-    logger.error("Missing API key for track call. Please provide your API key.");
-    return;
-  }
-  if (!eventProps.canTrack) {
-    return;
-  }
-  if (isEditing()) {
-    return;
-  }
-  if (!(isBrowser() || TARGET === "reactNative")) {
-    return;
+var getBuilderSearchParamsFromWindow = () => {
+  if (!isBrowser()) {
+    return {};
   }
-  const baseUrl = apiHost || "https://cdn.builder.io";
-  const url = `${baseUrl}/api/v1/track`;
-  logFetch(url);
-  return fetch(url, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [await createEvent(eventProps)]
-    }),
-    headers: {
-      "content-type": "application/json",
-      ...getSdkHeaders()
-    },
-    mode: "cors"
-  }).catch((err) => {
-    console.error("Failed to track: ", err);
-  });
-}
-var track = (args) => _track({
-  ...args,
-  canTrack: true
-});
+  const searchParams = new URLSearchParams(window.location.search);
+  return getBuilderSearchParams(searchParams);
+};
 
 // src/functions/is-from-trusted-host.ts
 var DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
@@ -5348,7 +5374,13 @@ function InteractiveElement(props) {
         rootState: props.context.rootState,
         rootSetState: props.context.rootSetState,
         localState: props.context.localState,
-        context: props.context.context
+        context: props.context.context,
+        trackingContext: {
+          apiKey: props.context.apiKey,
+          canTrack: props.context.canTrack ?? true,
+          contentId: props.context.content?.id,
+          variationId: props.context.content?.testVariationId
+        }
       })
     } : {};
   });