@builder.io/sdk-qwik 0.18.0 → 0.18.2

package/lib/browser/components/content/components/enable-editor.qwik.cjs

@@ -14,6 +14,7 @@ const registerComponent = require("../../../functions/register-component.qwik.cj
 const index$1 = require("../../../functions/track/index.qwik.cjs");
 const interaction = require("../../../functions/track/interaction.qwik.cjs");
 const canTrack = require("../../../helpers/canTrack.qwik.cjs");
+const cookie = require("../../../helpers/cookie.qwik.cjs");
 const subscribeToEditor = require("../../../helpers/subscribe-to-editor.qwik.cjs");
 const initEditing = require("../../../scripts/init-editing.qwik.cjs");
 const animator = require("../../block/animator.qwik.cjs");
@@ -69,6 +70,9 @@ const processMessage = function processMessage2(props, state, showContentProps,
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, showContentProps, elementRef, newContent);
+      },
+      stateUpdate: (newState) => {
+        mergeNewRootState(props, state, showContentProps, elementRef, newState);
       }
     }
   })(event);
@@ -150,6 +154,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {}
   }, {
@@ -214,25 +219,32 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     state
   ]));
   qwik.useOnDocument("readystatechange", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
-    const [props2] = qwik.useLexicalScope();
+    var _a2, _b2, _c, _d, _e;
+    const [props2, state2] = qwik.useLexicalScope();
+    if (state2.hasExecuted)
+      return;
     if (isBrowser.isBrowser()) {
+      state2.hasExecuted = true;
       if (isEditing.isEditing() && !props2.isNestedRender) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
-      if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+      const winningVariantId = cookie.getCookieSync({
+        name: `builder.tests.${(_b2 = props2.builderContextSignal.content) == null ? void 0 : _b2.id}`,
+        canTrack: true
+      });
+      const variationId = (_c = element.attributes.getNamedItem("variationId")) == null ? void 0 : _c.value;
+      if (shouldTrackImpression && variationId === winningVariantId) {
+        const contentId = (_d = element.attributes.getNamedItem("contentId")) == null ? void 0 : _d.value;
+        const apiKeyProp = (_e = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _e.value;
         index$1._track({
           apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
           apiKey: apiKeyProp,
-          variationId: variationId !== contentId ? variationId : void 0
+          variationId: winningVariantId !== contentId ? winningVariantId : void 0
         });
       }
       if (isPreviewing.isPreviewing() && !isEditing.isEditing()) {
@@ -241,7 +253,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       }
     }
   }, "EnableEditor_component_useOnDocument_H7syEGJXM4Y", [
-    props
+    props,
+    state
   ]));
   qwik.useContextProvider(builder_context, props.builderContextSignal);
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {

package/lib/browser/components/content/components/enable-editor.qwik.mjs

@@ -12,6 +12,7 @@ import { createRegisterComponentMessage } from "../../../functions/register-comp
 import { _track } from "../../../functions/track/index.qwik.mjs";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.qwik.mjs";
 import { getDefaultCanTrack } from "../../../helpers/canTrack.qwik.mjs";
+import { getCookieSync } from "../../../helpers/cookie.qwik.mjs";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor.qwik.mjs";
 import { registerInsertMenu, setupBrowserForEditing } from "../../../scripts/init-editing.qwik.mjs";
 import { triggerAnimation } from "../../block/animator.qwik.mjs";
@@ -67,6 +68,9 @@ const processMessage = function processMessage2(props, state, showContentProps,
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, showContentProps, elementRef, newContent);
+      },
+      stateUpdate: (newState) => {
+        mergeNewRootState(props, state, showContentProps, elementRef, newState);
       }
     }
   })(event);
