@builder.io/sdk-qwik 0.16.13 → 0.16.15

package/lib/browser/components/awaiter.qwik.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const Awaiter = qwik.component$((props) => {
+  qwik.useVisibleTask$(() => {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(qwik.Fragment, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+exports.Awaiter = Awaiter;
+exports.default = Awaiter;

package/lib/browser/components/awaiter.qwik.mjs

@@ -0,0 +1,13 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useVisibleTask$, Fragment, Slot } from "@builder.io/qwik";
+const Awaiter = component$((props) => {
+  useVisibleTask$(() => {
+  });
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  Awaiter,
+  Awaiter as default
+};

package/lib/browser/components/block/components/interactive-element.qwik.cjs

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const getBlockActions = require("../../../functions/get-block-actions.qwik.cjs");
 const getBlockProperties = require("../../../functions/get-block-properties.qwik.cjs");
+const awaiter = require("../../awaiter.qwik.cjs");
 const qwik = require("@builder.io/qwik");
 const InteractiveElement = qwik.component$((props) => {
   const attributes = qwik.useComputed$(() => {
@@ -20,10 +21,18 @@ const InteractiveElement = qwik.component$((props) => {
       })
     } : {};
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(props.Wrapper, {
-    ...props.wrapperProps,
-    attributes: attributes.value,
-    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.Wrapper.load ? /* @__PURE__ */ jsxRuntime.jsx(awaiter.Awaiter, {
+      load: props.Wrapper.load,
+      fallback: props.Wrapper.fallback,
+      props: props.wrapperProps,
+      attributes: attributes.value,
+      children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    }) : /* @__PURE__ */ jsxRuntime.jsx(props.Wrapper, {
+      ...props.wrapperProps,
+      attributes: attributes.value,
+      children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    })
   });
 });
 exports.InteractiveElement = InteractiveElement;

package/lib/browser/components/block/components/interactive-element.qwik.mjs

@@ -1,6 +1,7 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { jsx, Fragment } from "@builder.io/qwik/jsx-runtime";
 import { getBlockActions } from "../../../functions/get-block-actions.qwik.mjs";
 import { getBlockProperties } from "../../../functions/get-block-properties.qwik.mjs";
+import { Awaiter } from "../../awaiter.qwik.mjs";
 import { component$, useComputed$, Slot } from "@builder.io/qwik";
 const InteractiveElement = component$((props) => {
   const attributes = useComputed$(() => {
@@ -18,10 +19,18 @@ const InteractiveElement = component$((props) => {
       })
     } : {};
   });
-  return /* @__PURE__ */ jsx(props.Wrapper, {
-    ...props.wrapperProps,
-    attributes: attributes.value,
-    children: /* @__PURE__ */ jsx(Slot, {})
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: props.Wrapper.load ? /* @__PURE__ */ jsx(Awaiter, {
+      load: props.Wrapper.load,
+      fallback: props.Wrapper.fallback,
+      props: props.wrapperProps,
+      attributes: attributes.value,
+      children: /* @__PURE__ */ jsx(Slot, {})
+    }) : /* @__PURE__ */ jsx(props.Wrapper, {
+      ...props.wrapperProps,
+      attributes: attributes.value,
+      children: /* @__PURE__ */ jsx(Slot, {})
+    })
   });
 });
 export {

package/lib/browser/components/content/components/enable-editor.qwik.cjs

@@ -5,7 +5,6 @@ const builder_context = require("../../../context/builder.context.qwik.cjs");
 const evaluate = require("../../../functions/evaluate/evaluate.qwik.cjs");
 const fastClone = require("../../../functions/fast-clone.qwik.cjs");
 const index = require("../../../functions/get-content/index.qwik.cjs");
-const getFetch = require("../../../functions/get-fetch.qwik.cjs");
 const isBrowser = require("../../../functions/is-browser.qwik.cjs");
 const isEditing = require("../../../functions/is-editing.qwik.cjs");
 const isPreviewing = require("../../../functions/is-previewing.qwik.cjs");
@@ -13,7 +12,6 @@ const registerComponent = require("../../../functions/register-component.qwik.cj
 const index$1 = require("../../../functions/track/index.qwik.cjs");
 const interaction = require("../../../functions/track/interaction.qwik.cjs");
 const canTrack = require("../../../helpers/canTrack.qwik.cjs");
-const logger = require("../../../helpers/logger.qwik.cjs");
 const subscribeToEditor = require("../../../helpers/subscribe-to-editor.qwik.cjs");
 const initEditing = require("../../../scripts/init-editing.qwik.cjs");
 const animator = require("../../block/animator.qwik.cjs");
@@ -76,23 +74,6 @@ const processMessage = function processMessage2(props, state, showContentProps,
     }
   })(event);
 };
-const evaluateJsCode = function evaluateJsCode2(props, state, showContentProps, elementRef) {
-  var _a, _b;
-  const jsCode = (_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
-  if (jsCode) {
-    evaluate.evaluate({
-      code: jsCode,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      /**
-      * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-      */
-      enableCache: false
-    });
-  }
-};
 const onClick = function onClick2(props, state, showContentProps, elementRef, event) {
   var _a, _b;
   if (props.builderContextSignal.content) {
@@ -131,7 +112,7 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
       rootSetState: props.builderContextSignal.rootSetState,
       enableCache: true
     })));
-    getFetch.fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
+    fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
       mergeNewRootState(props, state, showContentProps, elementRef, {
         [key]: json
       });
@@ -240,10 +221,6 @@ const EnableEditor = qwik.component$((props) => {
   }));
   qwik.useContextProvider(builder_context, props.builderContextSignal);
   qwik.useTask$(() => {
-    if (!props.apiKey) {
-      logger.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
-    }
-    evaluateJsCode(props);
     runHttpRequests(props, state, showContentProps, elementRef);
     emitStateUpdate(props);
   });
@@ -253,20 +230,6 @@ const EnableEditor = qwik.component$((props) => {
       mergeNewContent(props, state, showContentProps, elementRef, props.content);
     }
   });
-  qwik.useTask$(({ track }) => {
-    track(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
-    });
-    evaluateJsCode(props);
-  });
-  qwik.useTask$(({ track }) => {
-    track(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
-    });
-    runHttpRequests(props, state, showContentProps, elementRef);
-  });
   qwik.useTask$(({ track }) => {
     track(() => props.builderContextSignal.rootState);
     emitStateUpdate(props);
@@ -295,9 +258,9 @@ const EnableEditor = qwik.component$((props) => {
       onClick$: qwik.$((event) => onClick(props, state, showContentProps, elementRef, event)),
       "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
       "builder-model": props.model,
+      className: styles_helpers.getWrapperClassName(((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)),
       ...showContentProps.value,
       ...props.contentWrapperProps,
-      class: styles_helpers.getWrapperClassName(((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)),
       children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
     }) : null
   });
@@ -305,7 +268,6 @@ const EnableEditor = qwik.component$((props) => {
 exports.EnableEditor = EnableEditor;
 exports.default = EnableEditor;
 exports.emitStateUpdate = emitStateUpdate;
-exports.evaluateJsCode = evaluateJsCode;
 exports.mergeNewContent = mergeNewContent;
 exports.mergeNewRootState = mergeNewRootState;
 exports.onClick = onClick;

package/lib/browser/components/content/components/enable-editor.qwik.mjs

@@ -3,7 +3,6 @@ import builderContext from "../../../context/builder.context.qwik.mjs";
 import { evaluate } from "../../../functions/evaluate/evaluate.qwik.mjs";
 import { fastClone } from "../../../functions/fast-clone.qwik.mjs";
 import { fetchOneEntry } from "../../../functions/get-content/index.qwik.mjs";
-import { fetch } from "../../../functions/get-fetch.qwik.mjs";
 import { isBrowser } from "../../../functions/is-browser.qwik.mjs";
 import { isEditing } from "../../../functions/is-editing.qwik.mjs";
 import { isPreviewing } from "../../../functions/is-previewing.qwik.mjs";
@@ -11,7 +10,6 @@ import { createRegisterComponentMessage } from "../../../functions/register-comp
 import { _track } from "../../../functions/track/index.qwik.mjs";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.qwik.mjs";
 import { getDefaultCanTrack } from "../../../helpers/canTrack.qwik.mjs";
-import { logger } from "../../../helpers/logger.qwik.mjs";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor.qwik.mjs";
 import { registerInsertMenu, setupBrowserForEditing } from "../../../scripts/init-editing.qwik.mjs";
 import { triggerAnimation } from "../../block/animator.qwik.mjs";
@@ -74,23 +72,6 @@ const processMessage = function processMessage2(props, state, showContentProps,
     }
   })(event);
 };
-const evaluateJsCode = function evaluateJsCode2(props, state, showContentProps, elementRef) {
-  var _a, _b;
-  const jsCode = (_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
-  if (jsCode) {
-    evaluate({
-      code: jsCode,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      /**
-      * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-      */
-      enableCache: false
-    });
-  }
-};
 const onClick = function onClick2(props, state, showContentProps, elementRef, event) {
   var _a, _b;
   if (props.builderContextSignal.content) {
@@ -238,10 +219,6 @@ const EnableEditor = component$((props) => {
   }));
   useContextProvider(builderContext, props.builderContextSignal);
   useTask$(() => {
-    if (!props.apiKey) {
-      logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
-    }
-    evaluateJsCode(props);
     runHttpRequests(props, state, showContentProps, elementRef);
     emitStateUpdate(props);
   });
@@ -251,20 +228,6 @@ const EnableEditor = component$((props) => {
       mergeNewContent(props, state, showContentProps, elementRef, props.content);
     }
   });
-  useTask$(({ track }) => {
-    track(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
-    });
-    evaluateJsCode(props);
-  });
-  useTask$(({ track }) => {
-    track(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
-    });
-    runHttpRequests(props, state, showContentProps, elementRef);
-  });
   useTask$(({ track }) => {
     track(() => props.builderContextSignal.rootState);
     emitStateUpdate(props);
@@ -293,9 +256,9 @@ const EnableEditor = component$((props) => {
       onClick$: $((event) => onClick(props, state, showContentProps, elementRef, event)),
       "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
       "builder-model": props.model,
+      className: getWrapperClassName(((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)),
       ...showContentProps.value,
       ...props.contentWrapperProps,
-      class: getWrapperClassName(((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)),
       children: /* @__PURE__ */ jsx(Slot, {})
     }) : null
   });
@@ -304,7 +267,6 @@ export {
   EnableEditor,
   EnableEditor as default,
   emitStateUpdate,
-  evaluateJsCode,
   mergeNewContent,
   mergeNewRootState,
   onClick,

package/lib/browser/components/content/content.qwik.cjs

@@ -3,7 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const builderRegisteredComponents = require("../../constants/builder-registered-components.qwik.cjs");
 const components_context = require("../../context/components.context.qwik.cjs");
+const evaluate = require("../../functions/evaluate/evaluate.qwik.cjs");
 const registerComponent = require("../../functions/register-component.qwik.cjs");
+const logger = require("../../helpers/logger.qwik.cjs");
 const blocks = require("../blocks/blocks.qwik.cjs");
 const helpers = require("../content-variants/helpers.qwik.cjs");
 const inlinedScript = require("../inlined-script.qwik.cjs");
@@ -76,6 +78,30 @@ const ContentComponent = qwik.component$((props) => {
   qwik.useContextProvider(components_context, qwik.useStore({
     registeredComponents: state.registeredComponents
   }));
+  qwik.useTask$(() => {
+    var _a2, _b2;
+    if (!props.apiKey) {
+      logger.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+    }
+    const jsCode = (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
+    if (jsCode) {
+      evaluate.evaluate({
+        code: jsCode,
+        context: props.context || {},
+        localState: void 0,
+        rootState: state.builderContextSignal.rootState,
+        rootSetState: (newState) => {
+          var _a3, _b3;
+          (_b3 = (_a3 = state.builderContextSignal).rootSetState) == null ? void 0 : _b3.call(_a3, newState);
+        },
+        isExpression: false,
+        /**
+        * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+        */
+        enableCache: false
+      });
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs(enableEditor.EnableEditor, {
     nonce: props.nonce,
     content: props.content,

package/lib/browser/components/content/content.qwik.mjs

@@ -1,14 +1,16 @@
 import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.qwik.mjs";
 import ComponentsContext from "../../context/components.context.qwik.mjs";
+import { evaluate } from "../../functions/evaluate/evaluate.qwik.mjs";
 import { serializeIncludingFunctions } from "../../functions/register-component.qwik.mjs";
+import { logger } from "../../helpers/logger.qwik.mjs";
 import { Blocks } from "../blocks/blocks.qwik.mjs";
 import { getUpdateVariantVisibilityScript } from "../content-variants/helpers.qwik.mjs";
 import { InlinedScript } from "../inlined-script.qwik.mjs";
 import { EnableEditor } from "./components/enable-editor.qwik.mjs";
 import { ContentStyles } from "./components/styles.qwik.mjs";
 import { getContentInitialValue, getRootStateInitialValue } from "./content.helpers.qwik.mjs";
-import { component$, useStore, useContextProvider } from "@builder.io/qwik";
+import { component$, useStore, useContextProvider, useTask$ } from "@builder.io/qwik";
 const ContentComponent = component$((props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const state = useStore({
@@ -74,6 +76,30 @@ const ContentComponent = component$((props) => {
   useContextProvider(ComponentsContext, useStore({
     registeredComponents: state.registeredComponents
   }));
+  useTask$(() => {
+    var _a2, _b2;
+    if (!props.apiKey) {
+      logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+    }
+    const jsCode = (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
+    if (jsCode) {
+      evaluate({
+        code: jsCode,
+        context: props.context || {},
+        localState: void 0,
+        rootState: state.builderContextSignal.rootState,
+        rootSetState: (newState) => {
+          var _a3, _b3;
+          (_b3 = (_a3 = state.builderContextSignal).rootSetState) == null ? void 0 : _b3.call(_a3, newState);
+        },
+        isExpression: false,
+        /**
+        * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+        */
+        enableCache: false
+      });
+    }
+  });
   return /* @__PURE__ */ jsxs(EnableEditor, {
     nonce: props.nonce,
     content: props.content,

package/lib/browser/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.16.13";
+const SDK_VERSION = "0.16.15";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/browser/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.16.13";
+const SDK_VERSION = "0.16.15";
 export {
   SDK_VERSION
 };

package/lib/browser/functions/evaluate/browser-runtime/browser.qwik.cjs

@@ -6,7 +6,7 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
     builder,
     context,
     event,
-    state: flattenState({
+    state: helpers.flattenState({
       rootState,
       localState,
       rootSetState
@@ -14,34 +14,4 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
   });
   return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-function flattenState({ rootState, localState, rootSetState }) {
-  return new Proxy(rootState, {
-    get: (target, prop) => {
-      if (localState && prop in localState) {
-        return localState[prop];
-      }
-      const val = target[prop];
-      if (typeof val === "object" && val !== null) {
-        return flattenState({
-          rootState: val,
-          localState: void 0,
-          rootSetState: rootSetState ? (subState) => {
-            target[prop] = subState;
-            rootSetState(target);
-          } : void 0
-        });
-      }
-      return val;
-    },
-    set: (target, prop, value) => {
-      if (localState && prop in localState) {
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      }
-      target[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(target);
-      return true;
-    }
-  });
-}
-exports.flattenState = flattenState;
 exports.runInBrowser = runInBrowser;

package/lib/browser/functions/evaluate/browser-runtime/browser.qwik.mjs

@@ -1,4 +1,4 @@
-import { getFunctionArguments } from "../helpers.qwik.mjs";
+import { getFunctionArguments, flattenState } from "../helpers.qwik.mjs";
 const runInBrowser = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
   const functionArgs = getFunctionArguments({
     builder,
@@ -12,36 +12,6 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
   });
   return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-function flattenState({ rootState, localState, rootSetState }) {
-  return new Proxy(rootState, {
-    get: (target, prop) => {
-      if (localState && prop in localState) {
-        return localState[prop];
-      }
-      const val = target[prop];
-      if (typeof val === "object" && val !== null) {
-        return flattenState({
-          rootState: val,
-          localState: void 0,
-          rootSetState: rootSetState ? (subState) => {
-            target[prop] = subState;
-            rootSetState(target);
-          } : void 0
-        });
-      }
-      return val;
-    },
-    set: (target, prop, value) => {
-      if (localState && prop in localState) {
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      }
-      target[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(target);
-      return true;
-    }
-  });
-}
 export {
-  flattenState,
   runInBrowser
 };

package/lib/browser/functions/evaluate/helpers.qwik.cjs

@@ -27,6 +27,36 @@ const parseCode = (code, { isExpression = true }) => {
   const useCode = useReturn ? `return (${code});` : code;
   return useCode;
 };
+function flattenState({ rootState, localState, rootSetState }) {
+  return new Proxy(rootState, {
+    get: (target, prop) => {
+      if (localState && prop in localState) {
+        return localState[prop];
+      }
+      const val = target[prop];
+      if (typeof val === "object" && val !== null) {
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
+        });
+      }
+      return val;
+    },
+    set: (target, prop, value) => {
+      if (localState && prop in localState) {
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      }
+      target[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(target);
+      return true;
+    }
+  });
+}
+exports.flattenState = flattenState;
 exports.getBuilderGlobals = getBuilderGlobals;
 exports.getFunctionArguments = getFunctionArguments;
 exports.parseCode = parseCode;

package/lib/browser/functions/evaluate/helpers.qwik.mjs

@@ -25,7 +25,37 @@ const parseCode = (code, { isExpression = true }) => {
   const useCode = useReturn ? `return (${code});` : code;
   return useCode;
 };
+function flattenState({ rootState, localState, rootSetState }) {
+  return new Proxy(rootState, {
+    get: (target, prop) => {
+      if (localState && prop in localState) {
+        return localState[prop];
+      }
+      const val = target[prop];
+      if (typeof val === "object" && val !== null) {
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
+        });
+      }
+      return val;
+    },
+    set: (target, prop, value) => {
+      if (localState && prop in localState) {
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      }
+      target[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(target);
+      return true;
+    }
+  });
+}
 export {
+  flattenState,
   getBuilderGlobals,
   getFunctionArguments,
   parseCode

package/lib/edge/components/awaiter.qwik.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const Awaiter = qwik.component$((props) => {
+  qwik.useVisibleTask$(() => {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(qwik.Fragment, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+exports.Awaiter = Awaiter;
+exports.default = Awaiter;

package/lib/edge/components/awaiter.qwik.mjs

@@ -0,0 +1,13 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useVisibleTask$, Fragment, Slot } from "@builder.io/qwik";
+const Awaiter = component$((props) => {
+  useVisibleTask$(() => {
+  });
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  Awaiter,
+  Awaiter as default
+};

package/lib/edge/components/block/components/interactive-element.qwik.cjs

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const getBlockActions = require("../../../functions/get-block-actions.qwik.cjs");
 const getBlockProperties = require("../../../functions/get-block-properties.qwik.cjs");
+const awaiter = require("../../awaiter.qwik.cjs");
 const qwik = require("@builder.io/qwik");
 const InteractiveElement = qwik.component$((props) => {
   const attributes = qwik.useComputed$(() => {
@@ -20,10 +21,18 @@ const InteractiveElement = qwik.component$((props) => {
       })
     } : {};
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(props.Wrapper, {
-    ...props.wrapperProps,
-    attributes: attributes.value,
-    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.Wrapper.load ? /* @__PURE__ */ jsxRuntime.jsx(awaiter.Awaiter, {
+      load: props.Wrapper.load,
+      fallback: props.Wrapper.fallback,
+      props: props.wrapperProps,
+      attributes: attributes.value,
+      children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    }) : /* @__PURE__ */ jsxRuntime.jsx(props.Wrapper, {
+      ...props.wrapperProps,
+      attributes: attributes.value,
+      children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    })
   });
 });
 exports.InteractiveElement = InteractiveElement;

package/lib/edge/components/block/components/interactive-element.qwik.mjs

@@ -1,6 +1,7 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { jsx, Fragment } from "@builder.io/qwik/jsx-runtime";
 import { getBlockActions } from "../../../functions/get-block-actions.qwik.mjs";
 import { getBlockProperties } from "../../../functions/get-block-properties.qwik.mjs";
+import { Awaiter } from "../../awaiter.qwik.mjs";
 import { component$, useComputed$, Slot } from "@builder.io/qwik";
 const InteractiveElement = component$((props) => {
   const attributes = useComputed$(() => {
@@ -18,10 +19,18 @@ const InteractiveElement = component$((props) => {
       })
     } : {};
   });
-  return /* @__PURE__ */ jsx(props.Wrapper, {
-    ...props.wrapperProps,
-    attributes: attributes.value,
-    children: /* @__PURE__ */ jsx(Slot, {})
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: props.Wrapper.load ? /* @__PURE__ */ jsx(Awaiter, {
+      load: props.Wrapper.load,
+      fallback: props.Wrapper.fallback,
+      props: props.wrapperProps,
+      attributes: attributes.value,
+      children: /* @__PURE__ */ jsx(Slot, {})
+    }) : /* @__PURE__ */ jsx(props.Wrapper, {
+      ...props.wrapperProps,
+      attributes: attributes.value,
+      children: /* @__PURE__ */ jsx(Slot, {})
+    })
   });
 });
 export {