@builder.io/sdk-qwik 0.12.0 → 0.12.2

package/lib/browser/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useOn, useTaskQrl } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot as Slot$1, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useOn, useTaskQrl } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { isServer } from "@builder.io/qwik/build";
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -236,26 +236,6 @@ function getProcessedBlock({ block, context, shouldEvaluateBindings, localState,
   else
     return transformedBlock;
 }
-const EMPTY_HTML_ELEMENTS = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "keygen",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-];
-const isEmptyHtmlElement = (tagName) => {
-  return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.includes(tagName.toLowerCase());
-};
 const getComponent = ({ block, context, registeredComponents }) => {
   var _a;
   const componentName = (_a = getProcessedBlock({
@@ -540,38 +520,67 @@ function getStyleAttribute(style) {
       return style;
   }
 }
-const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+const isEmptyElement = (tagName) => {
+  return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.has(tagName.toLowerCase());
+};
+const DynamicRenderer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.hasChildren ? /* @__PURE__ */ _jsxC(props.Wrapper, {
-      ...getBlockProperties({
-        block: props.block,
-        context: props.context
-      }),
-      ...getBlockActions({
-        block: props.block,
-        rootState: props.context.rootState,
-        rootSetState: props.context.rootSetState,
-        localState: props.context.localState,
-        context: props.context.context,
-        stripPrefix: true
-      }),
-      children: /* @__PURE__ */ _jsxC(Slot, null, 3, "87_0")
-    }, 0, "87_1") : /* @__PURE__ */ _jsxC(props.Wrapper, {
-      ...getBlockProperties({
-        block: props.block,
-        context: props.context
-      }),
-      ...getBlockActions({
-        block: props.block,
-        rootState: props.context.rootState,
-        rootSetState: props.context.rootSetState,
-        localState: props.context.localState,
-        context: props.context.context,
-        stripPrefix: true
-      })
-    }, 0, "87_2")
-  }, 1, "87_3");
+    children: !isEmptyElement(props.TagName) ? typeof props.TagName === "string" ? /* @__PURE__ */ _jsxC(props.TagName, {
+      ...props.attributes,
+      ...props.actionAttributes,
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "yW_0")
+    }, 0, "yW_1") : /* @__PURE__ */ _jsxC(props.TagName, {
+      ...props.attributes,
+      ...props.actionAttributes,
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "yW_2")
+    }, 0, "yW_3") : /* @__PURE__ */ _jsxC(props.TagName, {
+      ...props.attributes,
+      ...props.actionAttributes
+    }, 0, "yW_4")
+  }, 1, "yW_5");
+}, "DynamicRenderer_component_1Co0xkmyAfQ"));
+const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxC(DynamicRenderer, {
+    get TagName() {
+      return props.Wrapper;
+    },
+    actionAttributes: getBlockActions({
+      block: props.block,
+      rootState: props.context.rootState,
+      rootSetState: props.context.rootSetState,
+      localState: props.context.localState,
+      context: props.context.context,
+      stripPrefix: true
+    }),
+    attributes: getBlockProperties({
+      block: props.block,
+      context: props.context
+    }),
+    children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "87_0"),
+    [_IMMUTABLE]: {
+      TagName: _fnSignal((p0) => p0.Wrapper, [
+        props
+      ], "p0.Wrapper")
+    }
+  }, 1, "87_1");
 }, "BlockWrapper_component_kOI0j0aW8Nw"));
 const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxC(props.Wrapper, {
@@ -589,7 +598,7 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
         context: props.context.context
       })
     } : {},
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_0")
+    children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
@@ -795,151 +804,120 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
             ], "p0.context")
           }
         }, 3, "jN_0"),