@@ -148,6 +152,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {}
   }, {
@@ -212,25 +217,32 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   useOnDocument("readystatechange", /* @__PURE__ */ inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
-    const [props2] = useLexicalScope();
+    var _a2, _b2, _c, _d, _e;
+    const [props2, state2] = useLexicalScope();
+    if (state2.hasExecuted)
+      return;
     if (isBrowser()) {
+      state2.hasExecuted = true;
       if (isEditing() && !props2.isNestedRender) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
-      if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+      const winningVariantId = getCookieSync({
+        name: `builder.tests.${(_b2 = props2.builderContextSignal.content) == null ? void 0 : _b2.id}`,
+        canTrack: true
+      });
+      const variationId = (_c = element.attributes.getNamedItem("variationId")) == null ? void 0 : _c.value;
+      if (shouldTrackImpression && variationId === winningVariantId) {
+        const contentId = (_d = element.attributes.getNamedItem("contentId")) == null ? void 0 : _d.value;
+        const apiKeyProp = (_e = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _e.value;
         _track({
           apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
           apiKey: apiKeyProp,
-          variationId: variationId !== contentId ? variationId : void 0
+          variationId: winningVariantId !== contentId ? winningVariantId : void 0
         });
       }
       if (isPreviewing() && !isEditing()) {
@@ -239,7 +251,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       }
     }
   }, "EnableEditor_component_useOnDocument_H7syEGJXM4Y", [
-    props
+    props,
+    state
   ]));
   useContextProvider(builderContext, props.builderContextSignal);
   useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {

package/lib/browser/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.18.0";
+const SDK_VERSION = "0.18.2";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/browser/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.18.0";
+const SDK_VERSION = "0.18.2";
 export {
   SDK_VERSION
 };

package/lib/browser/helpers/subscribe-to-editor.qwik.cjs

@@ -17,6 +17,14 @@ const createEditorListener = ({ model, trustedHosts, callbacks }) => {
         case "builder.triggerAnimation":
           callbacks.animation(data.data);
           break;
+        case "builder.resetState": {
+          const messageContent = data.data;
+          const modelName = messageContent.model;
+          const newState = messageContent == null ? void 0 : messageContent.state;
+          if (modelName === model && newState)
+            callbacks.stateUpdate(newState);
+          break;
+        }
         case "builder.contentUpdate": {
           const messageContent = data.data;
           const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
@@ -44,6 +52,8 @@ const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) => {
       animation: () => {
       },
       configureSdk: () => {
+      },
+      stateUpdate: () => {
       }
     },
     model,

package/lib/browser/helpers/subscribe-to-editor.qwik.mjs

@@ -15,6 +15,14 @@ const createEditorListener = ({ model, trustedHosts, callbacks }) => {
         case "builder.triggerAnimation":
           callbacks.animation(data.data);
           break;
+        case "builder.resetState": {
+          const messageContent = data.data;
+          const modelName = messageContent.model;
+          const newState = messageContent == null ? void 0 : messageContent.state;
+          if (modelName === model && newState)
+            callbacks.stateUpdate(newState);
+          break;
+        }
         case "builder.contentUpdate": {
           const messageContent = data.data;
           const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
@@ -42,6 +50,8 @@ const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) => {
       animation: () => {
       },
       configureSdk: () => {
+      },
+      stateUpdate: () => {
       }
     },
     model,

package/lib/edge/components/content/components/enable-editor.qwik.cjs

@@ -14,6 +14,7 @@ const registerComponent = require("../../../functions/register-component.qwik.cj
 const index$1 = require("../../../functions/track/index.qwik.cjs");
 const interaction = require("../../../functions/track/interaction.qwik.cjs");
 const canTrack = require("../../../helpers/canTrack.qwik.cjs");
+const cookie = require("../../../helpers/cookie.qwik.cjs");
 const subscribeToEditor = require("../../../helpers/subscribe-to-editor.qwik.cjs");
 const initEditing = require("../../../scripts/init-editing.qwik.cjs");
 const animator = require("../../block/animator.qwik.cjs");
@@ -69,6 +70,9 @@ const processMessage = function processMessage2(props, state, showContentProps,
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, showContentProps, elementRef, newContent);
+      },
+      stateUpdate: (newState) => {
+        mergeNewRootState(props, state, showContentProps, elementRef, newState);
       }
     }
   })(event);
