@builder.io/sdk-solid 4.0.7 → 4.0.8

package/lib/browser/dev.js

@@ -1218,6 +1218,7 @@ var awaiter_default = Awaiter;
 
 // src/components/block/components/interactive-element.tsx
 function InteractiveElement(props) {
+  createSignal(0);
   const attributes = createMemo(() => {
     return props.includeBlockProps ? {
       ...getBlockProperties({
@@ -1236,6 +1237,11 @@ function InteractiveElement(props) {
   const targetWrapperProps = createMemo(() => {
     return props.wrapperProps;
   });
+  const onUpdateFn_0_props_wrapperProps = createMemo(() => props.wrapperProps);
+  const onUpdateFn_0_props_block__component__options = createMemo(() => props.block?.component?.options);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_wrapperProps(), onUpdateFn_0_props_block__component__options()], onUpdateFn_0));
   return createComponent(Show, {
     get fallback() {
       return createComponent(Dynamic, mergeProps(targetWrapperProps, {
@@ -5376,7 +5382,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.7";
+var SDK_VERSION = "4.0.8";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6998,6 +7004,7 @@ var fetchSymbolContent = async ({
 var _tmpl$30 = /* @__PURE__ */ template(`<div>`);
 function Symbol(props) {
   const [contentToUse, setContentToUse] = createSignal(props.symbol?.content);
+  const [symbolEntry, setSymbolEntry] = createSignal(props.symbol?.entry);
   const blocksWrapper = createMemo(() => {
     return "div";
   });
@@ -7008,7 +7015,7 @@ function Symbol(props) {
     return [...[props.attributes[getClassPropName()]], "builder-symbol", props.symbol?.inline ? "builder-inline-symbol" : void 0, props.symbol?.dynamic || props.dynamic ? "builder-dynamic-symbol" : void 0].filter(Boolean).join(" ");
   });
   function setContent() {
-    if (contentToUse())
+    if (contentToUse() && symbolEntry() === props.symbol?.entry)
       return;
     fetchSymbolContent({
       symbol: props.symbol,
@@ -7016,6 +7023,7 @@ function Symbol(props) {
     }).then((newContent) => {
       if (newContent) {
         setContentToUse(newContent);
+        setSymbolEntry(props.symbol?.entry);
       }
     });
   }

package/lib/browser/dev.jsx

@@ -1202,15 +1202,15 @@ var Block_wrapper_default = BlockWrapper;
 import {
   Show as Show4,
   For,
-  on,
-  createEffect,
+  on as on2,
+  createEffect as createEffect2,
   createMemo as createMemo3,
   createSignal as createSignal3
 } from "solid-js";
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/components/block/components/interactive-element.tsx
-import { Show as Show3, createMemo as createMemo2 } from "solid-js";
+import { Show as Show3, on, createEffect, createMemo as createMemo2, createSignal as createSignal2 } from "solid-js";
 import { Dynamic as Dynamic2 } from "solid-js/web";
 
 // src/components/awaiter.tsx
@@ -1224,6 +1224,7 @@ var Awaiter_default = Awaiter;
 
 // src/components/block/components/interactive-element.tsx
 function InteractiveElement(props) {
+  const [forceRenderCount, setForceRenderCount] = createSignal2(0);
   const attributes = createMemo2(() => {
     return props.includeBlockProps ? {
       ...getBlockProperties({
@@ -1242,6 +1243,21 @@ function InteractiveElement(props) {
   const targetWrapperProps = createMemo2(() => {
     return props.wrapperProps;
   });
+  const onUpdateFn_0_props_wrapperProps = createMemo2(() => props.wrapperProps);
+  const onUpdateFn_0_props_block__component__options = createMemo2(
+    () => props.block?.component?.options
+  );
+  function onUpdateFn_0() {
+  }
+  createEffect(
+    on(
+      () => [
+        onUpdateFn_0_props_wrapperProps(),
+        onUpdateFn_0_props_block__component__options()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><Show3
     fallback={<Dynamic2
       {...targetWrapperProps()}
@@ -1305,8 +1321,8 @@ function ComponentRef(props) {
   );
   function onUpdateFn_0() {
   }
-  createEffect(
-    on(
+  createEffect2(
+    on2(
       () => [
         onUpdateFn_0_props_componentOptions(),
         onUpdateFn_0_props_blockChildren()
@@ -1340,7 +1356,7 @@ function ComponentRef(props) {
 var Component_ref_default = ComponentRef;
 
 // src/components/block/components/repeated-block.tsx
-import { on as on2, createEffect as createEffect2, createMemo as createMemo4, createSignal as createSignal4 } from "solid-js";
+import { on as on3, createEffect as createEffect3, createMemo as createMemo4, createSignal as createSignal4 } from "solid-js";
 function RepeatedBlock(props) {
   const [store, setStore] = createSignal4(props.repeatContext);
   const onUpdateFn_0_props_repeatContext = createMemo4(
@@ -1349,7 +1365,7 @@ function RepeatedBlock(props) {
   function onUpdateFn_0() {
     setStore(props.repeatContext);
   }
-  createEffect2(on2(() => [onUpdateFn_0_props_repeatContext()], onUpdateFn_0));
+  createEffect3(on3(() => [onUpdateFn_0_props_repeatContext()], onUpdateFn_0));
   return <><builder_context_default.Provider value={store()}><Block_default
     block={props.block}
     context={store()}
@@ -1518,7 +1534,7 @@ function Block(props) {
 var Block_default = Block;
 
 // src/components/blocks/blocks-wrapper.tsx
-import { onMount as onMount3, on as on4, createEffect as createEffect4, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
+import { onMount as onMount3, on as on5, createEffect as createEffect5, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
 import { Dynamic as Dynamic4 } from "solid-js/web";
 function BlocksWrapper(props) {
   const [shouldUpdate, setShouldUpdate] = createSignal6(false);
@@ -1571,7 +1587,7 @@ function BlocksWrapper(props) {
   const onUpdateFn_0_props_blocks = createMemo6(() => props.blocks);
   function onUpdateFn_0() {
   }
-  createEffect4(on4(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
+  createEffect5(on5(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
   return <>
     <Dynamic4
       class={className() + " dynamic-023c60f2"}
@@ -1963,7 +1979,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount10, on as on8, createEffect as createEffect8, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
+import { onMount as onMount10, on as on9, createEffect as createEffect9, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show16, For as For9, onMount as onMount9, createSignal as createSignal19, createMemo as createMemo19 } from "solid-js";
@@ -3676,7 +3692,7 @@ var componentInfo12 = {
 };
 
 // src/blocks/custom-code/custom-code.tsx
-import { onMount as onMount6, on as on5, createEffect as createEffect5, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
+import { onMount as onMount6, on as on6, createEffect as createEffect6, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal12([]);
   const [scriptsRun, setScriptsRun] = createSignal12([]);
@@ -3726,7 +3742,7 @@ function CustomCode(props) {
       runScripts();
     }
   }
-  createEffect5(on5(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
+  createEffect6(on6(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
   return <><div
     class={"builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")}
     ref={elementRef}
@@ -3754,7 +3770,7 @@ var componentInfo13 = {
 };
 
 // src/blocks/embed/embed.tsx
-import { on as on6, createEffect as createEffect6, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
+import { on as on7, createEffect as createEffect7, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
 
 // src/blocks/embed/helpers.ts
 var SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"];
@@ -3796,8 +3812,8 @@ function Embed(props) {
       findAndRunScripts();
     }
   }
-  createEffect6(
-    on6(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
+  createEffect7(
+    on7(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
   );
   return <><div class="builder-embed" ref={elem} innerHTML={props.content} /></>;
 }
@@ -4889,8 +4905,8 @@ var getUpdateVariantVisibilityScript = ({
 import {
   Show as Show14,
   onMount as onMount8,
-  on as on7,
-  createEffect as createEffect7,
+  on as on8,
+  createEffect as createEffect8,
   createMemo as createMemo16,
   createSignal as createSignal16
 } from "solid-js";
@@ -4902,7 +4918,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.7";
+var SDK_VERSION = "4.0.8";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -5994,15 +6010,15 @@ function EnableEditor(props) {
       mergeNewContent(props.content);
     }
   }
-  createEffect7(on7(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
+  createEffect8(on8(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
   const onUpdateFn_1_props_builderContextSignal_rootState = createMemo16(
     () => props.builderContextSignal.rootState
   );
   function onUpdateFn_1() {
     emitStateUpdate();
   }
-  createEffect7(
-    on7(
+  createEffect8(
+    on8(
       () => [onUpdateFn_1_props_builderContextSignal_rootState()],
       onUpdateFn_1
     )
@@ -6013,7 +6029,7 @@ function EnableEditor(props) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect7(on7(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
+  createEffect8(on8(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
   const onUpdateFn_3_props_locale = createMemo16(() => props.locale);
   function onUpdateFn_3() {
     if (props.locale) {
@@ -6022,7 +6038,7 @@ function EnableEditor(props) {
       });
     }
   }
-  createEffect7(on7(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
+  createEffect8(on8(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
   return <><builder_context_default.Provider value={props.builderContextSignal}><Show14
     when={props.builderContextSignal.content || needsElementRefDivForEditing()}
   ><Dynamic5
@@ -6368,6 +6384,7 @@ var fetchSymbolContent = async ({
 // src/blocks/symbol/symbol.tsx
 function Symbol(props) {
   const [contentToUse, setContentToUse] = createSignal20(props.symbol?.content);
+  const [symbolEntry, setSymbolEntry] = createSignal20(props.symbol?.entry);
   const blocksWrapper = createMemo20(() => {
     return "div";
   });
@@ -6383,7 +6400,7 @@ function Symbol(props) {
     ].filter(Boolean).join(" ");
   });
   function setContent() {
-    if (contentToUse())
+    if (contentToUse() && symbolEntry() === props.symbol?.entry)
       return;
     fetchSymbolContent({
       symbol: props.symbol,
@@ -6391,6 +6408,7 @@ function Symbol(props) {
     }).then((newContent) => {
       if (newContent) {
         setContentToUse(newContent);
+        setSymbolEntry(props.symbol?.entry);
       }
     });
   }
@@ -6400,7 +6418,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

@@ -1209,6 +1209,7 @@ var awaiter_default = Awaiter;
 
 // src/components/block/components/interactive-element.tsx
 function InteractiveElement(props) {
+  createSignal(0);
   const attributes = createMemo(() => {
     return props.includeBlockProps ? {
       ...getBlockProperties({
@@ -1227,6 +1228,11 @@ function InteractiveElement(props) {
   const targetWrapperProps = createMemo(() => {
     return props.wrapperProps;
   });
+  const onUpdateFn_0_props_wrapperProps = createMemo(() => props.wrapperProps);
+  const onUpdateFn_0_props_block__component__options = createMemo(() => props.block?.component?.options);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_wrapperProps(), onUpdateFn_0_props_block__component__options()], onUpdateFn_0));
   return createComponent(Show, {
     get fallback() {
       return createComponent(Dynamic, mergeProps(targetWrapperProps, {
@@ -5364,7 +5370,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.7";
+var SDK_VERSION = "4.0.8";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6979,6 +6985,7 @@ var fetchSymbolContent = async ({
 var _tmpl$30 = /* @__PURE__ */ template(`<div>`);
 function Symbol(props) {
   const [contentToUse, setContentToUse] = createSignal(props.symbol?.content);
+  const [symbolEntry, setSymbolEntry] = createSignal(props.symbol?.entry);
   const blocksWrapper = createMemo(() => {
     return "div";
   });
@@ -6989,7 +6996,7 @@ function Symbol(props) {
     return [...[props.attributes[getClassPropName()]], "builder-symbol", props.symbol?.inline ? "builder-inline-symbol" : void 0, props.symbol?.dynamic || props.dynamic ? "builder-dynamic-symbol" : void 0].filter(Boolean).join(" ");
   });
   function setContent() {
-    if (contentToUse())
+    if (contentToUse() && symbolEntry() === props.symbol?.entry)
       return;
     fetchSymbolContent({
       symbol: props.symbol,
@@ -6997,6 +7004,7 @@ function Symbol(props) {
     }).then((newContent) => {
       if (newContent) {
         setContentToUse(newContent);
+        setSymbolEntry(props.symbol?.entry);
       }
     });
   }

package/lib/browser/index.jsx

@@ -1195,15 +1195,15 @@ var Block_wrapper_default = BlockWrapper;
 import {
   Show as Show4,
   For,
-  on,
-  createEffect,
+  on as on2,
+  createEffect as createEffect2,
   createMemo as createMemo3,
   createSignal as createSignal3
 } from "solid-js";
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/components/block/components/interactive-element.tsx
-import { Show as Show3, createMemo as createMemo2 } from "solid-js";
+import { Show as Show3, on, createEffect, createMemo as createMemo2, createSignal as createSignal2 } from "solid-js";
 import { Dynamic as Dynamic2 } from "solid-js/web";
 
 // src/components/awaiter.tsx
@@ -1217,6 +1217,7 @@ var Awaiter_default = Awaiter;
 
 // src/components/block/components/interactive-element.tsx
 function InteractiveElement(props) {
+  const [forceRenderCount, setForceRenderCount] = createSignal2(0);
   const attributes = createMemo2(() => {
     return props.includeBlockProps ? {
       ...getBlockProperties({
@@ -1235,6 +1236,21 @@ function InteractiveElement(props) {
   const targetWrapperProps = createMemo2(() => {
     return props.wrapperProps;
   });
+  const onUpdateFn_0_props_wrapperProps = createMemo2(() => props.wrapperProps);
+  const onUpdateFn_0_props_block__component__options = createMemo2(
+    () => props.block?.component?.options
+  );
+  function onUpdateFn_0() {
+  }
+  createEffect(
+    on(
+      () => [
+        onUpdateFn_0_props_wrapperProps(),
+        onUpdateFn_0_props_block__component__options()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><Show3
     fallback={<Dynamic2
       {...targetWrapperProps()}
@@ -1298,8 +1314,8 @@ function ComponentRef(props) {
   );
   function onUpdateFn_0() {
   }
-  createEffect(
-    on(
+  createEffect2(
+    on2(
       () => [
         onUpdateFn_0_props_componentOptions(),
         onUpdateFn_0_props_blockChildren()
@@ -1333,7 +1349,7 @@ function ComponentRef(props) {
 var Component_ref_default = ComponentRef;
 
 // src/components/block/components/repeated-block.tsx
-import { on as on2, createEffect as createEffect2, createMemo as createMemo4, createSignal as createSignal4 } from "solid-js";
+import { on as on3, createEffect as createEffect3, createMemo as createMemo4, createSignal as createSignal4 } from "solid-js";
 function RepeatedBlock(props) {
   const [store, setStore] = createSignal4(props.repeatContext);
   const onUpdateFn_0_props_repeatContext = createMemo4(
@@ -1342,7 +1358,7 @@ function RepeatedBlock(props) {
   function onUpdateFn_0() {
     setStore(props.repeatContext);
   }
-  createEffect2(on2(() => [onUpdateFn_0_props_repeatContext()], onUpdateFn_0));
+  createEffect3(on3(() => [onUpdateFn_0_props_repeatContext()], onUpdateFn_0));
   return <><builder_context_default.Provider value={store()}><Block_default
     block={props.block}
     context={store()}
@@ -1511,7 +1527,7 @@ function Block(props) {
 var Block_default = Block;
 
 // src/components/blocks/blocks-wrapper.tsx
-import { onMount as onMount3, on as on4, createEffect as createEffect4, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
+import { onMount as onMount3, on as on5, createEffect as createEffect5, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
 import { Dynamic as Dynamic4 } from "solid-js/web";
 function BlocksWrapper(props) {
   const [shouldUpdate, setShouldUpdate] = createSignal6(false);
@@ -1564,7 +1580,7 @@ function BlocksWrapper(props) {
   const onUpdateFn_0_props_blocks = createMemo6(() => props.blocks);
   function onUpdateFn_0() {
   }
-  createEffect4(on4(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
+  createEffect5(on5(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
   return <>
     <Dynamic4
       class={className() + " dynamic-023c60f2"}
@@ -1955,7 +1971,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount10, on as on8, createEffect as createEffect8, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
+import { onMount as onMount10, on as on9, createEffect as createEffect9, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show16, For as For9, onMount as onMount9, createSignal as createSignal19, createMemo as createMemo19 } from "solid-js";
@@ -3667,7 +3683,7 @@ var componentInfo12 = {
 };
 
 // src/blocks/custom-code/custom-code.tsx
-import { onMount as onMount6, on as on5, createEffect as createEffect5, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
+import { onMount as onMount6, on as on6, createEffect as createEffect6, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal12([]);
   const [scriptsRun, setScriptsRun] = createSignal12([]);
@@ -3717,7 +3733,7 @@ function CustomCode(props) {
       runScripts();
     }
   }
-  createEffect5(on5(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
+  createEffect6(on6(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
   return <><div
     class={"builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")}
     ref={elementRef}
@@ -3745,7 +3761,7 @@ var componentInfo13 = {
 };
 
 // src/blocks/embed/embed.tsx
-import { on as on6, createEffect as createEffect6, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
+import { on as on7, createEffect as createEffect7, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
 
 // src/blocks/embed/helpers.ts
 var SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"];
@@ -3787,8 +3803,8 @@ function Embed(props) {
       findAndRunScripts();
     }
   }
-  createEffect6(
-    on6(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
+  createEffect7(
+    on7(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
   );
   return <><div class="builder-embed" ref={elem} innerHTML={props.content} /></>;
 }
@@ -4879,8 +4895,8 @@ var getUpdateVariantVisibilityScript = ({
 import {
   Show as Show14,
   onMount as onMount8,
-  on as on7,
-  createEffect as createEffect7,
+  on as on8,
+  createEffect as createEffect8,
   createMemo as createMemo16,
   createSignal as createSignal16
 } from "solid-js";
@@ -4892,7 +4908,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.7";
+var SDK_VERSION = "4.0.8";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -5977,15 +5993,15 @@ function EnableEditor(props) {
       mergeNewContent(props.content);
     }
   }
-  createEffect7(on7(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
+  createEffect8(on8(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
   const onUpdateFn_1_props_builderContextSignal_rootState = createMemo16(
     () => props.builderContextSignal.rootState
   );
   function onUpdateFn_1() {
     emitStateUpdate();
   }
-  createEffect7(
-    on7(
+  createEffect8(
+    on8(
       () => [onUpdateFn_1_props_builderContextSignal_rootState()],
       onUpdateFn_1
     )
@@ -5996,7 +6012,7 @@ function EnableEditor(props) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect7(on7(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
+  createEffect8(on8(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
   const onUpdateFn_3_props_locale = createMemo16(() => props.locale);
   function onUpdateFn_3() {
     if (props.locale) {
@@ -6005,7 +6021,7 @@ function EnableEditor(props) {
       });
     }
   }
-  createEffect7(on7(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
+  createEffect8(on8(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
   return <><builder_context_default.Provider value={props.builderContextSignal}><Show14
     when={props.builderContextSignal.content || needsElementRefDivForEditing()}
   ><Dynamic5
@@ -6351,6 +6367,7 @@ var fetchSymbolContent = async ({
 // src/blocks/symbol/symbol.tsx
 function Symbol(props) {
   const [contentToUse, setContentToUse] = createSignal20(props.symbol?.content);
+  const [symbolEntry, setSymbolEntry] = createSignal20(props.symbol?.entry);
   const blocksWrapper = createMemo20(() => {
     return "div";
   });
@@ -6366,7 +6383,7 @@ function Symbol(props) {
     ].filter(Boolean).join(" ");
   });
   function setContent() {
-    if (contentToUse())
+    if (contentToUse() && symbolEntry() === props.symbol?.entry)
       return;
     fetchSymbolContent({
       symbol: props.symbol,
@@ -6374,6 +6391,7 @@ function Symbol(props) {
     }).then((newContent) => {
       if (newContent) {
         setContentToUse(newContent);
+        setSymbolEntry(props.symbol?.entry);
       }
     });
   }
@@ -6383,7 +6401,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

@@ -4399,6 +4399,7 @@ var awaiter_default = Awaiter;
 
 // src/components/block/components/interactive-element.tsx
 function InteractiveElement(props) {
+  createSignal(0);
   const attributes = createMemo(() => {
     return props.includeBlockProps ? {
       ...getBlockProperties({
@@ -4417,6 +4418,11 @@ function InteractiveElement(props) {
   const targetWrapperProps = createMemo(() => {
     return props.wrapperProps;
   });
+  const onUpdateFn_0_props_wrapperProps = createMemo(() => props.wrapperProps);
+  const onUpdateFn_0_props_block__component__options = createMemo(() => props.block?.component?.options);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_wrapperProps(), onUpdateFn_0_props_block__component__options()], onUpdateFn_0));
   return createComponent(Show, {
     get fallback() {
       return createComponent(Dynamic, mergeProps(targetWrapperProps, {
@@ -8557,7 +8563,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.7";
+var SDK_VERSION = "4.0.8";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -10179,6 +10185,7 @@ var fetchSymbolContent = async ({
 var _tmpl$30 = /* @__PURE__ */ template(`<div>`);
 function Symbol2(props) {
   const [contentToUse, setContentToUse] = createSignal(props.symbol?.content);
+  const [symbolEntry, setSymbolEntry] = createSignal(props.symbol?.entry);
   const blocksWrapper = createMemo(() => {
     return "div";
   });
@@ -10189,7 +10196,7 @@ function Symbol2(props) {
     return [...[props.attributes[getClassPropName()]], "builder-symbol", props.symbol?.inline ? "builder-inline-symbol" : void 0, props.symbol?.dynamic || props.dynamic ? "builder-dynamic-symbol" : void 0].filter(Boolean).join(" ");
   });
   function setContent() {
-    if (contentToUse())
+    if (contentToUse() && symbolEntry() === props.symbol?.entry)
       return;
     fetchSymbolContent({
       symbol: props.symbol,
@@ -10197,6 +10204,7 @@ function Symbol2(props) {
     }).then((newContent) => {
       if (newContent) {
         setContentToUse(newContent);
+        setSymbolEntry(props.symbol?.entry);
       }
     });
   }