@builder.io/sdk-qwik 0.0.15 → 0.0.16

package/lib/index.qwik.cjs

@@ -440,13 +440,13 @@ const RenderComponent = (props) => {
     children: props.componentRef ? /* @__PURE__ */ jsxRuntime.jsxs(props.componentRef, {
       ...markPropsMutable(props.componentOptions),
       children: [
-        (props.blockChildren || []).map(function(child) {
+        (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock$1, {
             block: child,
             context: props.context
           }, "render-block-" + child.id);
         }),
-        (props.blockChildren || []).map(function(child) {
+        (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
             block: child,
             context: props.context
@@ -592,7 +592,7 @@ const RenderBlock = (props) => {
     children: shouldWrap(props) ? !isEmptyHtmlElement(tagName2(props)) ? /* @__PURE__ */ jsxRuntime.jsxs(state.tagName, {
       ...attributes(props),
       children: [
-        repeatItemData(props) ? (repeatItemData(props) || []).map(function(data, index) {
+        repeatItemData(props) ? (repeatItemData(props) || []).map((data, index) => {
           return /* @__PURE__ */ jsxRuntime.jsx(RenderRepeatedBlock$1, {
             repeatContext: data.context,
             block: data.block
@@ -601,13 +601,13 @@ const RenderBlock = (props) => {
         !repeatItemData(props) ? /* @__PURE__ */ jsxRuntime.jsx(RenderComponent$1, {
           ...renderComponentProps(props)
         }) : null,
-        (childrenWithoutParentComponent(props) || []).map(function(child) {
+        (childrenWithoutParentComponent(props) || []).map((child) => {
           return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock, {
             block: child,
             context: props.context
           }, "render-block-" + child.id);
         }),
-        (childrenWithoutParentComponent(props) || []).map(function(child) {
+        (childrenWithoutParentComponent(props) || []).map((child) => {
           return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
             block: child,
             context: props.context
@@ -674,13 +674,13 @@ const RenderBlocks = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =
       state
     ]),
     children: [
-      props.blocks ? (props.blocks || []).map(function(block) {
+      props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock$1, {
           block,
           context: builderContext
         }, "render-block-" + block.id);
       }) : null,
-      props.blocks ? (props.blocks || []).map(function(block) {
+      props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ jsxRuntime.jsx(BlockStyles$1, {
           block,
           context: builderContext
@@ -737,7 +737,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     class: "builder-columns div-Columns",
     style: columnsCssVars(props, state),
-    children: (props.columns || []).map(function(column, index) {
+    children: (props.columns || []).map((column, index) => {
       return /* @__PURE__ */ jsxRuntime.jsx("div", {
         class: "builder-column div-Columns-2",
         style: {
@@ -1707,9 +1707,9 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
 const Embed = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   const elem = qwik.useRef();
   const state = qwik.useStore({
-    ranInitFn: false,
     scriptsInserted: [],
-    scriptsRun: []
+    scriptsRun: [],
+    ranInitFn: false
   });
   qwik.useWatchQrl(qwik.inlinedQrl(({ track: track2 }) => {
     const [elem2, props2, state2] = qwik.useLexicalScope();
@@ -1894,7 +1894,7 @@ function getGlobalThis() {
     return self;
   return null;
 }
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1915,7 +1915,7 @@ var __async$1 = (__this, __arguments, generator) => {
   });
 };
 function getFetch() {
-  return __async$1(this, null, function* () {
+  return __async$2(this, null, function* () {
     const globalFetch = getGlobalThis().fetch;
     if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
       const nodeFetch = Promise.resolve().then(() => require("./index.d8c1e37f.cjs")).then((d) => d.default);
@@ -1982,7 +1982,7 @@ var __spreadValues$2 = (a, b) => {
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2004,14 +2004,14 @@ var __async = (__this, __arguments, generator) => {
 };
 const fetch$ = getFetch();
 function getContent(options) {
-  return __async(this, null, function* () {
+  return __async$1(this, null, function* () {
     return (yield getAllContent(__spreadProps$2(__spreadValues$2({}, options), {
       limit: 1
     }))).results[0] || null;
   });
 }
 const generateContentUrl = (options) => {
-  const { limit = 1, userAttributes, query, noTraverse = false, model, apiKey } = options;
+  const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey } = options;
   const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
   const queryOptions = __spreadValues$2(__spreadValues$2({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
@@ -2029,7 +2029,7 @@ const generateContentUrl = (options) => {
   return url;
 };
 function getAllContent(options) {
-  return __async(this, null, function* () {
+  return __async$1(this, null, function* () {
     const url = generateContentUrl(options);
     const fetch2 = yield fetch$;
     const content = yield fetch2(url.href).then((res) => res.json());
@@ -2303,6 +2303,26 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 const getTrackingEventData = ({ canTrack }) => {
   if (!canTrack)
     return {
@@ -2338,23 +2358,27 @@ const createEvent = (_a) => {
   };
 };
 function track(eventProps) {
-  if (!eventProps.canTrack)
-    return;
-  if (isEditing())
-    return;
-  if (!(isBrowser() || TARGET === "reactNative"))
-    return;
-  return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [
-        createEvent(eventProps)
-      ]
-    }),
-    headers: {
-      "content-type": "application/json"
-    },
-    mode: "cors"
+  return __async(this, null, function* () {
+    if (!eventProps.canTrack)
+      return;
+    if (isEditing())
+      return;
+    if (!(isBrowser() || TARGET === "reactNative"))
+      return;
+    return fetch(`https://builder.io/api/v1/track`, {
+      method: "POST",
+      body: JSON.stringify({
+        events: [
+          createEvent(eventProps)
+        ]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((err) => {
+      console.error("Failed to track: ", err);
+    });
   });
 }
 const getCssFromFont = function getCssFromFont2(props, state, font) {
@@ -2407,6 +2431,8 @@ const RenderContentStyles = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((p
 }, "RenderContentStyles_component_32XAr483K2o"));
 const RenderContentStyles$1 = RenderContentStyles;
 const useContent = function useContent2(props, state, elementRef) {
+  if (!props.content && !state.overrideContent)
+    return void 0;
   const mergedContent = {
     ...props.content,
     ...state.overrideContent,
@@ -2531,8 +2557,8 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
   const state = qwik.useStore({
     forceReRenderCount: 0,
     overrideContent: null,
-    overrideState: {},
-    update: 0
+    update: 0,
+    overrideState: {}
   });
   qwik.useContextProvider(stdin_default, qwik.useStore({
     content: (() => {

package/lib/index.qwik.mjs

@@ -438,13 +438,13 @@ const RenderComponent = (props) => {
     children: props.componentRef ? /* @__PURE__ */ jsxs(props.componentRef, {
       ...markPropsMutable(props.componentOptions),
       children: [
-        (props.blockChildren || []).map(function(child) {
+        (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ jsx(RenderBlock$1, {
             block: child,
             context: props.context
           }, "render-block-" + child.id);
         }),
-        (props.blockChildren || []).map(function(child) {
+        (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ jsx(BlockStyles$1, {
             block: child,
             context: props.context
@@ -590,7 +590,7 @@ const RenderBlock = (props) => {
     children: shouldWrap(props) ? !isEmptyHtmlElement(tagName2(props)) ? /* @__PURE__ */ jsxs(state.tagName, {
       ...attributes(props),
       children: [
-        repeatItemData(props) ? (repeatItemData(props) || []).map(function(data, index) {
+        repeatItemData(props) ? (repeatItemData(props) || []).map((data, index) => {
           return /* @__PURE__ */ jsx(RenderRepeatedBlock$1, {
             repeatContext: data.context,
             block: data.block
@@ -599,13 +599,13 @@ const RenderBlock = (props) => {
         !repeatItemData(props) ? /* @__PURE__ */ jsx(RenderComponent$1, {
           ...renderComponentProps(props)
         }) : null,
-        (childrenWithoutParentComponent(props) || []).map(function(child) {
+        (childrenWithoutParentComponent(props) || []).map((child) => {
           return /* @__PURE__ */ jsx(RenderBlock, {
             block: child,
             context: props.context
           }, "render-block-" + child.id);
         }),
-        (childrenWithoutParentComponent(props) || []).map(function(child) {
+        (childrenWithoutParentComponent(props) || []).map((child) => {
           return /* @__PURE__ */ jsx(BlockStyles$1, {
             block: child,
             context: props.context
@@ -672,13 +672,13 @@ const RenderBlocks = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
       state
     ]),
     children: [
-      props.blocks ? (props.blocks || []).map(function(block) {
+      props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ jsx(RenderBlock$1, {
           block,
           context: builderContext
         }, "render-block-" + block.id);
       }) : null,
-      props.blocks ? (props.blocks || []).map(function(block) {
+      props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ jsx(BlockStyles$1, {
           block,
           context: builderContext
@@ -735,7 +735,7 @@ const Columns = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   return /* @__PURE__ */ jsx("div", {
     class: "builder-columns div-Columns",
     style: columnsCssVars(props, state),
-    children: (props.columns || []).map(function(column, index) {
+    children: (props.columns || []).map((column, index) => {
       return /* @__PURE__ */ jsx("div", {
         class: "builder-column div-Columns-2",
         style: {
@@ -1705,9 +1705,9 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
 const Embed = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   const elem = useRef();
   const state = useStore({
-    ranInitFn: false,
     scriptsInserted: [],
-    scriptsRun: []
+    scriptsRun: [],
+    ranInitFn: false
   });
   useWatchQrl(inlinedQrl(({ track: track2 }) => {
     const [elem2, props2, state2] = useLexicalScope();
@@ -1892,7 +1892,7 @@ function getGlobalThis() {
     return self;
   return null;
 }
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1913,7 +1913,7 @@ var __async$1 = (__this, __arguments, generator) => {
   });
 };
 function getFetch() {
-  return __async$1(this, null, function* () {
+  return __async$2(this, null, function* () {
     const globalFetch = getGlobalThis().fetch;
     if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
       const nodeFetch = import("./index.97024df8.js").then((d) => d.default);
@@ -1980,7 +1980,7 @@ var __spreadValues$2 = (a, b) => {
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2002,14 +2002,14 @@ var __async = (__this, __arguments, generator) => {
 };
 const fetch$ = getFetch();
 function getContent(options) {
-  return __async(this, null, function* () {
+  return __async$1(this, null, function* () {
     return (yield getAllContent(__spreadProps$2(__spreadValues$2({}, options), {
       limit: 1
     }))).results[0] || null;
   });
 }
 const generateContentUrl = (options) => {
-  const { limit = 1, userAttributes, query, noTraverse = false, model, apiKey } = options;
+  const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey } = options;
   const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
   const queryOptions = __spreadValues$2(__spreadValues$2({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
@@ -2027,7 +2027,7 @@ const generateContentUrl = (options) => {
   return url;
 };
 function getAllContent(options) {
-  return __async(this, null, function* () {
+  return __async$1(this, null, function* () {
     const url = generateContentUrl(options);
     const fetch2 = yield fetch$;
     const content = yield fetch2(url.href).then((res) => res.json());
@@ -2301,6 +2301,26 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 const getTrackingEventData = ({ canTrack }) => {
   if (!canTrack)
     return {
@@ -2336,23 +2356,27 @@ const createEvent = (_a) => {
   };
 };
 function track(eventProps) {
-  if (!eventProps.canTrack)
-    return;
-  if (isEditing())
-    return;
-  if (!(isBrowser() || TARGET === "reactNative"))
-    return;
-  return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [
-        createEvent(eventProps)
-      ]
-    }),
-    headers: {
-      "content-type": "application/json"
-    },
-    mode: "cors"
+  return __async(this, null, function* () {
+    if (!eventProps.canTrack)
+      return;
+    if (isEditing())
+      return;
+    if (!(isBrowser() || TARGET === "reactNative"))
+      return;
+    return fetch(`https://builder.io/api/v1/track`, {
+      method: "POST",
+      body: JSON.stringify({
+        events: [
+          createEvent(eventProps)
+        ]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((err) => {
+      console.error("Failed to track: ", err);
+    });
   });
 }
 const getCssFromFont = function getCssFromFont2(props, state, font) {
@@ -2405,6 +2429,8 @@ const RenderContentStyles = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
 }, "RenderContentStyles_component_32XAr483K2o"));
 const RenderContentStyles$1 = RenderContentStyles;
 const useContent = function useContent2(props, state, elementRef) {
+  if (!props.content && !state.overrideContent)
+    return void 0;
   const mergedContent = {
     ...props.content,
     ...state.overrideContent,
@@ -2529,8 +2555,8 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   const state = useStore({
     forceReRenderCount: 0,
     overrideContent: null,
-    overrideState: {},
-    update: 0
+    update: 0,
+    overrideState: {}
   });
   useContextProvider(stdin_default, useStore({
     content: (() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",

package/src/blocks/columns/columns.jsx

@@ -66,7 +66,7 @@ export const Columns = component$((props) => {
       class="builder-columns div-Columns"
       style={columnsCssVars(props, state)}
     >
-      {(props.columns || []).map(function (column, index) {
+      {(props.columns || []).map((column, index) => {
         return (
           <div
             class="builder-column div-Columns-2"

package/src/blocks/columns/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Columns",
   builtIn: true,

package/src/blocks/embed/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Embed",
   static: true,

package/src/blocks/embed/embed.jsx

@@ -1,6 +1,6 @@
 // GENERATED BY MITOSIS
 
-import { isJsScript } from "./helpers";
+import { isJsScript } from "./helpers.js";
 import {
   Fragment,
   component$,
@@ -41,9 +41,9 @@ export const findAndRunScripts = function findAndRunScripts(
 export const Embed = component$((props) => {
   const elem = useRef();
   const state = useStore({
-    ranInitFn: false,
     scriptsInserted: [],
     scriptsRun: [],
+    ranInitFn: false,
   });
   useWatch$(({ track }) => {
     state && track(state, "ranInitFn");

package/src/blocks/form/form.jsx

@@ -1,8 +1,8 @@
 // GENERATED BY MITOSIS
 
 import RenderBlock from "../../components/render-block/render-block";
+import BuilderBlocks from "../../components/render-blocks";
 import { isEditing } from "../../functions/is-editing.js";
-import BuilderBlocks from "./builder-blocks";
 import {
   Fragment,
   component$,
@@ -244,9 +244,9 @@ export const FormComponent = component$((props) => {
   const builderContext = useContext(BuilderContext);
   const formRef = useRef();
   const state = useStore({
-    formErrorMessage: "",
     formState: "unsubmitted",
     responseData: null,
+    formErrorMessage: "",
   });
   return (
     <form
@@ -263,7 +263,7 @@ export const FormComponent = component$((props) => {
       {...props.attributes}
     >
       {props.builderBlock && props.builderBlock.children
-        ? (props.builderBlock?.children || []).map(function (block) {
+        ? (props.builderBlock?.children || []).map((block) => {
             return (
               <RenderBlock block={block} context={builderContext}></RenderBlock>
             );

package/src/blocks/image/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Image",
   static: true,

package/src/blocks/image/image.jsx

@@ -1,6 +1,6 @@
 // GENERATED BY MITOSIS
 
-import { getSrcSet } from "./image.helpers";
+import { getSrcSet } from "./image.helpers.js";
 import {
   Fragment,
   Slot,

package/src/blocks/select/select.jsx

@@ -13,7 +13,7 @@ export const SelectComponent = component$((props) => {
       defaultValue={props.defaultValue}
       name={props.name}
     >
-      {(props.options || []).map(function (option) {
+      {(props.options || []).map((option) => {
         return (
           <option value={option.value}>{option.name || option.value}</option>
         );

package/src/components/render-block/render-block.jsx

@@ -167,10 +167,7 @@ export const RenderBlock = (props) => {
         !isEmptyHtmlElement(tagName(props, state)) ? (
           <state.tagName {...attributes(props, state)}>
             {repeatItemData(props, state)
-              ? (repeatItemData(props, state) || []).map(function (
-                  data,
-                  index
-                ) {
+              ? (repeatItemData(props, state) || []).map((data, index) => {
                   return (
                     <RenderRepeatedBlock
                       key={index}
@@ -185,28 +182,28 @@ export const RenderBlock = (props) => {
                 {...renderComponentProps(props, state)}
               ></RenderComponent>
             ) : null}
-            {(childrenWithoutParentComponent(props, state) || []).map(function (
-              child
-            ) {
-              return (
-                <RenderBlock
-                  key={"render-block-" + child.id}
-                  block={child}
-                  context={props.context}
-                ></RenderBlock>
-              );
-            })}
-            {(childrenWithoutParentComponent(props, state) || []).map(function (
-              child
-            ) {
-              return (
-                <BlockStyles
-                  key={"block-style-" + child.id}
-                  block={child}
-                  context={props.context}
-                ></BlockStyles>
-              );
-            })}
+            {(childrenWithoutParentComponent(props, state) || []).map(
+              (child) => {
+                return (
+                  <RenderBlock
+                    key={"render-block-" + child.id}
+                    block={child}
+                    context={props.context}
+                  ></RenderBlock>
+                );
+              }
+            )}
+            {(childrenWithoutParentComponent(props, state) || []).map(
+              (child) => {
+                return (
+                  <BlockStyles
+                    key={"block-style-" + child.id}
+                    block={child}
+                    context={props.context}
+                  ></BlockStyles>
+                );
+              }
+            )}
           </state.tagName>
         ) : (
           <state.tagName {...attributes(props, state)}></state.tagName>

package/src/components/render-block/render-component.jsx

@@ -9,7 +9,7 @@ export const RenderComponent = (props) => {
     <>
       {props.componentRef ? (
         <props.componentRef {...markPropsMutable(props.componentOptions)}>
-          {(props.blockChildren || []).map(function (child) {
+          {(props.blockChildren || []).map((child) => {
             return (
               <RenderBlock
                 key={"render-block-" + child.id}
@@ -18,7 +18,7 @@ export const RenderComponent = (props) => {
               ></RenderBlock>
             );
           })}
-          {(props.blockChildren || []).map(function (child) {
+          {(props.blockChildren || []).map((child) => {
             return (
               <BlockStyles
                 key={"block-style-" + child.id}

package/src/components/render-blocks.jsx

@@ -62,7 +62,7 @@ export const RenderBlocks = component$((props) => {
       onMouseEnter$={(event) => onMouseEnter(props, state, builderContext)}
     >
       {props.blocks
-        ? (props.blocks || []).map(function (block) {
+        ? (props.blocks || []).map((block) => {
             return (
               <RenderBlock
                 key={"render-block-" + block.id}
@@ -73,7 +73,7 @@ export const RenderBlocks = component$((props) => {
           })
         : null}
       {props.blocks
-        ? (props.blocks || []).map(function (block) {
+        ? (props.blocks || []).map((block) => {
             return (
               <BlockStyles
                 key={"block-style-" + block.id}

package/src/components/render-content/render-content.jsx

@@ -34,6 +34,10 @@ import {
   useWatch$,
 } from "@builder.io/qwik";
 export const useContent = function useContent(props, state, elementRef) {
+  if (!props.content && !state.overrideContent) {
+    return undefined;
+  }
+
   const mergedContent = {
     ...props.content,
     ...state.overrideContent,
@@ -226,8 +230,8 @@ export const RenderContent = component$((props) => {
   const state = useStore({
     forceReRenderCount: 0,
     overrideContent: null,
-    overrideState: {},
     update: 0,
+    overrideState: {},
   });
   useContextProvider(
     BuilderContext,

package/src/constants/builder-registered-components.js

@@ -15,25 +15,25 @@ var __spreadValues = (a, b) => {
   return a;
 };
 import { default as Button } from "../blocks/button/button.jsx";
-import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info";
+import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info.js";
 import { default as Columns } from "../blocks/columns/columns.jsx";
-import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info";
-import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info";
+import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info.js";
+import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info.js";
 import { default as Fragment } from "../blocks/fragment/fragment.jsx";
-import { componentInfo as imageComponentInfo } from "../blocks/image/component-info";
+import { componentInfo as imageComponentInfo } from "../blocks/image/component-info.js";
 import { default as Image } from "../blocks/image/image.jsx";
-import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info";
+import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info.js";
 import { default as Section } from "../blocks/section/section.jsx";
-import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info";
+import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info.js";
 import { default as Symbol } from "../blocks/symbol/symbol.jsx";
-import { componentInfo as textComponentInfo } from "../blocks/text/component-info";
+import { componentInfo as textComponentInfo } from "../blocks/text/component-info.js";
 import { default as Text } from "../blocks/text/text.jsx";
-import { componentInfo as videoComponentInfo } from "../blocks/video/component-info";
+import { componentInfo as videoComponentInfo } from "../blocks/video/component-info.js";
 import { default as Video } from "../blocks/video/video.jsx";
-import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info";
+import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info.js";
 import { default as embed } from "../blocks/embed/embed.jsx";
 import { default as Img } from "../blocks/img/img.jsx";
-import { componentInfo as imgComponentInfo } from "../blocks/img/component-info";
+import { componentInfo as imgComponentInfo } from "../blocks/img/component-info.js";
 const getDefaultRegisteredComponents = () => [
   __spreadValues({ component: Columns }, columnsComponentInfo),
   __spreadValues({ component: Image }, imageComponentInfo),

package/src/functions/get-builder-search-params/index.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "../is-browser";
+import { isBrowser } from "../is-browser.js";
 const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
 const convertSearchParamsToQueryObject = (searchParams) => {
   const options = {};

package/src/functions/get-content/index.js

@@ -52,7 +52,7 @@ function getContent(options) {
 }
 const generateContentUrl = (options) => {
   const {
-    limit = 1,
+    limit = 30,
     userAttributes,
     query,
     noTraverse = false,

package/src/functions/track.js

@@ -29,6 +29,26 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { TARGET } from "../constants/target.js";
 import { getSessionId } from "../helpers/sessionId.js";
 import { getVisitorId } from "../helpers/visitorId.js";
@@ -66,24 +86,28 @@ const createEvent = (_a) => {
   };
 };
 function track(eventProps) {
-  if (!eventProps.canTrack) {
-    return;
-  }
-  if (isEditing()) {
-    return;
-  }
-  if (!(isBrowser() || TARGET === "reactNative")) {
-    return;
-  }
-  return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [createEvent(eventProps)]
-    }),
-    headers: {
-      "content-type": "application/json"
-    },
-    mode: "cors"
+  return __async(this, null, function* () {
+    if (!eventProps.canTrack) {
+      return;
+    }
+    if (isEditing()) {
+      return;
+    }
+    if (!(isBrowser() || TARGET === "reactNative")) {
+      return;
+    }
+    return fetch(`https://builder.io/api/v1/track`, {
+      method: "POST",
+      body: JSON.stringify({
+        events: [createEvent(eventProps)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((err) => {
+      console.error("Failed to track: ", err);
+    });
   });
 }
 export {

package/src/helpers/cookie.js

@@ -1,5 +1,5 @@
-import { isBrowser } from "../functions/is-browser";
-import { getTopLevelDomain } from "./url";
+import { isBrowser } from "../functions/is-browser.js";
+import { getTopLevelDomain } from "./url.js";
 const getCookie = ({
   name,
   canTrack

package/src/helpers/css.js

@@ -1,4 +1,4 @@
-import { camelToKebabCase } from "../functions/camel-to-kebab-case";
+import { camelToKebabCase } from "../functions/camel-to-kebab-case.js";
 const convertStyleMaptoCSS = (style) => {
   const cssProps = Object.entries(style).map(([key, value]) => {
     if (typeof value === "string") {

package/src/helpers/localStorage.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "../functions/is-browser";
+import { isBrowser } from "../functions/is-browser.js";
 const getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
 const getLocalStorageItem = ({
   key,

package/src/helpers/sessionId.js

@@ -1,6 +1,6 @@
-import { getCookie, setCookie } from "./cookie";
-import { checkIsDefined } from "./nullable";
-import { uuid } from "./uuid";
+import { getCookie, setCookie } from "./cookie.js";
+import { checkIsDefined } from "./nullable.js";
+import { uuid } from "./uuid.js";
 const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
 const getSessionId = ({ canTrack }) => {
   if (!canTrack) {

package/src/helpers/visitorId.js

@@ -1,6 +1,6 @@
-import { getLocalStorageItem, setLocalStorageItem } from "./localStorage";
-import { checkIsDefined } from "./nullable";
-import { uuid } from "./uuid";
+import { getLocalStorageItem, setLocalStorageItem } from "./localStorage.js";
+import { checkIsDefined } from "./nullable.js";
+import { uuid } from "./uuid.js";
 const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
 const getVisitorId = ({ canTrack }) => {
   if (!canTrack) {

package/src/blocks/form/builder-blocks.jsx

@@ -1,11 +0,0 @@
-// GENERATED BY MITOSIS
-
-import { Fragment, component$, h } from "@builder.io/qwik";
-export const BuilderBlocks = component$((props) => {
-  return (
-    <Fragment>
-      NOT YET IMPLEMENTED: <code>BuilderBlocks {JSON.stringify(props)}</code>
-    </Fragment>
-  );
-});
-export default BuilderBlocks;