@@ -150,6 +154,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {}
   }, {
@@ -214,25 +219,32 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     state
   ]));
   qwik.useOnDocument("readystatechange", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
-    const [props2] = qwik.useLexicalScope();
+    var _a2, _b2, _c, _d, _e;
+    const [props2, state2] = qwik.useLexicalScope();
+    if (state2.hasExecuted)
+      return;
     if (isBrowser.isBrowser()) {
+      state2.hasExecuted = true;
       if (isEditing.isEditing() && !props2.isNestedRender) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
-      if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+      const winningVariantId = cookie.getCookieSync({
+        name: `builder.tests.${(_b2 = props2.builderContextSignal.content) == null ? void 0 : _b2.id}`,
+        canTrack: true
+      });
+      const variationId = (_c = element.attributes.getNamedItem("variationId")) == null ? void 0 : _c.value;
+      if (shouldTrackImpression && variationId === winningVariantId) {
+        const contentId = (_d = element.attributes.getNamedItem("contentId")) == null ? void 0 : _d.value;
+        const apiKeyProp = (_e = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _e.value;
         index$1._track({
           apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
           apiKey: apiKeyProp,
-          variationId: variationId !== contentId ? variationId : void 0
+          variationId: winningVariantId !== contentId ? winningVariantId : void 0
         });
       }
       if (isPreviewing.isPreviewing() && !isEditing.isEditing()) {
@@ -241,7 +253,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       }
     }
   }, "EnableEditor_component_useOnDocument_H7syEGJXM4Y", [
-    props
+    props,
+    state
   ]));
   qwik.useContextProvider(builder_context, props.builderContextSignal);
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {

package/lib/edge/components/content/components/enable-editor.qwik.mjs

@@ -12,6 +12,7 @@ import { createRegisterComponentMessage } from "../../../functions/register-comp
 import { _track } from "../../../functions/track/index.qwik.mjs";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.qwik.mjs";
 import { getDefaultCanTrack } from "../../../helpers/canTrack.qwik.mjs";
+import { getCookieSync } from "../../../helpers/cookie.qwik.mjs";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor.qwik.mjs";
 import { registerInsertMenu, setupBrowserForEditing } from "../../../scripts/init-editing.qwik.mjs";
 import { triggerAnimation } from "../../block/animator.qwik.mjs";
@@ -67,6 +68,9 @@ const processMessage = function processMessage2(props, state, showContentProps,
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, showContentProps, elementRef, newContent);
+      },
+      stateUpdate: (newState) => {
+        mergeNewRootState(props, state, showContentProps, elementRef, newState);
       }
     }
   })(event);
@@ -148,6 +152,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {}
   }, {
@@ -212,25 +217,32 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   useOnDocument("readystatechange", /* @__PURE__ */ inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
-    const [props2] = useLexicalScope();
+    var _a2, _b2, _c, _d, _e;
+    const [props2, state2] = useLexicalScope();
+    if (state2.hasExecuted)
+      return;
     if (isBrowser()) {
+      state2.hasExecuted = true;
       if (isEditing() && !props2.isNestedRender) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
-      if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+      const winningVariantId = getCookieSync({
+        name: `builder.tests.${(_b2 = props2.builderContextSignal.content) == null ? void 0 : _b2.id}`,
+        canTrack: true
+      });
+      const variationId = (_c = element.attributes.getNamedItem("variationId")) == null ? void 0 : _c.value;
+      if (shouldTrackImpression && variationId === winningVariantId) {
+        const contentId = (_d = element.attributes.getNamedItem("contentId")) == null ? void 0 : _d.value;
+        const apiKeyProp = (_e = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _e.value;
         _track({
           apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
           apiKey: apiKeyProp,
-          variationId: variationId !== contentId ? variationId : void 0
+          variationId: winningVariantId !== contentId ? winningVariantId : void 0
         });
       }
       if (isPreviewing() && !isEditing()) {
@@ -239,7 +251,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       }
     }
   }, "EnableEditor_component_useOnDocument_H7syEGJXM4Y", [
-    props
+    props,
+    state
   ]));
   useContextProvider(builderContext, props.builderContextSignal);
   useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {

package/lib/edge/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.18.0";
+const SDK_VERSION = "0.18.2";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/edge/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.18.0";
+const SDK_VERSION = "0.18.2";
 export {
   SDK_VERSION
 };

package/lib/edge/helpers/subscribe-to-editor.qwik.cjs

@@ -17,6 +17,14 @@ const createEditorListener = ({ model, trustedHosts, callbacks }) => {
         case "builder.triggerAnimation":
           callbacks.animation(data.data);
           break;
+        case "builder.resetState": {
+          const messageContent = data.data;
+          const modelName = messageContent.model;
+          const newState = messageContent == null ? void 0 : messageContent.state;
+          if (modelName === model && newState)
+            callbacks.stateUpdate(newState);
+          break;
+        }
         case "builder.contentUpdate": {
           const messageContent = data.data;
           const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
@@ -44,6 +52,8 @@ const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) => {
       animation: () => {
       },
       configureSdk: () => {
+      },
+      stateUpdate: () => {
       }
     },
     model,

package/lib/edge/helpers/subscribe-to-editor.qwik.mjs

@@ -15,6 +15,14 @@ const createEditorListener = ({ model, trustedHosts, callbacks }) => {
         case "builder.triggerAnimation":
           callbacks.animation(data.data);
           break;
+        case "builder.resetState": {
+          const messageContent = data.data;
+          const modelName = messageContent.model;
+          const newState = messageContent == null ? void 0 : messageContent.state;
+          if (modelName === model && newState)
+            callbacks.stateUpdate(newState);
+          break;
+        }
         case "builder.contentUpdate": {
           const messageContent = data.data;
           const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
@@ -42,6 +50,8 @@ const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) => {
       animation: () => {
       },
       configureSdk: () => {
+      },
+      stateUpdate: () => {
       }
     },
     model,

package/lib/node/components/content/components/enable-editor.qwik.cjs

@@ -14,6 +14,7 @@ const registerComponent = require("../../../functions/register-component.qwik.cj
 const index$1 = require("../../../functions/track/index.qwik.cjs");
 const interaction = require("../../../functions/track/interaction.qwik.cjs");
 const canTrack = require("../../../helpers/canTrack.qwik.cjs");
+const cookie = require("../../../helpers/cookie.qwik.cjs");
 const subscribeToEditor = require("../../../helpers/subscribe-to-editor.qwik.cjs");
 const initEditing = require("../../../scripts/init-editing.qwik.cjs");
 const animator = require("../../block/animator.qwik.cjs");
@@ -69,6 +70,9 @@ const processMessage = function processMessage2(props, state, showContentProps,
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, showContentProps, elementRef, newContent);
+      },
+      stateUpdate: (newState) => {
+        mergeNewRootState(props, state, showContentProps, elementRef, newState);
       }
     }
   })(event);
