@builder.io/sdk-qwik 0.7.0 → 0.7.1-0

package/lib/browser/index.qwik.cjs

@@ -3100,7 +3100,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.7.0";
+const SDK_VERSION = "0.7.1-0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3358,6 +3358,7 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
     }));
 };
 const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b, _c;
   qwik._jsxBranch();
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
@@ -3369,66 +3370,84 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   }, {
     deep: true
   });
-  qwik.useContextProvider(builderContext, props.builderContextSignal);
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    var _a, _b;
+  qwik.useOn("initeditingbldr", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
-    if (!props2.apiKey)
-      logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+    state2.forceReRenderCount = state2.forceReRenderCount + 1;
+    window.addEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
+    registerInsertMenu();
+    setupBrowserForEditing({
+      ...props2.locale ? {
+        locale: props2.locale
+      } : {},
+      ...props2.includeRefs ? {
+        includeRefs: props2.includeRefs
+      } : {},
+      ...props2.enrich ? {
+        enrich: props2.enrich
+      } : {}
+    });
+    Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
+      var _a2;
+      const message = createRegisterComponentMessage(registeredComponent);
+      (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
+    });
+    window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
+  }, "EnableEditor_component_useOn_Qs8c0yql2i0", [
+    elementRef,
+    props,
+    state
+  ]));
+  qwik.useOn("initpreviewingbldr", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [elementRef2, props2, state2] = qwik.useLexicalScope();
+    const searchParams = new URL(location.href).searchParams;
+    const searchParamPreviewModel = searchParams.get("builder.preview");
+    const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
+    const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
+    if (searchParamPreviewModel === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
+      fetchOneEntry({
+        model: props2.model,
+        apiKey: props2.apiKey,
+        apiVersion: props2.builderContextSignal.apiVersion
+      }).then((content) => {
+        if (content)
+          mergeNewContent(props2, state2, elementRef2, content);
+      });
+  }, "EnableEditor_component_useOn_1_F94YipmknvI", [
+    elementRef,
+    props,
+    state
+  ]));
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    var _a2, _b2, _c2, _d;
     if (isBrowser()) {
-      if (isEditing()) {
-        state2.forceReRenderCount = state2.forceReRenderCount + 1;
-        window.addEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
-        registerInsertMenu();
-        setupBrowserForEditing({
-          ...props2.locale ? {
-            locale: props2.locale
-          } : {},
-          ...props2.includeRefs ? {
-            includeRefs: props2.includeRefs
-          } : {},
-          ...props2.enrich ? {
-            enrich: props2.enrich
-          } : {}
-        });
-        Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
-          var _a2;
-          const message = createRegisterComponentMessage(registeredComponent);
-          (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
-        });
-        window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
-      }
-      if (props2.builderContextSignal.content) {
-        const variationId = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
-        const contentId = (_b = props2.builderContextSignal.content) == null ? void 0 : _b.id;
+      if (isEditing() && 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 = (_c2 = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c2.value;
+        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
         _track({
           type: "impression",
-          canTrack: getDefaultCanTrack(props2.canTrack),
+          canTrack: true,
           contentId,
-          apiKey: props2.apiKey,
+          apiKey: apiKeyProp,
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
-        const searchParams = new URL(location.href).searchParams;
-        const searchParamPreviewModel = searchParams.get("builder.preview");
-        const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
-        const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
-        if (searchParamPreviewModel === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
-          fetchOneEntry({
-            model: props2.model,
-            apiKey: props2.apiKey,
-            apiVersion: props2.builderContextSignal.apiVersion
-          }).then((content) => {
-            if (content)
-              mergeNewContent(props2, state2, elementRef2, content);
-          });
-      }
-      evaluateJsCode(props2);
-      runHttpRequests(props2, state2, elementRef2);
-      emitStateUpdate(props2);
+      if (isPreviewing() && element)
+        element.dispatchEvent(new CustomEvent("initpreviewingbldr"));
     }
-  }, "EnableEditor_component_useVisibleTask_Olaxc9jCOFk", [
+  }, "EnableEditor_component_useOn_2_FyR0YPSlJlw"));
+  qwik.useContextProvider(builderContext, props.builderContextSignal);
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [elementRef2, props2, state2] = qwik.useLexicalScope();
+    if (!props2.apiKey)
+      logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+    evaluateJsCode(props2);
+    runHttpRequests(props2, state2, elementRef2);
+    emitStateUpdate(props2);
+  }, "EnableEditor_component_useTask_Nb2VI04qp0M", [
     elementRef,
     props,
     state
@@ -3438,7 +3457,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     track2(() => props2.content);
     if (props2.content)
       mergeNewContent(props2, state2, elementRef2, props2.content);
-  }, "EnableEditor_component_useTask_Nb2VI04qp0M", [
+  }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
     elementRef,
     props,
     state
