@builder.io/sdk-solid 2.0.25 → 2.0.28

package/lib/edge/dev.js

@@ -1,5 +1,5 @@
 import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, Dynamic, memo, use } from 'solid-js/web';
-import { createContext, useContext, Show, For, createSignal, createMemo, onMount, createEffect, on } from 'solid-js';
+import { createContext, useContext, Show, For, createMemo, onMount, createSignal, createEffect, on } from 'solid-js';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -4839,15 +4839,20 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-46766f1c {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`);
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal(typeof props.space === "number" ? props.space || 0 : 20);
-  const [cols, setCols] = createSignal(props.columns || []);
-  const [stackAt, setStackAt] = createSignal(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal(props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column");
+  const gutterSize = createMemo(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -4871,6 +4876,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -4960,7 +4968,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-46766f1c";
+        return getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -7949,7 +7957,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.25";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -8061,7 +8069,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -8070,7 +8079,8 @@ var generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
@@ -8358,7 +8368,10 @@ var createEvent = async ({
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -8372,7 +8385,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [await createEvent(eventProps)]
@@ -8816,6 +8830,7 @@ function EnableEditor(props) {
       const variationId = props.builderContextSignal.content?.testVariationId;
       const contentId = props.builderContextSignal.content?.id;
       _track({
+        apiHost: props.apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
@@ -8875,7 +8890,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -8901,6 +8916,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -9149,6 +9165,9 @@ function ContentComponent(props) {
     },
     get children() {
       return createComponent(enable_editor_default, mergeProps({
+        get apiHost() {
+          return props.apiHost;
+        },
         get nonce() {
           return props.nonce;
         },
@@ -9190,6 +9209,9 @@ function ContentComponent(props) {
         },
         get trustedHosts() {
           return props.trustedHosts;
+        },
+        get isNestedRender() {
+          return props.isNestedRender;
         }
       }, {
         setBuilderContextSignal
@@ -9322,6 +9344,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, mergeProps({
+            get apiHost() {
+              return props.apiHost;
+            },
             get isNestedRender() {
               return props.isNestedRender;
             },
@@ -9386,6 +9411,9 @@ function ContentVariants(props) {
       })];
     }
   }), createComponent(content_default, mergeProps({
+    get apiHost() {
+      return props.apiHost;
+    },
     get nonce() {
       return props.nonce;
     },

package/lib/edge/dev.jsx

@@ -83,7 +83,7 @@ function Button(props) {
 var button_default = Button;
 
 // src/blocks/columns/columns.tsx
-import { Show as Show7, For as For4, createSignal as createSignal7 } from "solid-js";
+import { Show as Show7, For as For4, createMemo as createMemo7 } from "solid-js";
 
 // src/components/blocks/blocks.tsx
 import { useContext, Show as Show6, For as For3 } from "solid-js";
@@ -4634,14 +4634,15 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal7(
-    typeof props.space === "number" ? props.space || 0 : 20
-  );
-  const [cols, setCols] = createSignal7(props.columns || []);
-  const [stackAt, setStackAt] = createSignal7(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal7(
-    props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column"
-  );
+  const gutterSize = createMemo7(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo7(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo7(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -4665,6 +4666,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo7(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -4754,7 +4758,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4783,7 +4787,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -7439,7 +7443,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.25";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -7551,7 +7555,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -7560,7 +7565,8 @@ var generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
@@ -7848,7 +7854,10 @@ var createEvent = async ({
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -7862,7 +7871,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [await createEvent(eventProps)]
@@ -8305,6 +8315,7 @@ function EnableEditor(props) {
       const variationId = props.builderContextSignal.content?.testVariationId;
       const contentId = props.builderContextSignal.content?.id;
       _track({
+        apiHost: props.apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
@@ -8374,7 +8385,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount6(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -8405,6 +8416,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -8644,6 +8656,7 @@ function ContentComponent(props) {
       registeredComponents: registeredComponents()
     }}
   ><Enable_editor_default
+    apiHost={props.apiHost}
     nonce={props.nonce}
     content={props.content}
     data={props.data}
@@ -8658,6 +8671,7 @@ function ContentComponent(props) {
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
     trustedHosts={props.trustedHosts}
+    isNestedRender={props.isNestedRender}
     {...{
       setBuilderContextSignal
     }}
@@ -8736,6 +8750,7 @@ function ContentVariants(props) {
       <For9 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          apiHost={props.apiHost}
           isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           nonce={props.nonce}
@@ -8762,6 +8777,7 @@ function ContentVariants(props) {
       }}</For9>
     </Show15>
     <Content_default
+      apiHost={props.apiHost}
       nonce={props.nonce}
       isNestedRender={props.isNestedRender}
       {...{}}

package/lib/edge/index.js

@@ -1,5 +1,5 @@
 import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, Dynamic, memo, use } from 'solid-js/web';
-import { createContext, useContext, Show, For, createSignal, createMemo, onMount, createEffect, on } from 'solid-js';
+import { createContext, useContext, Show, For, createMemo, onMount, createSignal, createEffect, on } from 'solid-js';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -4833,15 +4833,20 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-46766f1c {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`);
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal(typeof props.space === "number" ? props.space || 0 : 20);
-  const [cols, setCols] = createSignal(props.columns || []);
-  const [stackAt, setStackAt] = createSignal(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal(props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column");
+  const gutterSize = createMemo(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -4865,6 +4870,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -4954,7 +4962,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-46766f1c";
+        return getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -7939,7 +7947,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.25";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -8049,7 +8057,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -8058,7 +8067,8 @@ var generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
@@ -8344,7 +8354,10 @@ var createEvent = async ({
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -8358,7 +8371,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [await createEvent(eventProps)]
@@ -8800,6 +8814,7 @@ function EnableEditor(props) {
       const variationId = props.builderContextSignal.content?.testVariationId;
       const contentId = props.builderContextSignal.content?.id;
       _track({
+        apiHost: props.apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
@@ -8858,7 +8873,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -8884,6 +8899,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -9132,6 +9148,9 @@ function ContentComponent(props) {
     },
     get children() {
       return createComponent(enable_editor_default, mergeProps({
+        get apiHost() {
+          return props.apiHost;
+        },
         get nonce() {
           return props.nonce;
         },
@@ -9173,6 +9192,9 @@ function ContentComponent(props) {
         },
         get trustedHosts() {
           return props.trustedHosts;
+        },
+        get isNestedRender() {
+          return props.isNestedRender;
         }
       }, {
         setBuilderContextSignal
@@ -9305,6 +9327,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, mergeProps({
+            get apiHost() {
+              return props.apiHost;
+            },
             get isNestedRender() {
               return props.isNestedRender;
             },
@@ -9369,6 +9394,9 @@ function ContentVariants(props) {
       })];
     }
   }), createComponent(content_default, mergeProps({
+    get apiHost() {
+      return props.apiHost;
+    },
     get nonce() {
       return props.nonce;
     },

package/lib/edge/index.jsx

@@ -83,7 +83,7 @@ function Button(props) {
 var button_default = Button;
 
 // src/blocks/columns/columns.tsx
-import { Show as Show7, For as For4, createSignal as createSignal7 } from "solid-js";
+import { Show as Show7, For as For4, createMemo as createMemo7 } from "solid-js";
 
 // src/components/blocks/blocks.tsx
 import { useContext, Show as Show6, For as For3 } from "solid-js";
@@ -4628,14 +4628,15 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal7(
-    typeof props.space === "number" ? props.space || 0 : 20
-  );
-  const [cols, setCols] = createSignal7(props.columns || []);
-  const [stackAt, setStackAt] = createSignal7(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal7(
-    props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column"
-  );
+  const gutterSize = createMemo7(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo7(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo7(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -4659,6 +4660,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo7(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -4748,7 +4752,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4777,7 +4781,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -7429,7 +7433,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.25";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -7539,7 +7543,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -7548,7 +7553,8 @@ var generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
@@ -7834,7 +7840,10 @@ var createEvent = async ({
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -7848,7 +7857,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [await createEvent(eventProps)]
@@ -8289,6 +8299,7 @@ function EnableEditor(props) {
       const variationId = props.builderContextSignal.content?.testVariationId;
       const contentId = props.builderContextSignal.content?.id;
       _track({
+        apiHost: props.apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
@@ -8357,7 +8368,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount6(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -8388,6 +8399,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -8627,6 +8639,7 @@ function ContentComponent(props) {
       registeredComponents: registeredComponents()
     }}
   ><Enable_editor_default
+    apiHost={props.apiHost}
     nonce={props.nonce}
     content={props.content}
     data={props.data}
@@ -8641,6 +8654,7 @@ function ContentComponent(props) {
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
     trustedHosts={props.trustedHosts}
+    isNestedRender={props.isNestedRender}
     {...{
       setBuilderContextSignal
     }}
@@ -8719,6 +8733,7 @@ function ContentVariants(props) {
       <For9 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          apiHost={props.apiHost}
           isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           nonce={props.nonce}
@@ -8745,6 +8760,7 @@ function ContentVariants(props) {
       }}</For9>
     </Show15>
     <Content_default
+      apiHost={props.apiHost}
       nonce={props.nonce}
       isNestedRender={props.isNestedRender}
       {...{}}