@@ -150,6 +154,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {}
   }, {
@@ -214,25 +219,32 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     state
   ]));
   qwik.useOnDocument("readystatechange", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
-    const [props2] = qwik.useLexicalScope();
+    var _a2, _b2, _c, _d, _e;
+    const [props2, state2] = qwik.useLexicalScope();
+    if (state2.hasExecuted)
+      return;
     if (isBrowser.isBrowser()) {
+      state2.hasExecuted = true;
       if (isEditing.isEditing() && !props2.isNestedRender) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
-      if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+      const winningVariantId = cookie.getCookieSync({
+        name: `builder.tests.${(_b2 = props2.builderContextSignal.content) == null ? void 0 : _b2.id}`,
+        canTrack: true
+      });
+      const variationId = (_c = element.attributes.getNamedItem("variationId")) == null ? void 0 : _c.value;
+      if (shouldTrackImpression && variationId === winningVariantId) {
+        const contentId = (_d = element.attributes.getNamedItem("contentId")) == null ? void 0 : _d.value;
+        const apiKeyProp = (_e = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _e.value;
         index$1._track({
           apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
           apiKey: apiKeyProp,
-          variationId: variationId !== contentId ? variationId : void 0
+          variationId: winningVariantId !== contentId ? winningVariantId : void 0
         });
       }
       if (isPreviewing.isPreviewing() && !isEditing.isEditing()) {
@@ -241,7 +253,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       }
     }
   }, "EnableEditor_component_useOnDocument_H7syEGJXM4Y", [
-    props
+    props,
+    state
   ]));
   qwik.useContextProvider(builder_context, props.builderContextSignal);
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {

package/lib/node/components/content/components/enable-editor.qwik.mjs

@@ -12,6 +12,7 @@ import { createRegisterComponentMessage } from "../../../functions/register-comp
 import { _track } from "../../../functions/track/index.qwik.mjs";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.qwik.mjs";
 import { getDefaultCanTrack } from "../../../helpers/canTrack.qwik.mjs";
+import { getCookieSync } from "../../../helpers/cookie.qwik.mjs";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor.qwik.mjs";
 import { registerInsertMenu, setupBrowserForEditing } from "../../../scripts/init-editing.qwik.mjs";
 import { triggerAnimation } from "../../block/animator.qwik.mjs";
@@ -67,6 +68,9 @@ const processMessage = function processMessage2(props, state, showContentProps,
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, showContentProps, elementRef, newContent);
+      },
+      stateUpdate: (newState) => {
+        mergeNewRootState(props, state, showContentProps, elementRef, newState);
       }
     }
   })(event);