@@ -3446,18 +3465,18 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
     const [state2] = qwik.useLexicalScope();
     track2(() => state2.shouldSendResetCookie);
-  }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
+  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
     state
   ]));
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     track2(() => {
-      var _a, _b;
-      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
+      var _a2, _b2;
+      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
     track2(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
-  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
+  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
     state
@@ -3465,11 +3484,11 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     track2(() => {
-      var _a, _b;
-      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests;
+      var _a2, _b2;
+      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
     });
     runHttpRequests(props2, state2, elementRef2);
-  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
+  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,
     state
@@ -3478,41 +3497,35 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     track2(() => props2.builderContextSignal.rootState);
     emitStateUpdate(props2);
-  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
+  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
     elementRef,
     props,
     state
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ qwik._jsxS("div", {
+    children: props.builderContextSignal.content ? /* @__PURE__ */ qwik.createElement("div", {
+      apiKey: props.apiKey,
+      contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
+      variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
+      shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
+      key: state.forceReRenderCount,
       ref: elementRef,
-      ...props.showContent ? {} : {
-        hidden: true,
-        "aria-hidden": true
-      },
-      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0"),
       onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
         const [elementRef2, props2, state2] = qwik.useLexicalScope();
         return onClick(props2, state2, elementRef2, event);
-      }, "EnableEditor_component__Fragment_div_onClick_1QOkLijjH0M", [
+      }, "EnableEditor_component__Fragment__createElement_PT7eU9x80Lw", [
         elementRef,
         props,
         state
-      ])
-    }, {
-      "builder-content-id": qwik._fnSignal((p0) => {
-        var _a;
-        return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
-      }, [
-        props
-      ], "p0.builderContextSignal.content?.id"),
-      "builder-model": qwik._fnSignal((p0) => p0.model, [
-        props
-      ], "p0.model"),
-      class: qwik._fnSignal((p0) => p0.classNameProp, [
-        props
-      ], "p0.classNameProp")
-    }, 0, state.forceReRenderCount) : null
+      ]),
+      "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
+      "builder-model": props.model,
+      ...props.showContent ? {} : {
+        hidden: true,
+        "aria-hidden": true
+      },
+      class: props.classNameProp
+    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0")) : null
   }, 1, "06_1");
 }, "EnableEditor_component_ko1mO8oaj8k"));
 const getCssFromFont = (font) => {

package/lib/browser/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl, useOn } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -3098,7 +3098,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.7.0";
+const SDK_VERSION = "0.7.1-0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3356,6 +3356,7 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
     }));
 };
 const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a, _b, _c;
   _jsxBranch();
   const elementRef = useSignal();
   const state = useStore({
@@ -3367,66 +3368,84 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   }, {
     deep: true
   });
-  useContextProvider(builderContext, props.builderContextSignal);
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a, _b;
+  useOn("initeditingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    if (!props2.apiKey)
-      logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+    state2.forceReRenderCount = state2.forceReRenderCount + 1;
+    window.addEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
+    registerInsertMenu();
+    setupBrowserForEditing({
+      ...props2.locale ? {
+        locale: props2.locale
+      } : {},
+      ...props2.includeRefs ? {
+        includeRefs: props2.includeRefs
+      } : {},
+      ...props2.enrich ? {
+        enrich: props2.enrich
+      } : {}
+    });
+    Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
+      var _a2;
+      const message = createRegisterComponentMessage(registeredComponent);
+      (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
+    });
+    window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
+  }, "EnableEditor_component_useOn_Qs8c0yql2i0", [
+    elementRef,
+    props,
+    state
+  ]));
+  useOn("initpreviewingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [elementRef2, props2, state2] = useLexicalScope();
+    const searchParams = new URL(location.href).searchParams;
+    const searchParamPreviewModel = searchParams.get("builder.preview");
+    const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
+    const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
+    if (searchParamPreviewModel === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
+      fetchOneEntry({
+        model: props2.model,
+        apiKey: props2.apiKey,
+        apiVersion: props2.builderContextSignal.apiVersion
+      }).then((content) => {
+        if (content)
+          mergeNewContent(props2, state2, elementRef2, content);
+      });
+  }, "EnableEditor_component_useOn_1_F94YipmknvI", [
+    elementRef,
+    props,
+    state
+  ]));
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    var _a2, _b2, _c2, _d;
     if (isBrowser()) {
-      if (isEditing()) {
-        state2.forceReRenderCount = state2.forceReRenderCount + 1;
-        window.addEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
-        registerInsertMenu();
-        setupBrowserForEditing({
-          ...props2.locale ? {
-            locale: props2.locale
-          } : {},
-          ...props2.includeRefs ? {
-            includeRefs: props2.includeRefs
-          } : {},
-          ...props2.enrich ? {
-            enrich: props2.enrich
-          } : {}
-        });
-        Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
-          var _a2;
-          const message = createRegisterComponentMessage(registeredComponent);
-          (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
-        });
-        window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
-      }
-      if (props2.builderContextSignal.content) {
-        const variationId = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
-        const contentId = (_b = props2.builderContextSignal.content) == null ? void 0 : _b.id;
+      if (isEditing() && 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 = (_c2 = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c2.value;
+        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
         _track({
           type: "impression",
-          canTrack: getDefaultCanTrack(props2.canTrack),
+          canTrack: true,
           contentId,
-          apiKey: props2.apiKey,
+          apiKey: apiKeyProp,
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
-        const searchParams = new URL(location.href).searchParams;
-        const searchParamPreviewModel = searchParams.get("builder.preview");
-        const searchParamPreviewId = searchParams.get(`builder.preview.${searchParamPreviewModel}`);
-        const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
-        if (searchParamPreviewModel === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
-          fetchOneEntry({
-            model: props2.model,
-            apiKey: props2.apiKey,
-            apiVersion: props2.builderContextSignal.apiVersion
-          }).then((content) => {
-            if (content)
-              mergeNewContent(props2, state2, elementRef2, content);
-          });
-      }
-      evaluateJsCode(props2);
-      runHttpRequests(props2, state2, elementRef2);
-      emitStateUpdate(props2);
+      if (isPreviewing() && element)
+        element.dispatchEvent(new CustomEvent("initpreviewingbldr"));
     }
-  }, "EnableEditor_component_useVisibleTask_Olaxc9jCOFk", [
+  }, "EnableEditor_component_useOn_2_FyR0YPSlJlw"));
+  useContextProvider(builderContext, props.builderContextSignal);
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [elementRef2, props2, state2] = useLexicalScope();
+    if (!props2.apiKey)
+      logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+    evaluateJsCode(props2);
+    runHttpRequests(props2, state2, elementRef2);
+    emitStateUpdate(props2);
+  }, "EnableEditor_component_useTask_Nb2VI04qp0M", [
     elementRef,
     props,
     state
@@ -3436,7 +3455,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     track2(() => props2.content);
     if (props2.content)
       mergeNewContent(props2, state2, elementRef2, props2.content);
-  }, "EnableEditor_component_useTask_Nb2VI04qp0M", [
+  }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
     elementRef,
     props,
     state
@@ -3444,18 +3463,18 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
     const [state2] = useLexicalScope();
     track2(() => state2.shouldSendResetCookie);
-  }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
+  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
     state
   ]));
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => {
-      var _a, _b;
-      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
+      var _a2, _b2;
+      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
     track2(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
-  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
+  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
     state
@@ -3463,11 +3482,11 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => {
-      var _a, _b;
-      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests;
+      var _a2, _b2;
+      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
     });
     runHttpRequests(props2, state2, elementRef2);
-  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
+  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,
     state
@@ -3476,41 +3495,35 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => props2.builderContextSignal.rootState);
     emitStateUpdate(props2);
-  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
+  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
     elementRef,
     props,
     state
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ _jsxS("div", {
+    children: props.builderContextSignal.content ? /* @__PURE__ */ createElement("div", {
+      apiKey: props.apiKey,
+      contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
+      variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
+      shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
+      key: state.forceReRenderCount,
       ref: elementRef,
-      ...props.showContent ? {} : {
-        hidden: true,
-        "aria-hidden": true
-      },
-      children: /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0"),
       onClick$: /* @__PURE__ */ inlinedQrl((event) => {
         const [elementRef2, props2, state2] = useLexicalScope();
         return onClick(props2, state2, elementRef2, event);
-      }, "EnableEditor_component__Fragment_div_onClick_1QOkLijjH0M", [
+      }, "EnableEditor_component__Fragment__createElement_PT7eU9x80Lw", [
         elementRef,
         props,
         state
-      ])
-    }, {
-      "builder-content-id": _fnSignal((p0) => {
-        var _a;
-        return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
-      }, [
-        props
-      ], "p0.builderContextSignal.content?.id"),
-      "builder-model": _fnSignal((p0) => p0.model, [
-        props
-      ], "p0.model"),
-      class: _fnSignal((p0) => p0.classNameProp, [
-        props
-      ], "p0.classNameProp")
-    }, 0, state.forceReRenderCount) : null
+      ]),
+      "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
+      "builder-model": props.model,
+      ...props.showContent ? {} : {
+        hidden: true,
+        "aria-hidden": true
+      },
+      class: props.classNameProp
+    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0")) : null
   }, 1, "06_1");
 }, "EnableEditor_component_ko1mO8oaj8k"));
 const getCssFromFont = (font) => {