@builder.io/sdk-react 0.0.1 → 0.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "src/index.js",
   "type": "module",
   "exports": {

package/src/components/render-content/render-content.jsx

@@ -32,7 +32,7 @@ import {
   components,
   createRegisterComponentMessage
 } from "../../functions/register-component.js";
-import { track } from "../../functions/track.js";
+import { _track } from "../../functions/track.js";
 import RenderBlocks from "../render-blocks.jsx";
 import RenderContentStyles from "./components/render-styles.jsx";
 import {
@@ -113,13 +113,16 @@ function RenderContent(props) {
     return {};
   }
   function onClick(_event) {
-    var _a2;
+    var _a2, _b2;
     if (useContent()) {
-      track({
+      const variationId = (_a2 = useContent == null ? void 0 : useContent()) == null ? void 0 : _a2.testVariationId;
+      const contentId = (_b2 = useContent == null ? void 0 : useContent()) == null ? void 0 : _b2.id;
+      _track({
         type: "click",
         canTrack: canTrackToUse(),
-        contentId: (_a2 = useContent == null ? void 0 : useContent()) == null ? void 0 : _a2.id,
-        orgId: props.apiKey
+        contentId,
+        apiKey: props.apiKey,
+        variationId: variationId !== contentId ? variationId : void 0
       });
     }
   }
@@ -170,7 +173,7 @@ function RenderContent(props) {
     return Boolean((((_b2 = (_a2 = useContent == null ? void 0 : useContent()) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode) || ((_e2 = (_d2 = (_c2 = useContent == null ? void 0 : useContent()) == null ? void 0 : _c2.data) == null ? void 0 : _d2.customFonts) == null ? void 0 : _e2.length)) && TARGET !== "reactNative");
   }
   useEffect(() => {
-    var _a2;
+    var _a2, _b2;
     if (isBrowser()) {
       if (isEditing()) {
         setForceReRenderCount(forceReRenderCount + 1);
@@ -185,11 +188,14 @@ function RenderContent(props) {
         window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate);
       }
       if (useContent()) {
-        track({
+        const variationId = (_a2 = useContent == null ? void 0 : useContent()) == null ? void 0 : _a2.testVariationId;
+        const contentId = (_b2 = useContent == null ? void 0 : useContent()) == null ? void 0 : _b2.id;
+        _track({
           type: "impression",
           canTrack: canTrackToUse(),
-          contentId: (_a2 = useContent == null ? void 0 : useContent()) == null ? void 0 : _a2.id,
-          orgId: props.apiKey
+          contentId,
+          apiKey: props.apiKey,
+          variationId: variationId !== contentId ? variationId : void 0
         });
       }
       if (isPreviewing()) {

package/src/functions/track.js

@@ -71,23 +71,24 @@ const createEvent = (_a) => __async(void 0, null, function* () {
   var _b = _a, {
     type: eventType,
     canTrack,
-    orgId,
-    contentId
+    apiKey,
+    metadata
   } = _b, properties = __objRest(_b, [
     "type",
     "canTrack",
-    "orgId",
-    "contentId"
+    "apiKey",
+    "metadata"
   ]);
   return {
     type: eventType,
-    data: __spreadProps(__spreadValues(__spreadValues({}, properties), yield getTrackingEventData({ canTrack })), {
-      ownerId: orgId,
-      contentId
+    data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, properties), {
+      metadata: JSON.stringify(metadata)
+    }), yield getTrackingEventData({ canTrack })), {
+      ownerId: apiKey
     })
   };
 });
-function track(eventProps) {
+function _track(eventProps) {
   return __async(this, null, function* () {
     if (!eventProps.canTrack) {
       return;
@@ -112,6 +113,8 @@ function track(eventProps) {
     });
   });
 }
+const track = (args) => _track(__spreadProps(__spreadValues({}, args), { canTrack: true }));
 export {
+  _track,
   track
 };

package/src/index.js

@@ -8,3 +8,7 @@ export * from "./functions/register.js";
 export * from "./functions/set-editor-settings.js";
 export * from "./functions/get-content/index.js";
 export * from "./functions/get-builder-search-params/index.js";
+import { track } from "./functions/track";
+export {
+  track
+};