-        !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? /* @__PURE__ */ _jsxC(Fragment, {
+        !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? !repeatItem.value ? /* @__PURE__ */ _jsxC(BlockWrapper, {
+          get Wrapper() {
+            return Tag.value;
+          },
+          get block() {
+            return processedBlock.value;
+          },
+          get context() {
+            return props.context;
+          },
           children: [
-            isEmptyHtmlElement(Tag.value) ? /* @__PURE__ */ _jsxC(BlockWrapper, {
-              get Wrapper() {
-                return Tag.value;
+            /* @__PURE__ */ _jsxC(ComponentRef, {
+              get componentRef() {
+                return componentRefProps.value.componentRef;
+              },
+              get componentOptions() {
+                return componentRefProps.value.componentOptions;
               },
-              get block() {
-                return processedBlock.value;
+              get blockChildren() {
+                return componentRefProps.value.blockChildren;
               },
               get context() {
-                return props.context;
+                return componentRefProps.value.context;
+              },
+              get registeredComponents() {
+                return componentRefProps.value.registeredComponents;
+              },
+              get builderBlock() {
+                return componentRefProps.value.builderBlock;
+              },
+              get includeBlockProps() {
+                return componentRefProps.value.includeBlockProps;
+              },
+              get isInteractive() {
+                return componentRefProps.value.isInteractive;
               },
-              hasChildren: false,
               [_IMMUTABLE]: {
-                Wrapper: _fnSignal((p0) => p0.value, [
-                  Tag
-                ], "p0.value"),
-                block: _fnSignal((p0) => p0.value, [
-                  processedBlock
-                ], "p0.value"),
-                context: _fnSignal((p0) => p0.context, [
-                  props
-                ], "p0.context"),
-                hasChildren: _IMMUTABLE
+                blockChildren: _fnSignal((p0) => p0.value.blockChildren, [
+                  componentRefProps
+                ], "p0.value.blockChildren"),
+                builderBlock: _fnSignal((p0) => p0.value.builderBlock, [
+                  componentRefProps
+                ], "p0.value.builderBlock"),
+                componentOptions: _fnSignal((p0) => p0.value.componentOptions, [
+                  componentRefProps
+                ], "p0.value.componentOptions"),
+                componentRef: _fnSignal((p0) => p0.value.componentRef, [
+                  componentRefProps
+                ], "p0.value.componentRef"),
+                context: _fnSignal((p0) => p0.value.context, [
+                  componentRefProps
+                ], "p0.value.context"),
+                includeBlockProps: _fnSignal((p0) => p0.value.includeBlockProps, [
+                  componentRefProps
+                ], "p0.value.includeBlockProps"),
+                isInteractive: _fnSignal((p0) => p0.value.isInteractive, [
+                  componentRefProps
+                ], "p0.value.isInteractive"),
+                registeredComponents: _fnSignal((p0) => p0.value.registeredComponents, [
+                  componentRefProps
+                ], "p0.value.registeredComponents")
               }
-            }, 3, "jN_1") : null,
-            !isEmptyHtmlElement(Tag.value) && repeatItem.value ? (repeatItem.value || []).map((data, index) => {
-              return /* @__PURE__ */ _jsxC(RepeatedBlock, {
-                get repeatContext() {
-                  return data.context;
-                },
-                get block() {
-                  return data.block;
+            }, 3, "jN_1"),
+            (childrenWithoutParentComponent.value || []).map((child) => {
+              return /* @__PURE__ */ _jsxC(Block, {
+                block: child,
+                get context() {
+                  return state.childrenContext;
                 },
                 get registeredComponents() {
                   return props.registeredComponents;
                 },
                 [_IMMUTABLE]: {
-                  block: _wrapProp(data, "block"),
+                  context: _fnSignal((p0) => p0.childrenContext, [
+                    state
+                  ], "p0.childrenContext"),
                   registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
                     props
-                  ], "p0.registeredComponents"),
-                  repeatContext: _wrapProp(data, "context")
+                  ], "p0.registeredComponents")
                 }
-              }, 3, index);
-            }) : null,
-            !isEmptyHtmlElement(Tag.value) && !repeatItem.value ? /* @__PURE__ */ _jsxC(BlockWrapper, {
-              get Wrapper() {
-                return Tag.value;
-              },
-              get block() {
-                return processedBlock.value;
-              },
-              get context() {
-                return props.context;
-              },
-              children: [
-                /* @__PURE__ */ _jsxC(ComponentRef, {
-                  get componentRef() {
-                    return componentRefProps.value.componentRef;
-                  },
-                  get componentOptions() {
-                    return componentRefProps.value.componentOptions;
-                  },
-                  get blockChildren() {
-                    return componentRefProps.value.blockChildren;
-                  },
-                  get context() {
-                    return componentRefProps.value.context;
-                  },
-                  get registeredComponents() {
-                    return componentRefProps.value.registeredComponents;
-                  },
-                  get builderBlock() {
-                    return componentRefProps.value.builderBlock;
-                  },
-                  get includeBlockProps() {
-                    return componentRefProps.value.includeBlockProps;
-                  },
-                  get isInteractive() {
-                    return componentRefProps.value.isInteractive;
-                  },
-                  [_IMMUTABLE]: {
-                    blockChildren: _fnSignal((p0) => p0.value.blockChildren, [
-                      componentRefProps
-                    ], "p0.value.blockChildren"),
-                    builderBlock: _fnSignal((p0) => p0.value.builderBlock, [
-                      componentRefProps
-                    ], "p0.value.builderBlock"),
-                    componentOptions: _fnSignal((p0) => p0.value.componentOptions, [
-                      componentRefProps
-                    ], "p0.value.componentOptions"),
-                    componentRef: _fnSignal((p0) => p0.value.componentRef, [
-                      componentRefProps
-                    ], "p0.value.componentRef"),
-                    context: _fnSignal((p0) => p0.value.context, [
-                      componentRefProps
-                    ], "p0.value.context"),
-                    includeBlockProps: _fnSignal((p0) => p0.value.includeBlockProps, [
-                      componentRefProps
-                    ], "p0.value.includeBlockProps"),
-                    isInteractive: _fnSignal((p0) => p0.value.isInteractive, [
-                      componentRefProps
-                    ], "p0.value.isInteractive"),
-                    registeredComponents: _fnSignal((p0) => p0.value.registeredComponents, [
-                      componentRefProps
-                    ], "p0.value.registeredComponents")
-                  }
-                }, 3, "jN_2"),
-                (childrenWithoutParentComponent.value || []).map((child) => {
-                  return /* @__PURE__ */ _jsxC(Block, {
-                    block: child,
-                    get context() {
-                      return state.childrenContext;
-                    },
-                    get registeredComponents() {
-                      return props.registeredComponents;
-                    },
-                    [_IMMUTABLE]: {
-                      context: _fnSignal((p0) => p0.childrenContext, [
-                        state
-                      ], "p0.childrenContext"),
-                      registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
-                        props
-                      ], "p0.registeredComponents")
-                    }
-                  }, 3, child.id);
-                })
-              ],
-              hasChildren: true,
-              [_IMMUTABLE]: {
-                Wrapper: _fnSignal((p0) => p0.value, [
-                  Tag
-                ], "p0.value"),
-                block: _fnSignal((p0) => p0.value, [
-                  processedBlock
-                ], "p0.value"),
-                context: _fnSignal((p0) => p0.context, [
-                  props
-                ], "p0.context"),
-                hasChildren: _IMMUTABLE
-              }
-            }, 1, "jN_3") : null
-          ]
-        }, 1, "jN_4") : /* @__PURE__ */ _jsxC(ComponentRef, {
+              }, 3, child.id);
+            })
+          ],
+          [_IMMUTABLE]: {
+            Wrapper: _fnSignal((p0) => p0.value, [
+              Tag
+            ], "p0.value"),
+            block: _fnSignal((p0) => p0.value, [
+              processedBlock
+            ], "p0.value"),
+            context: _fnSignal((p0) => p0.context, [
+              props
+            ], "p0.context")
+          }
+        }, 1, "jN_2") : (repeatItem.value || []).map((data, index) => {
+          return /* @__PURE__ */ _jsxC(RepeatedBlock, {
+            get repeatContext() {
+              return data.context;
+            },
+            get block() {
+              return data.block;
+            },
+            get registeredComponents() {
+              return props.registeredComponents;
+            },
+            [_IMMUTABLE]: {
+              block: _wrapProp(data, "block"),
+              registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
+                props
+              ], "p0.registeredComponents"),
+              repeatContext: _wrapProp(data, "context")
+            }
+          }, 3, index);
+        }) : /* @__PURE__ */ _jsxC(ComponentRef, {
           get componentRef() {
             return componentRefProps.value.componentRef;
           },
@@ -990,10 +968,10 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
               componentRefProps
             ], "p0.value.registeredComponents")
           }
