@builder.io/sdk-solid 4.2.0 → 4.2.2

package/dist/index.d.ts

@@ -814,6 +814,22 @@ type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
 };
 
+interface Action {
+    name: string;
+    inputs?: readonly Input[];
+    returnType?: Input;
+    action: (options: Record<string, any>) => string;
+    /**
+     * Is an action for expression (e.g. calculating a binding like a formula
+     * to fill a value based on locale) or a function (e.g. something to trigger
+     * on an event like add to cart) or either (e.g. a custom code block)
+     */
+    kind: 'expression' | 'function' | 'any';
+    /**
+     * Globally unique ID for an action, e.g. "@builder.io:setState"
+     */
+    id: string;
+}
 interface InsertMenuItem {
     name: string;
     icon?: string;
@@ -828,6 +844,7 @@ interface InsertMenuConfig {
 }
 declare function register(type: 'insertMenu', info: InsertMenuConfig): void;
 declare function register(type: string, info: any): void;
+declare function registerAction(action: Action): void;
 
 type Settings = {
     customInsertMenu?: boolean;
@@ -1123,4 +1140,4 @@ declare const _processContentResult: (options: GetContentOptions, content: Conte
  */
 declare function fetchEntries(options: GetContentOptions): Promise<BuilderContent[]>;
 
-export { Blocks, BlocksProps, BuilderBlock, BuilderContent, _default as BuilderContext, BuilderContextInterface, Button, ButtonProps, ColumnProps, Columns, ComponentInfo, ContentVariants as Content, ContentVariantsPrps as ContentProps, FragmentComponent as Fragment, FragmentProps, GetContentOptions, Image, ImageProps, InsertMenuConfig, InsertMenuItem, RegisteredComponent, RegisteredComponents, SectionComponent as Section, SectionProps, Settings, Symbol, SymbolProps, Text, TextProps, Video, VideoProps, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setClientUserAttributes, setEditorSettings, subscribeToEditor, track };
+export { Blocks, BlocksProps, BuilderBlock, BuilderContent, _default as BuilderContext, BuilderContextInterface, Button, ButtonProps, ColumnProps, Columns, ComponentInfo, ContentVariants as Content, ContentVariantsPrps as ContentProps, FragmentComponent as Fragment, FragmentProps, GetContentOptions, Image, ImageProps, InsertMenuConfig, InsertMenuItem, RegisteredComponent, RegisteredComponents, SectionComponent as Section, SectionProps, Settings, Symbol, SymbolProps, Text, TextProps, Video, VideoProps, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, registerAction, setClientUserAttributes, setEditorSettings, subscribeToEditor, track };

package/lib/browser/dev.js

@@ -1320,11 +1320,6 @@ var getWrapperProps = ({
 function ComponentRef(props) {
   createSignal(false);
   const [Wrapper, setWrapper] = createSignal(props.isInteractive ? interactive_element_default : props.componentRef);
-  const onUpdateFn_0_props_componentOptions = createMemo(() => props.componentOptions);
-  const onUpdateFn_0_props_blockChildren = createMemo(() => props.blockChildren);
-  function onUpdateFn_0() {
-  }
-  createEffect(on(() => [onUpdateFn_0_props_componentOptions(), onUpdateFn_0_props_blockChildren()], onUpdateFn_0));
   return createComponent(Show, {
     get when() {
       return props.componentRef;
@@ -1344,25 +1339,32 @@ function ComponentRef(props) {
           return Wrapper();
         },
         get children() {
-          return createComponent(For, {
-            get each() {
-              return props.blockChildren;
+          return createComponent(Show, {
+            get when() {
+              return props.componentRef;
             },
-            children: (child, _index) => {
-              _index();
-              return createComponent(block_default, {
-                get key() {
-                  return child.id;
-                },
-                block: child,
-                get context() {
-                  return props.context;
-                },
-                get registeredComponents() {
-                  return props.registeredComponents;
+            get children() {
+              return createComponent(For, {
+                get each() {
+                  return props.blockChildren;
                 },
-                get linkComponent() {
-                  return props.linkComponent;
+                children: (child, _index) => {
+                  _index();
+                  return createComponent(block_default, {
+                    get key() {
+                      return child.id;
+                    },
+                    block: child,
+                    get context() {
+                      return props.context;
+                    },
+                    get registeredComponents() {
+                      return props.registeredComponents;
+                    },
+                    get linkComponent() {
+                      return props.linkComponent;
+                    }
+                  });
                 }
               });
             }
@@ -1669,7 +1671,7 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-450facf4 {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-4d836538 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1718,7 +1720,7 @@ function BlocksWrapper(props) {
   createEffect(on(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-450facf4";
+      return className() + " dynamic-4d836538";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
@@ -3973,6 +3975,9 @@ function Tabs(props) {
   function activeTabContent(active) {
     return props.tabs && props.tabs[active].content;
   }
+  function getTabStyle(index) {
+    return index === activeTab() ? props.activeTabStyle : {};
+  }
   function onClick(index) {
     if (index === activeTab() && props.collapsible) {
       setActiveTab(-1);
@@ -4014,9 +4019,7 @@ function Tabs(props) {
             }
           }));
           effect((_p$) => {
-            const _v$ = `builder-tab-wrap ${activeTab() === index ? "builder-tab-active" : ""}`, _v$2 = {
-              ...activeTab() === index ? props.activeTabStyle : {}
-            };
+            const _v$ = `builder-tab-wrap ${activeTab() === index ? "builder-tab-active" : ""}`, _v$2 = getTabStyle(index);
             _v$ !== _p$._v$ && className(_el$4, _p$._v$ = _v$);
             _p$._v$2 = style(_el$4, _v$2, _p$._v$2);
             return _p$;
@@ -4512,9 +4515,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$15 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-7430044e">`);
+var _tmpl$15 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-74261216">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-7430044e {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-74261216 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4537,6 +4540,9 @@ function FormComponent(props) {
   function submissionState() {
     return isEditing() && props.previewState || formState();
   }
+  function errorResponse(response) {
+    return JSON.stringify(response, null, 2);
+  }
   function onSubmit(event) {
     const sendWithJsProp = props.sendWithJs || props.sendSubmissionsTo === "email";
     if (props.sendSubmissionsTo === "zapier") {
@@ -4551,13 +4557,13 @@ function FormComponent(props) {
       const headers = props.customHeaders || {};
       let body;
       const formData = new FormData(el);
-      const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
+      const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).filter((el2) => !!el2.name && (el2.type !== "radio" || el2.checked)).map((el2) => {
         let value;
         const key = el2.name;
         if (el2 instanceof HTMLInputElement) {
           if (el2.type === "radio") {
             if (el2.checked) {
-              value = el2.name;
+              value = el2.value;
               return {
                 key,
                 value
@@ -4785,7 +4791,7 @@ function FormComponent(props) {
       },
       get children() {
         const _el$2 = _tmpl$15();
-        insert(_el$2, () => JSON.stringify(responseData(), null, 2));
+        insert(_el$2, () => errorResponse(responseData()));
         return _el$2;
       }
     }), null);
@@ -5502,7 +5508,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.0";
+var SDK_VERSION = "4.2.2";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6311,6 +6317,8 @@ var getWrapperClassName = (variationId) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   createSignal(false);
+  const [prevData, setPrevData] = createSignal(null);
+  const [prevLocale, setPrevLocale] = createSignal("");
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [httpReqsPending, setHttpReqsPending] = createSignal({});
@@ -6435,11 +6443,15 @@ function EnableEditor(props) {
         method: "GET"
       };
       logFetch(JSON.stringify(fetchRequestObj));
-      fetch(fetchRequestObj.url, {
+      const fetchOptions = {
         method: fetchRequestObj.method,
         headers: fetchRequestObj.headers,
         body: fetchRequestObj.body
-      }).then((response) => response.json()).then((json) => {
+      };
+      if (fetchRequestObj.method === "GET") {
+        delete fetchOptions.body;
+      }
+      fetch(fetchRequestObj.url, fetchOptions).then((response) => response.json()).then((json) => {
         mergeNewRootState({
           [key]: json
         });
@@ -6548,16 +6560,24 @@ function EnableEditor(props) {
   const onUpdateFn_2_props_data = createMemo(() => props.data);
   function onUpdateFn_2() {
     if (props.data) {
+      if (prevData() === props.data) {
+        return;
+      }
       mergeNewRootState(props.data);
+      setPrevData(props.data);
     }
   }
   createEffect(on(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
   const onUpdateFn_3_props_locale = createMemo(() => props.locale);
   function onUpdateFn_3() {
     if (props.locale) {
+      if (prevLocale() === props.locale) {
+        return;
+      }
       mergeNewRootState({
         locale: props.locale
       });
+      setPrevLocale(props.locale);
     }
   }
   createEffect(on(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
@@ -7107,6 +7127,9 @@ function Symbol(props) {
   const contentWrapper = createMemo(() => {
     return "div";
   });
+  const customComponents = createMemo(() => {
+    return Object.values(props.builderComponents);
+  });
   const className = createMemo(() => {
     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(" ");
   });
@@ -7155,7 +7178,7 @@ function Symbol(props) {
         };
       },
       get customComponents() {
-        return Object.values(props.builderComponents);
+        return customComponents();
       },
       get data() {
         return {
@@ -7217,6 +7240,18 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action) {
+      actionClone.action = action.action.toString();
+    }
+    window.parent?.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 
 // src/functions/set-editor-settings.ts
 var settings = {};
@@ -7253,4 +7288,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setClientUserAttributes, setEditorSettings, subscribeToEditor, track };
+export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, registerAction, setClientUserAttributes, setEditorSettings, subscribeToEditor, track };

package/lib/browser/dev.jsx

@@ -1200,14 +1200,7 @@ function BlockWrapper(props) {
 var Block_wrapper_default = BlockWrapper;
 
 // src/components/block/components/component-ref/component-ref.tsx
-import {
-  Show as Show4,
-  For,
-  on as on2,
-  createEffect as createEffect2,
-  createMemo as createMemo3,
-  createSignal as createSignal3
-} from "solid-js";
+import { Show as Show4, For, createSignal as createSignal3 } from "solid-js";
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/components/block/components/interactive-element.tsx
@@ -1314,23 +1307,6 @@ function ComponentRef(props) {
   const [Wrapper, setWrapper] = createSignal3(
     props.isInteractive ? interactive_element_default : props.componentRef
   );
-  const onUpdateFn_0_props_componentOptions = createMemo3(
-    () => props.componentOptions
-  );
-  const onUpdateFn_0_props_blockChildren = createMemo3(
-    () => props.blockChildren
-  );
-  function onUpdateFn_0() {
-  }
-  createEffect2(
-    on2(
-      () => [
-        onUpdateFn_0_props_componentOptions(),
-        onUpdateFn_0_props_blockChildren()
-      ],
-      onUpdateFn_0
-    )
-  );
   return <><Show4 when={props.componentRef}><Dynamic3
     {...getWrapperProps({
       componentOptions: props.componentOptions,
@@ -1343,7 +1319,7 @@ function ComponentRef(props) {
       contextValue: props.context
     })}
     component={Wrapper()}
-  ><For each={props.blockChildren}>{(child, _index) => {
+  ><Show4 when={props.componentRef}><For each={props.blockChildren}>{(child, _index) => {
     const index = _index();
     return <Block_default
       key={child.id}
@@ -1352,12 +1328,12 @@ function ComponentRef(props) {
       registeredComponents={props.registeredComponents}
       linkComponent={props.linkComponent}
     />;
-  }}</For></Dynamic3></Show4></>;
+  }}</For></Show4></Dynamic3></Show4></>;
 }
 var Component_ref_default = ComponentRef;
 
 // src/components/block/components/repeated-block.tsx
-import { on as on3, createEffect as createEffect3, createMemo as createMemo4, createSignal as createSignal4 } from "solid-js";
+import { on as on2, createEffect as createEffect2, createMemo as createMemo4, createSignal as createSignal4 } from "solid-js";
 function RepeatedBlock(props) {
   const [store, setStore] = createSignal4(props.repeatContext);
   const onUpdateFn_0_props_repeatContext = createMemo4(
@@ -1366,7 +1342,7 @@ function RepeatedBlock(props) {
   function onUpdateFn_0() {
     setStore(props.repeatContext);
   }
-  createEffect3(on3(() => [onUpdateFn_0_props_repeatContext()], onUpdateFn_0));
+  createEffect2(on2(() => [onUpdateFn_0_props_repeatContext()], onUpdateFn_0));
   return <><builder_context_default.Provider value={store()}><Block_default
     block={props.block}
     context={store()}
@@ -1535,7 +1511,7 @@ function Block(props) {
 var Block_default = Block;
 
 // src/components/blocks/blocks-wrapper.tsx
-import { onMount as onMount3, on as on5, createEffect as createEffect5, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
+import { onMount as onMount3, on as on4, createEffect as createEffect4, 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);
@@ -1588,10 +1564,10 @@ function BlocksWrapper(props) {
   const onUpdateFn_0_props_blocks = createMemo6(() => props.blocks);
   function onUpdateFn_0() {
   }
-  createEffect5(on5(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
+  createEffect4(on4(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
   return <>
     <Dynamic4
-      class={className() + " dynamic-450facf4"}
+      class={className() + " dynamic-4d836538"}
       ref={blocksWrapperRef}
       builder-path={dataPath()}
       builder-parent-id={props.parent}
@@ -1603,7 +1579,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-450facf4 {
+    <style>{`.dynamic-4d836538 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1983,7 +1959,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount10, on as on9, createEffect as createEffect9, createMemo as createMemo21, createSignal as createSignal21 } from "solid-js";
+import { onMount as onMount10, on as on8, createEffect as createEffect8, createMemo as createMemo21, createSignal as createSignal21 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show16, For as For9, onMount as onMount9, createSignal as createSignal20, createMemo as createMemo20 } from "solid-js";
@@ -3624,6 +3600,9 @@ function Tabs(props) {
   function activeTabContent(active) {
     return props.tabs && props.tabs[active].content;
   }
+  function getTabStyle(index) {
+    return index === activeTab() ? props.activeTabStyle : {};
+  }
   function onClick(index) {
     if (index === activeTab() && props.collapsible) {
       setActiveTab(-1);
@@ -3645,9 +3624,7 @@ function Tabs(props) {
       return <span
         class={`builder-tab-wrap ${activeTab() === index ? "builder-tab-active" : ""}`}
         key={index}
-        style={{
-          ...activeTab() === index ? props.activeTabStyle : {}
-        }}
+        style={getTabStyle(index)}
         onClick={(event) => onClick(index)}
       ><Blocks_default
         parent={props.builderBlock.id}
@@ -3733,7 +3710,7 @@ var componentInfo12 = {
 };
 
 // src/blocks/custom-code/custom-code.tsx
-import { onMount as onMount6, on as on6, createEffect as createEffect6, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
+import { onMount as onMount6, on as on5, createEffect as createEffect5, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal12([]);
   const [scriptsRun, setScriptsRun] = createSignal12([]);
@@ -3783,7 +3760,7 @@ function CustomCode(props) {
       runScripts();
     }
   }
-  createEffect6(on6(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
+  createEffect5(on5(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
   return <><div
     class={"builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")}
     ref={elementRef}
@@ -3811,7 +3788,7 @@ var componentInfo13 = {
 };
 
 // src/blocks/embed/embed.tsx
-import { on as on7, createEffect as createEffect7, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
+import { on as on6, createEffect as createEffect6, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
 
 // src/blocks/embed/helpers.ts
 var SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"];
@@ -3853,8 +3830,8 @@ function Embed(props) {
       findAndRunScripts();
     }
   }
-  createEffect7(
-    on7(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
+  createEffect6(
+    on6(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
   );
   return <><div class="builder-embed" ref={elem} innerHTML={props.content} /></>;
 }
@@ -4138,6 +4115,9 @@ function FormComponent(props) {
   function submissionState() {
     return isEditing() && props.previewState || formState();
   }
+  function errorResponse(response) {
+    return JSON.stringify(response, null, 2);
+  }
   function onSubmit(event) {
     const sendWithJsProp = props.sendWithJs || props.sendSubmissionsTo === "email";
     if (props.sendSubmissionsTo === "zapier") {
@@ -4152,13 +4132,15 @@ function FormComponent(props) {
       const headers = props.customHeaders || {};
       let body;
       const formData = new FormData(el);
-      const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
+      const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).filter(
+        (el2) => !!el2.name && (el2.type !== "radio" || el2.checked)
+      ).map((el2) => {
         let value;
         const key = el2.name;
         if (el2 instanceof HTMLInputElement) {
           if (el2.type === "radio") {
             if (el2.checked) {
-              value = el2.name;
+              value = el2.value;
               return {
                 key,
                 value
@@ -4351,14 +4333,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show12>
-      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-7430044e">{JSON.stringify(responseData(), null, 2)}</pre></Show12>
+      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-74261216">{errorResponse(responseData())}</pre></Show12>
       <Show12 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show12>
     </form>
-    <style>{`.pre-7430044e {
+    <style>{`.pre-74261216 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4981,8 +4963,8 @@ var getUpdateVariantVisibilityScript = ({
 import {
   Show as Show14,
   onMount as onMount8,
-  on as on8,
-  createEffect as createEffect8,
+  on as on7,
+  createEffect as createEffect7,
   createMemo as createMemo17,
   createSignal as createSignal17
 } from "solid-js";
@@ -4994,7 +4976,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.2.0";
+var SDK_VERSION = "4.2.2";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -5803,6 +5785,8 @@ var getWrapperClassName = (variationId) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [hasExecuted, setHasExecuted] = createSignal17(false);
+  const [prevData, setPrevData] = createSignal17(null);
+  const [prevLocale, setPrevLocale] = createSignal17("");
   const [ContentWrapper, setContentWrapper] = createSignal17(
     props.contentWrapper || "div"
   );
@@ -5932,11 +5916,15 @@ function EnableEditor(props) {
           method: "GET"
         };
         logFetch(JSON.stringify(fetchRequestObj));
-        fetch(fetchRequestObj.url, {
+        const fetchOptions = {
           method: fetchRequestObj.method,
           headers: fetchRequestObj.headers,
           body: fetchRequestObj.body
-        }).then((response) => response.json()).then((json) => {
+        };
+        if (fetchRequestObj.method === "GET") {
+          delete fetchOptions.body;
+        }
+        fetch(fetchRequestObj.url, fetchOptions).then((response) => response.json()).then((json) => {
           mergeNewRootState({
             [key]: json
           });
@@ -6053,15 +6041,15 @@ function EnableEditor(props) {
       mergeNewContent(props.content);
     }
   }
-  createEffect8(on8(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
+  createEffect7(on7(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
   const onUpdateFn_1_props_builderContextSignal_rootState = createMemo17(
     () => props.builderContextSignal.rootState
   );
   function onUpdateFn_1() {
     emitStateUpdate();
   }
-  createEffect8(
-    on8(
+  createEffect7(
+    on7(
       () => [onUpdateFn_1_props_builderContextSignal_rootState()],
       onUpdateFn_1
     )
@@ -6069,19 +6057,27 @@ function EnableEditor(props) {
   const onUpdateFn_2_props_data = createMemo17(() => props.data);
   function onUpdateFn_2() {
     if (props.data) {
+      if (prevData() === props.data) {
+        return;
+      }
       mergeNewRootState(props.data);
+      setPrevData(props.data);
     }
   }
-  createEffect8(on8(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
+  createEffect7(on7(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
   const onUpdateFn_3_props_locale = createMemo17(() => props.locale);
   function onUpdateFn_3() {
     if (props.locale) {
+      if (prevLocale() === props.locale) {
+        return;
+      }
       mergeNewRootState({
         locale: props.locale
       });
+      setPrevLocale(props.locale);
     }
   }
-  createEffect8(on8(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
+  createEffect7(on7(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
   return <><builder_context_default.Provider value={props.builderContextSignal}><Show14
     when={props.builderContextSignal.content || needsElementRefDivForEditing()}
   ><Dynamic5
@@ -6441,6 +6437,9 @@ function Symbol(props) {
   const contentWrapper = createMemo21(() => {
     return "div";
   });
+  const customComponents = createMemo21(() => {
+    return Object.values(props.builderComponents);
+  });
   const className = createMemo21(() => {
     return [
       ...[props.attributes[getClassPropName()]],
@@ -6468,7 +6467,7 @@ function Symbol(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect9(on9(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect8(on8(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}
@@ -6478,7 +6477,7 @@ function Symbol(props) {
       ...props.builderContext.context,
       symbolId: props.builderBlock?.id
     }}
-    customComponents={Object.values(props.builderComponents)}
+    customComponents={customComponents()}
     data={{
       ...props.symbol?.data,
       ...props.builderContext.localState,
@@ -6523,6 +6522,18 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action) {
+      actionClone.action = action.action.toString();
+    }
+    window.parent?.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 
 // src/functions/set-editor-settings.ts
 var settings = {};
@@ -6579,6 +6590,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  registerAction,
   setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,