@builder.io/sdk-solid 4.2.3 → 5.0.0

package/dist/index.d.ts

@@ -803,7 +803,17 @@ type Search = URLSearchParams | string | QueryObject;
 
 declare function isEditing(search?: Search): boolean;
 
-declare function isPreviewing(_search?: Search): boolean;
+/**
+ * Checks the current URL's search parameters to see if it is attempting to
+ * preview Builder Content.
+ *
+ * When called on the client, it uses `window.location.search`.
+ * When called on the server (SSR), it requires a `search` argument.
+ *
+ * @param search - The search parameters to check. Can be a URL string (containing the search parameters), `URLSearchParams`, or a key-value object containing the search parameters.
+ * @returns `true` if the current page is being previewed, `false` otherwise.
+ */
+declare function isPreviewing(search?: Search): boolean;
 
 declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
@@ -852,8 +862,14 @@ type Settings = {
 declare function setEditorSettings(newSettings: Settings): void;
 
 /**
- * Receives a `URLSearchParams` object or a regular query object, and returns the subset of query params that are
- * relevant to the Builder SDK.
+ * Receives a `URLSearchParams` object or a regular query object, and returns
+ * the subset of query params that are relevant to the Builder SDK.
+ *
+ * Outputs a key-value object to be passed to `fetchOneEntry` or `fetchEntries`
+ * functions as the `options` argument.
+ *
+ * NOTE: This function is generally not needed. Instead, it is recommended to use `isPreviewing()`
+ * to check if the current page requires previewed content.
  *
  * @returns
  */

package/lib/browser/dev.js

@@ -1047,12 +1047,12 @@ function BlockWrapper(props) {
 var block_wrapper_default = BlockWrapper;
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -1157,7 +1157,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -7108,6 +7108,12 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo(() => props.content);
+  const onUpdateFn_0_props_data = createMemo(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo(() => props.locale);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_content(), onUpdateFn_0_props_data(), onUpdateFn_0_props_locale()], onUpdateFn_0));
   return createComponent(components_context_default.Provider, {
     get value() {
       return {

package/lib/browser/dev.jsx

@@ -1039,12 +1039,12 @@ import { Show as Show2, on, createEffect, createMemo as createMemo2, createSigna
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -1149,7 +1149,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -3200,7 +3200,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount11, on as on8, createEffect as createEffect8, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
+import { onMount as onMount11, on as on9, createEffect as createEffect9, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show18, For as For9, onMount as onMount10, createSignal as createSignal23, createMemo as createMemo23 } from "solid-js";
@@ -3366,7 +3366,7 @@ var getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
 };
 
 // src/components/content/content.tsx
-import { Show as Show17, createSignal as createSignal22 } from "solid-js";
+import { Show as Show17, on as on8, createEffect as createEffect8, createMemo as createMemo22, createSignal as createSignal22 } from "solid-js";
 
 // src/blocks/accordion/component-info.ts
 var defaultTitle = {
@@ -6566,6 +6566,42 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo22(() => props.content);
+  const onUpdateFn_0_props_data = createMemo22(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo22(() => props.locale);
+  function onUpdateFn_0() {
+    const updateContentAndRootState = () => {
+      const nextId = props.content?.id;
+      const currentId = builderContextSignal().content?.id;
+      if (nextId && nextId !== currentId) {
+        builderContextSignal().content = getContentInitialValue({
+          content: props.content,
+          data: props.data
+        });
+        builderContextSignal().rootState = getRootStateInitialValue({
+          content: props.content,
+          data: props.data,
+          locale: props.locale
+        });
+        setScriptStr(
+          getUpdateVariantVisibilityScript({
+            variationId: props.content?.testVariationId || "",
+            contentId: nextId
+          })
+        );
+      }
+    };
+  }
+  createEffect8(
+    on8(
+      () => [
+        onUpdateFn_0_props_content(),
+        onUpdateFn_0_props_data(),
+        onUpdateFn_0_props_locale()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><components_context_default.Provider
     value={{
       registeredComponents: registeredComponents()
@@ -6790,7 +6826,7 @@ function Symbol(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect8(on8(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect9(on9(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/lib/browser/index.js

@@ -1038,12 +1038,12 @@ function BlockWrapper(props) {
 var block_wrapper_default = BlockWrapper;
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -1147,7 +1147,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -7088,6 +7088,12 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo(() => props.content);
+  const onUpdateFn_0_props_data = createMemo(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo(() => props.locale);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_content(), onUpdateFn_0_props_data(), onUpdateFn_0_props_locale()], onUpdateFn_0));
   return createComponent(components_context_default.Provider, {
     get value() {
       return {

package/lib/browser/index.jsx

@@ -1032,12 +1032,12 @@ import { Show as Show2, on, createEffect, createMemo as createMemo2, createSigna
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -1141,7 +1141,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -3186,7 +3186,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount11, on as on8, createEffect as createEffect8, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
+import { onMount as onMount11, on as on9, createEffect as createEffect9, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show18, For as For9, onMount as onMount10, createSignal as createSignal23, createMemo as createMemo23 } from "solid-js";
@@ -3352,7 +3352,7 @@ var getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
 };
 
 // src/components/content/content.tsx
-import { Show as Show17, createSignal as createSignal22 } from "solid-js";
+import { Show as Show17, on as on8, createEffect as createEffect8, createMemo as createMemo22, createSignal as createSignal22 } from "solid-js";
 
 // src/blocks/accordion/component-info.ts
 var defaultTitle = {
@@ -6544,6 +6544,42 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo22(() => props.content);
+  const onUpdateFn_0_props_data = createMemo22(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo22(() => props.locale);
+  function onUpdateFn_0() {
+    const updateContentAndRootState = () => {
+      const nextId = props.content?.id;
+      const currentId = builderContextSignal().content?.id;
+      if (nextId && nextId !== currentId) {
+        builderContextSignal().content = getContentInitialValue({
+          content: props.content,
+          data: props.data
+        });
+        builderContextSignal().rootState = getRootStateInitialValue({
+          content: props.content,
+          data: props.data,
+          locale: props.locale
+        });
+        setScriptStr(
+          getUpdateVariantVisibilityScript({
+            variationId: props.content?.testVariationId || "",
+            contentId: nextId
+          })
+        );
+      }
+    };
+  }
+  createEffect8(
+    on8(
+      () => [
+        onUpdateFn_0_props_content(),
+        onUpdateFn_0_props_data(),
+        onUpdateFn_0_props_locale()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><components_context_default.Provider
     value={{
       registeredComponents: registeredComponents()
@@ -6768,7 +6804,7 @@ function Symbol(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect8(on8(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect9(on9(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/lib/edge/dev.js

@@ -4228,12 +4228,12 @@ function BlockWrapper(props) {
 var block_wrapper_default = BlockWrapper;
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -4338,7 +4338,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -10289,6 +10289,12 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo(() => props.content);
+  const onUpdateFn_0_props_data = createMemo(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo(() => props.locale);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_content(), onUpdateFn_0_props_data(), onUpdateFn_0_props_locale()], onUpdateFn_0));
   return createComponent(components_context_default.Provider, {
     get value() {
       return {

package/lib/edge/dev.jsx

@@ -4222,12 +4222,12 @@ import { Show as Show2, on, createEffect, createMemo as createMemo2, createSigna
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -4332,7 +4332,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6383,7 +6383,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount11, on as on8, createEffect as createEffect8, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
+import { onMount as onMount11, on as on9, createEffect as createEffect9, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show18, For as For9, onMount as onMount10, createSignal as createSignal23, createMemo as createMemo23 } from "solid-js";
@@ -6549,7 +6549,7 @@ var getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
 };
 
 // src/components/content/content.tsx
-import { Show as Show17, createSignal as createSignal22 } from "solid-js";
+import { Show as Show17, on as on8, createEffect as createEffect8, createMemo as createMemo22, createSignal as createSignal22 } from "solid-js";
 
 // src/blocks/accordion/component-info.ts
 var defaultTitle = {
@@ -9749,6 +9749,42 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo22(() => props.content);
+  const onUpdateFn_0_props_data = createMemo22(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo22(() => props.locale);
+  function onUpdateFn_0() {
+    const updateContentAndRootState = () => {
+      const nextId = props.content?.id;
+      const currentId = builderContextSignal().content?.id;
+      if (nextId && nextId !== currentId) {
+        builderContextSignal().content = getContentInitialValue({
+          content: props.content,
+          data: props.data
+        });
+        builderContextSignal().rootState = getRootStateInitialValue({
+          content: props.content,
+          data: props.data,
+          locale: props.locale
+        });
+        setScriptStr(
+          getUpdateVariantVisibilityScript({
+            variationId: props.content?.testVariationId || "",
+            contentId: nextId
+          })
+        );
+      }
+    };
+  }
+  createEffect8(
+    on8(
+      () => [
+        onUpdateFn_0_props_content(),
+        onUpdateFn_0_props_data(),
+        onUpdateFn_0_props_locale()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><components_context_default.Provider
     value={{
       registeredComponents: registeredComponents()
@@ -9973,7 +10009,7 @@ function Symbol2(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect8(on8(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect9(on9(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/lib/edge/index.js

@@ -4219,12 +4219,12 @@ function BlockWrapper(props) {
 var block_wrapper_default = BlockWrapper;
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -4328,7 +4328,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -10269,6 +10269,12 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo(() => props.content);
+  const onUpdateFn_0_props_data = createMemo(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo(() => props.locale);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_content(), onUpdateFn_0_props_data(), onUpdateFn_0_props_locale()], onUpdateFn_0));
   return createComponent(components_context_default.Provider, {
     get value() {
       return {

package/lib/edge/index.jsx

@@ -4215,12 +4215,12 @@ import { Show as Show2, on, createEffect, createMemo as createMemo2, createSigna
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -4324,7 +4324,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6369,7 +6369,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount11, on as on8, createEffect as createEffect8, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
+import { onMount as onMount11, on as on9, createEffect as createEffect9, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show18, For as For9, onMount as onMount10, createSignal as createSignal23, createMemo as createMemo23 } from "solid-js";
@@ -6535,7 +6535,7 @@ var getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
 };
 
 // src/components/content/content.tsx
-import { Show as Show17, createSignal as createSignal22 } from "solid-js";
+import { Show as Show17, on as on8, createEffect as createEffect8, createMemo as createMemo22, createSignal as createSignal22 } from "solid-js";
 
 // src/blocks/accordion/component-info.ts
 var defaultTitle = {
@@ -9727,6 +9727,42 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo22(() => props.content);
+  const onUpdateFn_0_props_data = createMemo22(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo22(() => props.locale);
+  function onUpdateFn_0() {
+    const updateContentAndRootState = () => {
+      const nextId = props.content?.id;
+      const currentId = builderContextSignal().content?.id;
+      if (nextId && nextId !== currentId) {
+        builderContextSignal().content = getContentInitialValue({
+          content: props.content,
+          data: props.data
+        });
+        builderContextSignal().rootState = getRootStateInitialValue({
+          content: props.content,
+          data: props.data,
+          locale: props.locale
+        });
+        setScriptStr(
+          getUpdateVariantVisibilityScript({
+            variationId: props.content?.testVariationId || "",
+            contentId: nextId
+          })
+        );
+      }
+    };
+  }
+  createEffect8(
+    on8(
+      () => [
+        onUpdateFn_0_props_content(),
+        onUpdateFn_0_props_data(),
+        onUpdateFn_0_props_locale()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><components_context_default.Provider
     value={{
       registeredComponents: registeredComponents()
@@ -9951,7 +9987,7 @@ function Symbol2(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect8(on8(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect9(on9(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/lib/node/dev.js

@@ -1216,12 +1216,12 @@ function BlockWrapper(props) {
 var block_wrapper_default = BlockWrapper;
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -1326,7 +1326,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -7277,6 +7277,12 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo(() => props.content);
+  const onUpdateFn_0_props_data = createMemo(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo(() => props.locale);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_content(), onUpdateFn_0_props_data(), onUpdateFn_0_props_locale()], onUpdateFn_0));
   return createComponent(components_context_default.Provider, {
     get value() {
       return {

package/lib/node/dev.jsx

@@ -1210,12 +1210,12 @@ import { Show as Show2, on, createEffect, createMemo as createMemo2, createSigna
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -1320,7 +1320,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -3371,7 +3371,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount11, on as on8, createEffect as createEffect8, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
+import { onMount as onMount11, on as on9, createEffect as createEffect9, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show18, For as For9, onMount as onMount10, createSignal as createSignal23, createMemo as createMemo23 } from "solid-js";
@@ -3537,7 +3537,7 @@ var getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
 };
 
 // src/components/content/content.tsx
-import { Show as Show17, createSignal as createSignal22 } from "solid-js";
+import { Show as Show17, on as on8, createEffect as createEffect8, createMemo as createMemo22, createSignal as createSignal22 } from "solid-js";
 
 // src/blocks/accordion/component-info.ts
 var defaultTitle = {
@@ -6737,6 +6737,42 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo22(() => props.content);
+  const onUpdateFn_0_props_data = createMemo22(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo22(() => props.locale);
+  function onUpdateFn_0() {
+    const updateContentAndRootState = () => {
+      const nextId = props.content?.id;
+      const currentId = builderContextSignal().content?.id;
+      if (nextId && nextId !== currentId) {
+        builderContextSignal().content = getContentInitialValue({
+          content: props.content,
+          data: props.data
+        });
+        builderContextSignal().rootState = getRootStateInitialValue({
+          content: props.content,
+          data: props.data,
+          locale: props.locale
+        });
+        setScriptStr(
+          getUpdateVariantVisibilityScript({
+            variationId: props.content?.testVariationId || "",
+            contentId: nextId
+          })
+        );
+      }
+    };
+  }
+  createEffect8(
+    on8(
+      () => [
+        onUpdateFn_0_props_content(),
+        onUpdateFn_0_props_data(),
+        onUpdateFn_0_props_locale()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><components_context_default.Provider
     value={{
       registeredComponents: registeredComponents()
@@ -6961,7 +6997,7 @@ function Symbol(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect8(on8(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect9(on9(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/lib/node/index.js

@@ -1207,12 +1207,12 @@ function BlockWrapper(props) {
 var block_wrapper_default = BlockWrapper;
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -1316,7 +1316,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -7257,6 +7257,12 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo(() => props.content);
+  const onUpdateFn_0_props_data = createMemo(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo(() => props.locale);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_content(), onUpdateFn_0_props_data(), onUpdateFn_0_props_locale()], onUpdateFn_0));
   return createComponent(components_context_default.Provider, {
     get value() {
       return {

package/lib/node/index.jsx

@@ -1203,12 +1203,12 @@ import { Show as Show2, on, createEffect, createMemo as createMemo2, createSigna
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/functions/is-previewing.ts
-function isPreviewing(_search) {
-  const search = _search || (isBrowser() ? window.location.search : void 0);
-  if (!search) {
+function isPreviewing(search) {
+  const searchToUse = search || (isBrowser() ? window.location.search : void 0);
+  if (!searchToUse) {
     return false;
   }
-  const normalizedSearch = getSearchString(search);
+  const normalizedSearch = getSearchString(searchToUse);
   return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
 }
 
@@ -1312,7 +1312,7 @@ var getBuilderSearchParamsFromWindow = () => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.3";
+var SDK_VERSION = "5.0.0";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -3357,7 +3357,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount11, on as on8, createEffect as createEffect8, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
+import { onMount as onMount11, on as on9, createEffect as createEffect9, createMemo as createMemo24, createSignal as createSignal24 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show18, For as For9, onMount as onMount10, createSignal as createSignal23, createMemo as createMemo23 } from "solid-js";
@@ -3523,7 +3523,7 @@ var getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
 };
 
 // src/components/content/content.tsx
-import { Show as Show17, createSignal as createSignal22 } from "solid-js";
+import { Show as Show17, on as on8, createEffect as createEffect8, createMemo as createMemo22, createSignal as createSignal22 } from "solid-js";
 
 // src/blocks/accordion/component-info.ts
 var defaultTitle = {
@@ -6715,6 +6715,42 @@ function ContentComponent(props) {
       isExpression: false
     });
   }
+  const onUpdateFn_0_props_content = createMemo22(() => props.content);
+  const onUpdateFn_0_props_data = createMemo22(() => props.data);
+  const onUpdateFn_0_props_locale = createMemo22(() => props.locale);
+  function onUpdateFn_0() {
+    const updateContentAndRootState = () => {
+      const nextId = props.content?.id;
+      const currentId = builderContextSignal().content?.id;
+      if (nextId && nextId !== currentId) {
+        builderContextSignal().content = getContentInitialValue({
+          content: props.content,
+          data: props.data
+        });
+        builderContextSignal().rootState = getRootStateInitialValue({
+          content: props.content,
+          data: props.data,
+          locale: props.locale
+        });
+        setScriptStr(
+          getUpdateVariantVisibilityScript({
+            variationId: props.content?.testVariationId || "",
+            contentId: nextId
+          })
+        );
+      }
+    };
+  }
+  createEffect8(
+    on8(
+      () => [
+        onUpdateFn_0_props_content(),
+        onUpdateFn_0_props_data(),
+        onUpdateFn_0_props_locale()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><components_context_default.Provider
     value={{
       registeredComponents: registeredComponents()
@@ -6939,7 +6975,7 @@ function Symbol(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect8(on8(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect9(on9(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "4.2.3",
+  "version": "5.0.0",
   "description": "",
   "files": [
     "dist",
@@ -87,7 +87,7 @@
     "build:browser": "SDK_ENV=browser yarn build:one"
   },
   "dependencies": {
-    "isolated-vm": "^5.0.0",
+    "isolated-vm": "^6.0.0",
     "solid-styled-components": "^0.27.6"
   },
   "peerDependencies": {