-        }, 3, "jN_5")
+        }, 3, "jN_3")
       ]
-    }, 1, "jN_6") : null
-  }, 1, "jN_7");
+    }, 1, "jN_4") : null
+  }, 1, "jN_5");
 }, "Block_component_nnPv0RY0U0k"));
 const onClick$1 = function onClick2(props, state) {
   var _a, _b;
@@ -1062,7 +1040,7 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       state
     ]),
     ...props.BlocksWrapperProps,
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "3u_0"),
+    children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "3u_0"),
     [_IMMUTABLE]: {
       "builder-parent-id": _fnSignal((p0) => p0.parent, [
         props
@@ -1330,7 +1308,7 @@ const STYLES$1 = `
 }
 `;
 const FragmentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxQ("span", null, null, /* @__PURE__ */ _jsxC(Slot, null, 3, "oj_0"), 1, "oj_1");
+  return /* @__PURE__ */ _jsxQ("span", null, null, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "oj_0"), 1, "oj_1");
 }, "FragmentComponent_component_T0AypnadAK0"));
 function removeProtocol(path) {
   return path.replace(/http(s)?:/, "");
@@ -1482,10 +1460,10 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           props
         ], '{paddingTop:p0.aspectRatio*100+"%"}')
       }, null, 3, "0A_1") : null,