@@ -148,6 +152,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {}
   }, {
@@ -212,25 +217,32 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   useOnDocument("readystatechange", /* @__PURE__ */ inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
-    const [props2] = useLexicalScope();
+    var _a2, _b2, _c, _d, _e;
+    const [props2, state2] = useLexicalScope();
+    if (state2.hasExecuted)
+      return;
     if (isBrowser()) {
+      state2.hasExecuted = true;
       if (isEditing() && !props2.isNestedRender) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
-      if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+      const winningVariantId = getCookieSync({
+        name: `builder.tests.${(_b2 = props2.builderContextSignal.content) == null ? void 0 : _b2.id}`,
+        canTrack: true
+      });
+      const variationId = (_c = element.attributes.getNamedItem("variationId")) == null ? void 0 : _c.value;
+      if (shouldTrackImpression && variationId === winningVariantId) {
+        const contentId = (_d = element.attributes.getNamedItem("contentId")) == null ? void 0 : _d.value;
+        const apiKeyProp = (_e = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _e.value;
         _track({
           apiHost: props2.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
           apiKey: apiKeyProp,
-          variationId: variationId !== contentId ? variationId : void 0
+          variationId: winningVariantId !== contentId ? winningVariantId : void 0
         });
       }
       if (isPreviewing() && !isEditing()) {
@@ -239,7 +251,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       }
     }
   }, "EnableEditor_component_useOnDocument_H7syEGJXM4Y", [
-    props
+    props,
+    state
   ]));
   useContextProvider(builderContext, props.builderContextSignal);
   useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {

package/lib/node/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.18.0";
+const SDK_VERSION = "0.18.2";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/node/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.18.0";
+const SDK_VERSION = "0.18.2";
 export {
   SDK_VERSION
 };

package/lib/node/helpers/subscribe-to-editor.qwik.cjs

@@ -17,6 +17,14 @@ const createEditorListener = ({ model, trustedHosts, callbacks }) => {
         case "builder.triggerAnimation":
           callbacks.animation(data.data);
           break;
+        case "builder.resetState": {
+          const messageContent = data.data;
+          const modelName = messageContent.model;
+          const newState = messageContent == null ? void 0 : messageContent.state;
+          if (modelName === model && newState)
+            callbacks.stateUpdate(newState);
+          break;
+        }
         case "builder.contentUpdate": {
           const messageContent = data.data;
           const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
@@ -44,6 +52,8 @@ const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) => {
       animation: () => {
       },
       configureSdk: () => {
+      },
+      stateUpdate: () => {
       }
     },
     model,

package/lib/node/helpers/subscribe-to-editor.qwik.mjs

@@ -15,6 +15,14 @@ const createEditorListener = ({ model, trustedHosts, callbacks }) => {
         case "builder.triggerAnimation":
           callbacks.animation(data.data);
           break;
+        case "builder.resetState": {
+          const messageContent = data.data;
+          const modelName = messageContent.model;
+          const newState = messageContent == null ? void 0 : messageContent.state;
+          if (modelName === model && newState)
+            callbacks.stateUpdate(newState);
+          break;
+        }
         case "builder.contentUpdate": {
           const messageContent = data.data;
           const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
@@ -42,6 +50,8 @@ const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) => {
       animation: () => {
       },
       configureSdk: () => {
+      },
+      stateUpdate: () => {
       }
     },
     model,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.18.0",
+  "version": "0.18.2",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.18.0";
+export declare const SDK_VERSION = "0.18.2";

package/types/src/helpers/subscribe-to-editor.d.ts

@@ -1,9 +1,11 @@
 import type { ContentProps } from '../components/content/content.types';
 import type { BuilderAnimation } from '../types/builder-block';
 import type { BuilderContent } from '../types/builder-content';
+import type { Dictionary } from '../types/typescript';
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
         contentUpdate: (updatedContent: BuilderContent) => void;
+        stateUpdate: (newState: Dictionary<string>) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };