@builder.io/sdk-qwik 0.6.5-4 → 0.7.1-0

package/lib/browser/index.qwik.cjs

@@ -2815,7 +2815,8 @@ const getBuilderSearchParamsFromWindow = () => {
 const normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
 const DEFAULT_API_VERSION = "v3";
 const generateContentUrl = (options) => {
-  const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey, includeRefs = true, enrich, locale, apiVersion = DEFAULT_API_VERSION } = options;
+  let { noTraverse = false } = options;
+  const { limit = 30, userAttributes, query, model, apiKey, includeRefs = true, enrich, locale, apiVersion = DEFAULT_API_VERSION } = options;
   if (!apiKey)
     throw new Error("Missing API key");
   if (![
@@ -2823,6 +2824,8 @@ const generateContentUrl = (options) => {
     "v3"
   ].includes(apiVersion))
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${apiVersion}'`);
+  if ((options.limit === void 0 || options.limit > 1) && !("noTraverse" in options))
+    noTraverse = true;
   const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}${enrich ? `&enrich=${enrich}` : ""}`);
   const queryOptions = {
     ...getBuilderSearchParamsFromWindow(),
@@ -3097,7 +3100,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.6.5-4";
+const SDK_VERSION = "0.7.1-0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3354,44 +3357,8 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
       }
     }));
 };
-const initEditing = function initEditing2(props, state, elementRef, _event) {
-  state.forceReRenderCount = state.forceReRenderCount + 1;
-  window.addEventListener("message", processMessage.bind(null, props, state, elementRef));
-  registerInsertMenu();
-  setupBrowserForEditing({
-    ...props.locale ? {
-      locale: props.locale
-    } : {},
-    ...props.includeRefs ? {
-      includeRefs: props.includeRefs
-    } : {},
-    ...props.enrich ? {
-      enrich: props.enrich
-    } : {}
-  });
-  Object.values(props.builderContextSignal.componentInfos).forEach((registeredComponent) => {
-    var _a;
-    const message = createRegisterComponentMessage(registeredComponent);
-    (_a = window.parent) == null ? void 0 : _a.postMessage(message, "*");
-  });
-  window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props, state, elementRef));
-};
-const initPreview = function initPreview2(props, state, elementRef, _event) {
-  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 === props.model && previewApiKey === props.apiKey && (!props.content || searchParamPreviewId === props.content.id))
-    fetchOneEntry({
-      model: props.model,
-      apiKey: props.apiKey,
-      apiVersion: props.builderContextSignal.apiVersion
-    }).then((content) => {
-      if (content)
-        mergeNewContent(props, state, elementRef, content);
-    });
-};
 const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b, _c;
   qwik._jsxBranch();
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
@@ -3403,55 +3370,94 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   }, {
     deep: true
   });
-  qwik.useOn("initEditingBldr", /* @__PURE__ */ qwik.inlinedQrl((event) => {
+  qwik.useOn("initeditingbldr", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
-    initEditing(props2, state2, elementRef2);
+    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) => {
+  qwik.useOn("initpreviewingbldr", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
-    initPreview(props2, state2, elementRef2);
+    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.useContextProvider(builderContext, props.builderContextSignal);
-  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    var _a, _b;
-    const [elementRef2, props2] = 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.");
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    var _a2, _b2, _c2, _d;
     if (isBrowser()) {
-      if (isEditing() && elementRef2.value)
-        elementRef2.value.dispatchEvent(new CustomEvent("initEditingBldr"));
-      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() && elementRef2.value)
-        elementRef2.value.dispatchEvent(new CustomEvent("initPreviewingBldr"));
+      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
+    props,
+    state
   ]));
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     track2(() => props2.content);
     if (props2.content)
       mergeNewContent(props2, state2, elementRef2, props2.content);
-  }, "EnableEditor_component_useTask_Nb2VI04qp0M", [
+  }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
     elementRef,
     props,
     state
@@ -3459,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
@@ -3478,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
@@ -3491,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

@@ -2813,7 +2813,8 @@ const getBuilderSearchParamsFromWindow = () => {
 const normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
 const DEFAULT_API_VERSION = "v3";
 const generateContentUrl = (options) => {
-  const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey, includeRefs = true, enrich, locale, apiVersion = DEFAULT_API_VERSION } = options;
+  let { noTraverse = false } = options;
+  const { limit = 30, userAttributes, query, model, apiKey, includeRefs = true, enrich, locale, apiVersion = DEFAULT_API_VERSION } = options;
   if (!apiKey)
     throw new Error("Missing API key");
   if (![
@@ -2821,6 +2822,8 @@ const generateContentUrl = (options) => {
     "v3"
   ].includes(apiVersion))
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${apiVersion}'`);
+  if ((options.limit === void 0 || options.limit > 1) && !("noTraverse" in options))
+    noTraverse = true;
   const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}${enrich ? `&enrich=${enrich}` : ""}`);
   const queryOptions = {
     ...getBuilderSearchParamsFromWindow(),
@@ -3095,7 +3098,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.6.5-4";
+const SDK_VERSION = "0.7.1-0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3352,44 +3355,8 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
       }
     }));
 };
-const initEditing = function initEditing2(props, state, elementRef, _event) {
-  state.forceReRenderCount = state.forceReRenderCount + 1;
-  window.addEventListener("message", processMessage.bind(null, props, state, elementRef));
-  registerInsertMenu();
-  setupBrowserForEditing({
-    ...props.locale ? {
-      locale: props.locale
-    } : {},
-    ...props.includeRefs ? {
-      includeRefs: props.includeRefs
-    } : {},
-    ...props.enrich ? {
-      enrich: props.enrich
-    } : {}
-  });
-  Object.values(props.builderContextSignal.componentInfos).forEach((registeredComponent) => {
-    var _a;
-    const message = createRegisterComponentMessage(registeredComponent);
-    (_a = window.parent) == null ? void 0 : _a.postMessage(message, "*");
-  });
-  window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props, state, elementRef));
-};
-const initPreview = function initPreview2(props, state, elementRef, _event) {
-  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 === props.model && previewApiKey === props.apiKey && (!props.content || searchParamPreviewId === props.content.id))
-    fetchOneEntry({
-      model: props.model,
-      apiKey: props.apiKey,
-      apiVersion: props.builderContextSignal.apiVersion
-    }).then((content) => {
-      if (content)
-        mergeNewContent(props, state, elementRef, content);
-    });
-};
 const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a, _b, _c;
   _jsxBranch();
   const elementRef = useSignal();
   const state = useStore({
@@ -3401,55 +3368,94 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   }, {
     deep: true
   });
-  useOn("initEditingBldr", /* @__PURE__ */ inlinedQrl((event) => {
+  useOn("initeditingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    initEditing(props2, state2, elementRef2);
+    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) => {
+  useOn("initpreviewingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    initPreview(props2, state2, elementRef2);
+    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
   ]));
-  useContextProvider(builderContext, props.builderContextSignal);
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a, _b;
-    const [elementRef2, props2] = 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.");
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    var _a2, _b2, _c2, _d;
     if (isBrowser()) {
-      if (isEditing() && elementRef2.value)
-        elementRef2.value.dispatchEvent(new CustomEvent("initEditingBldr"));
-      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() && elementRef2.value)
-        elementRef2.value.dispatchEvent(new CustomEvent("initPreviewingBldr"));
+      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
+    props,
+    state
   ]));
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => props2.content);
     if (props2.content)
       mergeNewContent(props2, state2, elementRef2, props2.content);
-  }, "EnableEditor_component_useTask_Nb2VI04qp0M", [
+  }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
     elementRef,
     props,
     state
@@ -3457,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
@@ -3476,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
@@ -3489,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) => {