-      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_2") : null,
+      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ _jsxC(Slot$1, null, 3, "0A_2") : null,
       !props.fitContent && props.children ? /* @__PURE__ */ _jsxQ("div", null, {
         class: "div-Image-2"
-      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_3"), 1, "0A_4") : null
+      }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "0A_3"), 1, "0A_4") : null
     ]
   }, 1, "0A_5");
 }, "Image_component_LRxDkFa1EfU"));
@@ -1513,7 +1491,7 @@ const STYLES = `
 const SectionComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxS("section", {
     ...props.attributes,
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "2Y_0"),
+    children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "2Y_0"),
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1702,7 +1680,7 @@ const handleABTesting = async ({ item, canTrack }) => {
   };
 };
 const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
-const componentInfo$a = {
+const componentInfo$b = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1740,7 +1718,7 @@ const componentInfo$a = {
   static: true,
   noWrap: true
 };
-const componentInfo$9 = {
+const componentInfo$a = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: true,
@@ -1982,7 +1960,7 @@ const componentInfo$9 = {
     }
   ]
 };
-const componentInfo$8 = {
+const componentInfo$9 = {
   name: "Custom Code",
   static: true,
   requiredPermissions: [
@@ -2061,7 +2039,7 @@ const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
     ], "p0.code")
   }, null, 3, "bY_0");
 }, "CustomCode_component_uYOSy7w7Zqw"));
-const componentInfo$7 = {
+const componentInfo$8 = {
   name: "Embed",
   static: true,
   inputs: [
@@ -2154,14 +2132,14 @@ const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     ], "p0.content")
   }, null, 3, "9r_0");
 }, "Embed_component_Uji08ORjXbE"));
-const componentInfo$6 = {
+const componentInfo$7 = {
   name: "Fragment",
   static: true,
   hidden: true,
   canHaveChildren: true,
   noWrap: true
 };
-const componentInfo$5 = {
+const componentInfo$6 = {
   name: "Image",
   static: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2309,7 +2287,7 @@ const componentInfo$5 = {
     }
   ]
 };
-const componentInfo$4 = {
+const componentInfo$5 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -2351,7 +2329,7 @@ const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
   }, 0, isEditing() && props.imgSrc || "default-key");
 }, "ImgComponent_component_FXvIDBSffO8"));
-const componentInfo$3 = {
+const componentInfo$4 = {
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2396,6 +2374,61 @@ const componentInfo$3 = {
     }
   ]
 };
+const componentInfo$3 = {
+  name: "Slot",
+  isRSC: true,
+  description: "Allow child blocks to be inserted into this content when used as a Symbol",
+  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
+  inputs: [
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      defaultValue: "children"
+    }
+  ]
+};
+const Slot = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a, _b;
+  return /* @__PURE__ */ _jsxS("div", {
+    ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
+      "builder-slot": props.name
+    },
+    children: /* @__PURE__ */ _jsxC(Blocks, {
+      get parent() {
+        var _a2;
+        return (_a2 = props.builderContext.context) == null ? void 0 : _a2.symbolId;
+      },
+      get path() {
+        return `symbol.data.${props.name}`;
+      },
+      get context() {
+        return props.builderContext;
+      },
+      blocks: deoptSignal((_b = props.builderContext.rootState) == null ? void 0 : _b[props.name]),
+      [_IMMUTABLE]: {
+        context: _fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        parent: _fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContext.context) == null ? void 0 : _a2.symbolId;
+        }, [
+          props
+        ], "p0.builderContext.context?.symbolId"),
+        path: _fnSignal((p0) => `symbol.data.${p0.name}`, [
+          props
+        ], "`symbol.data.${p0.name}`")
+      }
+    }, 3, "B1_0")
+  }, {
+    style: {
+      pointerEvents: "auto"
+    }
+  }, 0, "B1_1");
+}, "Slot_component_WWgWgfV0bb0"));
 const componentInfo$2 = {
   name: "Symbol",
   noWrap: true,
@@ -2681,7 +2714,7 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         flexDirection: "column",
         alignItems: "stretch"
       }
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "j7_2"), 1, "j7_3") : null,
+    }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "j7_2"), 1, "j7_3") : null,
     ((_g = (_f = props.builderBlock) == null ? void 0 : _f.children) == null ? void 0 : _g.length) && !props.fitContent ? /* @__PURE__ */ _jsxQ("div", null, {
       style: {
         pointerEvents: "none",
@@ -2694,41 +2727,41 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         width: "100%",
         height: "100%"
       }
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "j7_4"), 1, "j7_5") : null
+    }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "j7_4"), 1, "j7_5") : null
   ], 1, "j7_6");
 }, "Video_component_qdcTZflYyoQ"));
 const getDefaultRegisteredComponents = () => [
   {
     component: Button,
-    ...componentInfo$a
+    ...componentInfo$b
   },
   {
     component: Columns,
-    ...componentInfo$9
+    ...componentInfo$a
   },
   {
     component: CustomCode,
-    ...componentInfo$8
+    ...componentInfo$9
   },
   {
     component: Embed,
-    ...componentInfo$7
+    ...componentInfo$8
   },
   {
     component: FragmentComponent,
-    ...componentInfo$6
+    ...componentInfo$7
   },
   {
     component: Image,
-    ...componentInfo$5
+    ...componentInfo$6
   },
   {
     component: ImgComponent,
-    ...componentInfo$4
+    ...componentInfo$5
   },
   {
     component: SectionComponent,
-    ...componentInfo$3
+    ...componentInfo$4
   },
   {
     component: Symbol$1,
@@ -2741,6 +2774,10 @@ const getDefaultRegisteredComponents = () => [
   {
     component: Video,
     ...componentInfo
+  },
+  {
+    component: Slot,
+    ...componentInfo$3
   }
 ];
 const components = [];
@@ -2981,6 +3018,17 @@ async function fetchEntries(options) {
   }
 }
 const getAllContent = fetchEntries;
+const DEFAULT_TRUSTED_HOSTS = [
+  "*.beta.builder.io",
+  "beta.builder.io",
+  "builder.io",
+  "localhost",
+  "qa.builder.io"
+];
+function isFromTrustedHost(trustedHosts, e) {
+  const url = new URL(e.origin), hostname = url.hostname;
+  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
+}
 function isPreviewing() {
   if (!isBrowser())
     return false;
@@ -3180,7 +3228,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.0";
+const SDK_VERSION = "0.12.2";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3263,8 +3311,11 @@ const setupBrowserForEditing = (options = {}) => {
         options
       }
     }, "*");
-    window.addEventListener("message", ({ data }) => {
+    window.addEventListener("message", (event) => {
       var _a2, _b2;
+      if (!isFromTrustedHost(options.trustedHosts, event))
+        return;
+      const { data } = event;
       if (!(data == null ? void 0 : data.type))
         return;
       switch (data.type) {
@@ -3343,6 +3394,8 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
 };
 const processMessage = function processMessage2(props, state, elementRef, event) {
   var _a;
+  if (!isFromTrustedHost(props.trustedHosts, event))
+    return;
   const { data } = event;
   if (data)
     switch (data.type) {
@@ -3477,6 +3530,9 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       } : {},
       ...props2.enrich ? {
         enrich: props2.enrich
+      } : {},
+      ...props2.trustedHosts ? {
+        trustedHosts: props2.trustedHosts
       } : {}
     });
     Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
@@ -3641,7 +3697,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       },
       ...props.contentWrapperProps,
       class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0")) : null
+    }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "06_0")) : null
   }, 1, "06_1");
 }, "EnableEditor_component_ko1mO8oaj8k"));
 const getCssFromFont = (font) => {
@@ -3855,6 +3911,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     get contentWrapperProps() {
       return props.contentWrapperProps;
     },
+    get trustedHosts() {
+      return props.trustedHosts;
+    },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
         get scriptStr() {
@@ -3966,7 +4025,10 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       ], "p0.model"),
       showContent: _fnSignal((p0) => p0.showContent, [
         props
-      ], "p0.showContent")
+      ], "p0.showContent"),
+      trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
+        props
+      ], "p0.trustedHosts")
     }
   }, 1, "LQ_3");
 }, "ContentComponent_component_HIsczUcxjCE"));
@@ -4099,6 +4161,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
               get contentWrapperProps() {
                 return props.contentWrapperProps;
               },
+              get trustedHosts() {
+                return props.trustedHosts;
+              },
               [_IMMUTABLE]: {
                 apiKey: _fnSignal((p0) => p0.apiKey, [
                   props
@@ -4145,7 +4210,10 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 model: _fnSignal((p0) => p0.model, [
                   props
                 ], "p0.model"),
-                showContent: _IMMUTABLE
+                showContent: _IMMUTABLE,
+                trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
+                  props
+                ], "p0.trustedHosts")
               }
             }, 3, variant.testVariationId);
           })
@@ -4201,6 +4269,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         get contentWrapperProps() {
           return props.contentWrapperProps;
         },
+        get trustedHosts() {
+          return props.trustedHosts;
+        },
         [_IMMUTABLE]: {
           apiKey: _fnSignal((p0) => p0.apiKey, [
             props
@@ -4250,7 +4321,10 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           model: _fnSignal((p0) => p0.model, [
             props
           ], "p0.model"),
-          showContent: _IMMUTABLE
+          showContent: _IMMUTABLE,
+          trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
+            props
+          ], "p0.trustedHosts")
         }
       }, 3, "XM_4")
     ]
@@ -4320,7 +4394,11 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         return props.builderContext.apiKey;
       },
       get context() {
-        return props.builderContext.context;
+        var _a2;
+        return {
+          ...props.builderContext.context,
+          symbolId: (_a2 = props.builderBlock) == null ? void 0 : _a2.id
+        };
       },
       get customComponents() {
         return Object.values(props.builderComponents);
@@ -4350,9 +4428,15 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         content: _fnSignal((p0) => p0.contentToUse, [
           state
         ], "p0.contentToUse"),
-        context: _fnSignal((p0) => p0.builderContext.context, [
+        context: _fnSignal((p0) => {
+          var _a2;
+          return {
+            ...p0.builderContext.context,
+            symbolId: (_a2 = p0.builderBlock) == null ? void 0 : _a2.id
+          };
+        }, [
           props
-        ], "p0.builderContext.context"),
+        ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
         customComponents: _fnSignal((p0) => Object.values(p0.builderComponents), [
           props
         ], "Object.values(p0.builderComponents)"),