@builder.io/sdk-qwik 0.12.1 → 0.12.3

package/lib/edge/index.qwik.mjs

@@ -1,8 +1,7 @@
-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 { componentQrl, inlinedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot as Slot$1, useStore, useContextProvider, _wrapProp, useStylesScopedQrl, 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) => {
-  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: props.link ? /* @__PURE__ */ _jsxS("a", {
       ...props.attributes,
@@ -23,20 +22,16 @@ const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
         props
       ], "p0.text")
     }, {
-      class: _fnSignal((p0) => p0.attributes.class + " button-Button", [
+      class: _fnSignal((p0) => `builder-button ${p0.attributes.class}`, [
         props
-      ], 'p0.attributes.class+" button-Button"'),
+      ], "`builder-button ${p0.attributes.class}`"),
+      role: "button",
       style: _fnSignal((p0) => p0.attributes.style, [
         props
       ], "p0.attributes.style")
     }, 0, null)
   }, 1, "jc_1");
 }, "Button_component_gJoMUICXoUQ"));
-const STYLES$3 = `
-.button-Button {
-  all: unset;
-}
-`;
 const builderContext = createContextId("Builder");
 const ComponentsContext = createContextId("Components");
 function getBlockComponentOptions(block) {
@@ -3467,26 +3462,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({
@@ -3771,38 +3746,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$1, 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, {
@@ -4026,151 +4030,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;
           },
@@ -4221,10 +4194,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;
@@ -6271,6 +6244,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;
@@ -6470,7 +6454,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.1";
+const SDK_VERSION = "0.12.3";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6553,8 +6537,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) {
@@ -6633,6 +6620,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) {
@@ -6767,6 +6756,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) => {
@@ -6989,6 +6981,10 @@ ${getFontCss({
       customFonts: props.customFonts
     })}
 
+.builder-button {
+  all: unset;
+}
+
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
   margin: 0;
 }
@@ -7145,6 +7141,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() {
@@ -7256,7 +7255,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"));
@@ -7389,6 +7391,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
               get contentWrapperProps() {
                 return props.contentWrapperProps;
               },
+              get trustedHosts() {
+                return props.trustedHosts;
+              },
               [_IMMUTABLE]: {
                 apiKey: _fnSignal((p0) => p0.apiKey, [
                   props
@@ -7435,7 +7440,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);
           })
@@ -7491,6 +7499,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         get contentWrapperProps() {
           return props.contentWrapperProps;
         },
+        get trustedHosts() {
+          return props.trustedHosts;
+        },
         [_IMMUTABLE]: {
           apiKey: _fnSignal((p0) => p0.apiKey, [
             props
@@ -7540,7 +7551,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")
     ]