@builder.io/sdk-solid 0.11.3 → 0.11.4

package/lib/browser/dev.js

@@ -3250,7 +3250,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3386,11 +3386,26 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
+  createSignal(true);
   createSignal(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3611,6 +3626,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect(on(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect(on(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect(on(() => [props.locale], onUpdateFn_6));
   return createComponent(builder_context_default.Provider, {
     get value() {
       return props.builderContextSignal;
@@ -3746,7 +3775,7 @@ ${getFontCss({
 var styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3814,7 +3843,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3860,6 +3889,9 @@ function ContentComponent(props) {
         get content() {
           return props.content;
         },
+        get data() {
+          return props.data;
+        },
         get model() {
           return props.model;
         },

package/lib/browser/dev.jsx

@@ -2938,7 +2938,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3074,6 +3074,7 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
+  const [firstRender, setFirstRender] = createSignal10(true);
   const [lastUpdated, setLastUpdated] = createSignal10(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal10(false);
   const [ContentWrapper, setContentWrapper] = createSignal10(
@@ -3081,6 +3082,20 @@ function EnableEditor(props) {
   );
   const [httpReqsData, setHttpReqsData] = createSignal10({});
   const [clicked, setClicked] = createSignal10(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3323,6 +3338,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect2(on2(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect2(on2(() => [props.locale], onUpdateFn_6));
   return <builder_context_default.Provider value={props.builderContextSignal}><Show10 when={props.builderContextSignal.content}><Dynamic5
     class={`variant-${props.content?.testVariationId || props.content?.id}`}
     {...{}}
@@ -3431,7 +3460,7 @@ ${getFontCss({
 var Styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3503,7 +3532,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3544,6 +3573,7 @@ function ContentComponent(props) {
     }}
   ><Enable_editor_default
     content={props.content}
+    data={props.data}
     model={props.model}
     context={props.context}
     apiKey={props.apiKey}

package/lib/browser/index.js

@@ -3236,7 +3236,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3371,11 +3371,26 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
+  createSignal(true);
   createSignal(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3595,6 +3610,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect(on(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect(on(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect(on(() => [props.locale], onUpdateFn_6));
   return createComponent(builder_context_default.Provider, {
     get value() {
       return props.builderContextSignal;
@@ -3730,7 +3759,7 @@ ${getFontCss({
 var styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3798,7 +3827,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3844,6 +3873,9 @@ function ContentComponent(props) {
         get content() {
           return props.content;
         },
+        get data() {
+          return props.data;
+        },
         get model() {
           return props.model;
         },

package/lib/browser/index.jsx

@@ -2924,7 +2924,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3059,6 +3059,7 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
+  const [firstRender, setFirstRender] = createSignal10(true);
   const [lastUpdated, setLastUpdated] = createSignal10(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal10(false);
   const [ContentWrapper, setContentWrapper] = createSignal10(
@@ -3066,6 +3067,20 @@ function EnableEditor(props) {
   );
   const [httpReqsData, setHttpReqsData] = createSignal10({});
   const [clicked, setClicked] = createSignal10(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3307,6 +3322,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect2(on2(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect2(on2(() => [props.locale], onUpdateFn_6));
   return <builder_context_default.Provider value={props.builderContextSignal}><Show10 when={props.builderContextSignal.content}><Dynamic5
     class={`variant-${props.content?.testVariationId || props.content?.id}`}
     {...{}}
@@ -3415,7 +3444,7 @@ ${getFontCss({
 var Styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3487,7 +3516,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3528,6 +3557,7 @@ function ContentComponent(props) {
     }}
   ><Enable_editor_default
     content={props.content}
+    data={props.data}
     model={props.model}
     context={props.context}
     apiKey={props.apiKey}

package/lib/edge/dev.js

@@ -6403,7 +6403,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -6539,11 +6539,26 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
+  createSignal(true);
   createSignal(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -6764,6 +6779,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect(on(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect(on(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect(on(() => [props.locale], onUpdateFn_6));
   return createComponent(builder_context_default.Provider, {
     get value() {
       return props.builderContextSignal;
@@ -6899,7 +6928,7 @@ ${getFontCss({
 var styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -6967,7 +6996,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -7013,6 +7042,9 @@ function ContentComponent(props) {
         get content() {
           return props.content;
         },
+        get data() {
+          return props.data;
+        },
         get model() {
           return props.model;
         },

package/lib/edge/dev.jsx

@@ -6093,7 +6093,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -6229,6 +6229,7 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
+  const [firstRender, setFirstRender] = createSignal10(true);
   const [lastUpdated, setLastUpdated] = createSignal10(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal10(false);
   const [ContentWrapper, setContentWrapper] = createSignal10(
@@ -6236,6 +6237,20 @@ function EnableEditor(props) {
   );
   const [httpReqsData, setHttpReqsData] = createSignal10({});
   const [clicked, setClicked] = createSignal10(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -6478,6 +6493,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect2(on2(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect2(on2(() => [props.locale], onUpdateFn_6));
   return <builder_context_default.Provider value={props.builderContextSignal}><Show10 when={props.builderContextSignal.content}><Dynamic5
     class={`variant-${props.content?.testVariationId || props.content?.id}`}
     {...{}}
@@ -6586,7 +6615,7 @@ ${getFontCss({
 var Styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -6658,7 +6687,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -6699,6 +6728,7 @@ function ContentComponent(props) {
     }}
   ><Enable_editor_default
     content={props.content}
+    data={props.data}
     model={props.model}
     context={props.context}
     apiKey={props.apiKey}

package/lib/edge/index.js

@@ -6389,7 +6389,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -6524,11 +6524,26 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
+  createSignal(true);
   createSignal(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -6748,6 +6763,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect(on(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect(on(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect(on(() => [props.locale], onUpdateFn_6));
   return createComponent(builder_context_default.Provider, {
     get value() {
       return props.builderContextSignal;
@@ -6883,7 +6912,7 @@ ${getFontCss({
 var styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -6951,7 +6980,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -6997,6 +7026,9 @@ function ContentComponent(props) {
         get content() {
           return props.content;
         },
+        get data() {
+          return props.data;
+        },
         get model() {
           return props.model;
         },

package/lib/edge/index.jsx

@@ -6079,7 +6079,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -6214,6 +6214,7 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
+  const [firstRender, setFirstRender] = createSignal10(true);
   const [lastUpdated, setLastUpdated] = createSignal10(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal10(false);
   const [ContentWrapper, setContentWrapper] = createSignal10(
@@ -6221,6 +6222,20 @@ function EnableEditor(props) {
   );
   const [httpReqsData, setHttpReqsData] = createSignal10({});
   const [clicked, setClicked] = createSignal10(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -6462,6 +6477,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect2(on2(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect2(on2(() => [props.locale], onUpdateFn_6));
   return <builder_context_default.Provider value={props.builderContextSignal}><Show10 when={props.builderContextSignal.content}><Dynamic5
     class={`variant-${props.content?.testVariationId || props.content?.id}`}
     {...{}}
@@ -6570,7 +6599,7 @@ ${getFontCss({
 var Styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -6642,7 +6671,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -6683,6 +6712,7 @@ function ContentComponent(props) {
     }}
   ><Enable_editor_default
     content={props.content}
+    data={props.data}
     model={props.model}
     context={props.context}
     apiKey={props.apiKey}

package/lib/node/dev.js

@@ -3374,7 +3374,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3510,11 +3510,26 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
+  createSignal(true);
   createSignal(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3735,6 +3750,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect(on(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect(on(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect(on(() => [props.locale], onUpdateFn_6));
   return createComponent(builder_context_default.Provider, {
     get value() {
       return props.builderContextSignal;
@@ -3870,7 +3899,7 @@ ${getFontCss({
 var styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3938,7 +3967,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3984,6 +4013,9 @@ function ContentComponent(props) {
         get content() {
           return props.content;
         },
+        get data() {
+          return props.data;
+        },
         get model() {
           return props.model;
         },

package/lib/node/dev.jsx

@@ -3064,7 +3064,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3200,6 +3200,7 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
+  const [firstRender, setFirstRender] = createSignal10(true);
   const [lastUpdated, setLastUpdated] = createSignal10(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal10(false);
   const [ContentWrapper, setContentWrapper] = createSignal10(
@@ -3207,6 +3208,20 @@ function EnableEditor(props) {
   );
   const [httpReqsData, setHttpReqsData] = createSignal10({});
   const [clicked, setClicked] = createSignal10(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3449,6 +3464,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect2(on2(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect2(on2(() => [props.locale], onUpdateFn_6));
   return <builder_context_default.Provider value={props.builderContextSignal}><Show10 when={props.builderContextSignal.content}><Dynamic5
     class={`variant-${props.content?.testVariationId || props.content?.id}`}
     {...{}}
@@ -3557,7 +3586,7 @@ ${getFontCss({
 var Styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3629,7 +3658,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3670,6 +3699,7 @@ function ContentComponent(props) {
     }}
   ><Enable_editor_default
     content={props.content}
+    data={props.data}
     model={props.model}
     context={props.context}
     apiKey={props.apiKey}

package/lib/node/index.js

@@ -3359,7 +3359,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3494,11 +3494,26 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
+  createSignal(true);
   createSignal(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3718,6 +3733,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect(on(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect(on(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect(on(() => [props.locale], onUpdateFn_6));
   return createComponent(builder_context_default.Provider, {
     get value() {
       return props.builderContextSignal;
@@ -3853,7 +3882,7 @@ ${getFontCss({
 var styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3921,7 +3950,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3967,6 +3996,9 @@ function ContentComponent(props) {
         get content() {
           return props.content;
         },
+        get data() {
+          return props.data;
+        },
         get model() {
           return props.model;
         },

package/lib/node/index.jsx

@@ -3049,7 +3049,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.3";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3184,6 +3184,7 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
+  const [firstRender, setFirstRender] = createSignal10(true);
   const [lastUpdated, setLastUpdated] = createSignal10(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal10(false);
   const [ContentWrapper, setContentWrapper] = createSignal10(
@@ -3191,6 +3192,20 @@ function EnableEditor(props) {
   );
   const [httpReqsData, setHttpReqsData] = createSignal10({});
   const [clicked, setClicked] = createSignal10(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3432,6 +3447,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect2(on2(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect2(on2(() => [props.locale], onUpdateFn_6));
   return <builder_context_default.Provider value={props.builderContextSignal}><Show10 when={props.builderContextSignal.content}><Dynamic5
     class={`variant-${props.content?.testVariationId || props.content?.id}`}
     {...{}}
@@ -3540,7 +3569,7 @@ ${getFontCss({
 var Styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3612,7 +3641,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3653,6 +3682,7 @@ function ContentComponent(props) {
     }}
   ><Enable_editor_default
     content={props.content}
+    data={props.data}
     model={props.model}
     context={props.context}
     apiKey={props.apiKey}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.11.3",
+  "version": "0.11.4",
   "description": "",
   "files": [
     "dist",