@builder.io/sdk-qwik 0.16.11 → 0.16.14

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

@@ -1,18 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+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");
 const enableEditor = require("./components/enable-editor.qwik.cjs");
 const styles = require("./components/styles.qwik.cjs");
 const content_helpers = require("./content.helpers.qwik.cjs");
-const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a, _b, _c, _d;
-  qwik._jsxBranch();
+const qwik = require("@builder.io/qwik");
+const ContentComponent = qwik.component$((props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const state = qwik.useStore({
     builderContextSignal: {
       content: content_helpers.getContentInitialValue({
@@ -76,192 +78,66 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
   qwik.useContextProvider(components_context, qwik.useStore({
     registeredComponents: state.registeredComponents
   }));
-  return /* @__PURE__ */ qwik._jsxC(enableEditor.EnableEditor, {
-    get nonce() {
-      return props.nonce;
-    },
-    get content() {
-      return props.content;
-    },
-    get data() {
-      return props.data;
-    },
-    get model() {
-      return props.model;
-    },
-    get context() {
-      return props.context;
-    },
-    get apiKey() {
-      return props.apiKey;
-    },
-    get canTrack() {
-      return props.canTrack;
-    },
-    get locale() {
-      return props.locale;
-    },
-    get enrich() {
-      return props.enrich;
-    },
-    get showContent() {
-      return props.showContent;
-    },
-    get builderContextSignal() {
-      return state.builderContextSignal;
-    },
-    get contentWrapper() {
-      return props.contentWrapper;
-    },
-    get contentWrapperProps() {
-      return props.contentWrapperProps;
-    },
-    get trustedHosts() {
-      return props.trustedHosts;
-    },
-    children: [
-      props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(inlinedScript.InlinedScript, {
-        id: "builderio-variant-visibility",
-        get scriptStr() {
-          return state.scriptStr;
-        },
-        get nonce() {
-          return props.nonce || "";
-        },
-        [qwik._IMMUTABLE]: {
-          id: qwik._IMMUTABLE,
-          nonce: qwik._fnSignal((p0) => p0.nonce || "", [
-            props
-          ], 'p0.nonce||""'),
-          scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
-            state
-          ], "p0.scriptStr")
-        }
-      }, 3, "LQ_0") : null,
-      /* @__PURE__ */ qwik._jsxC(styles.ContentStyles, {
-        get nonce() {
-          return props.nonce || "";
-        },
-        get isNestedRender() {
-          return props.isNestedRender;
-        },
-        get contentId() {
-          var _a2;
-          return (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.id;
-        },
-        get cssCode() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
-        },
-        get customFonts() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
-        },
-        [qwik._IMMUTABLE]: {
-          contentId: qwik._fnSignal((p0) => {
-            var _a2;
-            return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
-          }, [
-            state
-          ], "p0.builderContextSignal.content?.id"),
-          cssCode: qwik._fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
-          }, [
-            state
-          ], "p0.builderContextSignal.content?.data?.cssCode"),
-          customFonts: qwik._fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
-          }, [
-            state
-          ], "p0.builderContextSignal.content?.data?.customFonts"),
-          isNestedRender: qwik._fnSignal((p0) => p0.isNestedRender, [
-            props
-          ], "p0.isNestedRender"),
-          nonce: qwik._fnSignal((p0) => p0.nonce || "", [
-            props
-          ], 'p0.nonce||""')
-        }
-      }, 3, "LQ_1"),
-      /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
-        get blocks() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
-        },
-        get context() {
-          return state.builderContextSignal;
-        },
-        get registeredComponents() {
-          return state.registeredComponents;
-        },
-        get linkComponent() {
-          return props.linkComponent;
+  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);
         },
-        [qwik._IMMUTABLE]: {
-          blocks: qwik._fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
-          }, [
-            state
-          ], "p0.builderContextSignal.content?.data?.blocks"),
-          context: qwik._fnSignal((p0) => p0.builderContextSignal, [
-            state
-          ], "p0.builderContextSignal"),
-          linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
-            props
-          ], "p0.linkComponent"),
-          registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
-            state
-          ], "p0.registeredComponents")
-        }
-      }, 3, "LQ_2")
-    ],
-    [qwik._IMMUTABLE]: {
-      apiKey: qwik._fnSignal((p0) => p0.apiKey, [
-        props
-      ], "p0.apiKey"),
-      builderContextSignal: qwik._fnSignal((p0) => p0.builderContextSignal, [
-        state
-      ], "p0.builderContextSignal"),
-      canTrack: qwik._fnSignal((p0) => p0.canTrack, [
-        props
-      ], "p0.canTrack"),
-      content: qwik._fnSignal((p0) => p0.content, [
-        props
-      ], "p0.content"),
-      contentWrapper: qwik._fnSignal((p0) => p0.contentWrapper, [
-        props
-      ], "p0.contentWrapper"),
-      contentWrapperProps: qwik._fnSignal((p0) => p0.contentWrapperProps, [
-        props
-      ], "p0.contentWrapperProps"),
-      context: qwik._fnSignal((p0) => p0.context, [
-        props
-      ], "p0.context"),
-      data: qwik._fnSignal((p0) => p0.data, [
-        props
-      ], "p0.data"),
-      enrich: qwik._fnSignal((p0) => p0.enrich, [
-        props
-      ], "p0.enrich"),
-      locale: qwik._fnSignal((p0) => p0.locale, [
-        props
-      ], "p0.locale"),
-      model: qwik._fnSignal((p0) => p0.model, [
-        props
-      ], "p0.model"),
-      nonce: qwik._fnSignal((p0) => p0.nonce, [
-        props
-      ], "p0.nonce"),
-      showContent: qwik._fnSignal((p0) => p0.showContent, [
-        props
-      ], "p0.showContent"),
-      trustedHosts: qwik._fnSignal((p0) => p0.trustedHosts, [
-        props
-      ], "p0.trustedHosts")
+        isExpression: false,
+        /**
+        * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+        */
+        enableCache: false
+      });
     }
-  }, 1, "LQ_3");
-}, "ContentComponent_component_HIsczUcxjCE"));
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(enableEditor.EnableEditor, {
+    nonce: props.nonce,
+    content: props.content,
+    data: props.data,
+    model: props.model,
+    context: props.context,
+    apiKey: props.apiKey,
+    canTrack: props.canTrack,
+    locale: props.locale,
+    enrich: props.enrich,
+    showContent: props.showContent,
+    builderContextSignal: state.builderContextSignal,
+    contentWrapper: props.contentWrapper,
+    contentWrapperProps: props.contentWrapperProps,
+    trustedHosts: props.trustedHosts,
+    children: [
+      props.isSsrAbTest ? /* @__PURE__ */ jsxRuntime.jsx(inlinedScript.InlinedScript, {
+        id: "builderio-variant-visibility",
+        scriptStr: state.scriptStr,
+        nonce: props.nonce || ""
+      }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(styles.ContentStyles, {
+        nonce: props.nonce || "",
+        isNestedRender: props.isNestedRender,
+        contentId: (_e = state.builderContextSignal.content) == null ? void 0 : _e.id,
+        cssCode: (_g = (_f = state.builderContextSignal.content) == null ? void 0 : _f.data) == null ? void 0 : _g.cssCode,
+        customFonts: (_i = (_h = state.builderContextSignal.content) == null ? void 0 : _h.data) == null ? void 0 : _i.customFonts
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+        blocks: (_k = (_j = state.builderContextSignal.content) == null ? void 0 : _j.data) == null ? void 0 : _k.blocks,
+        context: state.builderContextSignal,
+        registeredComponents: state.registeredComponents,
+        linkComponent: props.linkComponent
+      })
+    ]
+  });
+});
 exports.ContentComponent = ContentComponent;
 exports.default = ContentComponent;

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

@@ -1,16 +1,18 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStore, useContextProvider, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+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";
-const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b, _c, _d;
-  _jsxBranch();
+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({
     builderContextSignal: {
       content: getContentInitialValue({
@@ -74,193 +76,67 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
   useContextProvider(ComponentsContext, useStore({
     registeredComponents: state.registeredComponents
   }));
-  return /* @__PURE__ */ _jsxC(EnableEditor, {
-    get nonce() {
-      return props.nonce;
-    },
-    get content() {
-      return props.content;
-    },
-    get data() {
-      return props.data;
-    },
-    get model() {
-      return props.model;
-    },
-    get context() {
-      return props.context;
-    },
-    get apiKey() {
-      return props.apiKey;
-    },
-    get canTrack() {
-      return props.canTrack;
-    },
-    get locale() {
-      return props.locale;
-    },
-    get enrich() {
-      return props.enrich;
-    },
-    get showContent() {
-      return props.showContent;
-    },
-    get builderContextSignal() {
-      return state.builderContextSignal;
-    },
-    get contentWrapper() {
-      return props.contentWrapper;
-    },
-    get contentWrapperProps() {
-      return props.contentWrapperProps;
-    },
-    get trustedHosts() {
-      return props.trustedHosts;
-    },
-    children: [
-      props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
-        id: "builderio-variant-visibility",
-        get scriptStr() {
-          return state.scriptStr;
-        },
-        get nonce() {
-          return props.nonce || "";
-        },
-        [_IMMUTABLE]: {
-          id: _IMMUTABLE,
-          nonce: _fnSignal((p0) => p0.nonce || "", [
-            props
-          ], 'p0.nonce||""'),
-          scriptStr: _fnSignal((p0) => p0.scriptStr, [
-            state
-          ], "p0.scriptStr")
-        }
-      }, 3, "LQ_0") : null,
-      /* @__PURE__ */ _jsxC(ContentStyles, {
-        get nonce() {
-          return props.nonce || "";
-        },
-        get isNestedRender() {
-          return props.isNestedRender;
-        },
-        get contentId() {
-          var _a2;
-          return (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.id;
-        },
-        get cssCode() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
-        },
-        get customFonts() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
-        },
-        [_IMMUTABLE]: {
-          contentId: _fnSignal((p0) => {
-            var _a2;
-            return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
-          }, [
-            state
-          ], "p0.builderContextSignal.content?.id"),
-          cssCode: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
-          }, [
-            state
-          ], "p0.builderContextSignal.content?.data?.cssCode"),
-          customFonts: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
-          }, [
-            state
-          ], "p0.builderContextSignal.content?.data?.customFonts"),
-          isNestedRender: _fnSignal((p0) => p0.isNestedRender, [
-            props
-          ], "p0.isNestedRender"),
-          nonce: _fnSignal((p0) => p0.nonce || "", [
-            props
-          ], 'p0.nonce||""')
-        }
-      }, 3, "LQ_1"),
-      /* @__PURE__ */ _jsxC(Blocks, {
-        get blocks() {
-          var _a2, _b2;
-          return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
-        },
-        get context() {
-          return state.builderContextSignal;
-        },
-        get registeredComponents() {
-          return state.registeredComponents;
-        },
-        get linkComponent() {
-          return props.linkComponent;
+  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);
         },
-        [_IMMUTABLE]: {
-          blocks: _fnSignal((p0) => {
-            var _a2, _b2;
-            return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
-          }, [
-            state
-          ], "p0.builderContextSignal.content?.data?.blocks"),
-          context: _fnSignal((p0) => p0.builderContextSignal, [
-            state
-          ], "p0.builderContextSignal"),
-          linkComponent: _fnSignal((p0) => p0.linkComponent, [
-            props
-          ], "p0.linkComponent"),
-          registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
-            state
-          ], "p0.registeredComponents")
-        }
-      }, 3, "LQ_2")
-    ],
-    [_IMMUTABLE]: {
-      apiKey: _fnSignal((p0) => p0.apiKey, [
-        props
-      ], "p0.apiKey"),
-      builderContextSignal: _fnSignal((p0) => p0.builderContextSignal, [
-        state
-      ], "p0.builderContextSignal"),
-      canTrack: _fnSignal((p0) => p0.canTrack, [
-        props
-      ], "p0.canTrack"),
-      content: _fnSignal((p0) => p0.content, [
-        props
-      ], "p0.content"),
-      contentWrapper: _fnSignal((p0) => p0.contentWrapper, [
-        props
-      ], "p0.contentWrapper"),
-      contentWrapperProps: _fnSignal((p0) => p0.contentWrapperProps, [
-        props
-      ], "p0.contentWrapperProps"),
-      context: _fnSignal((p0) => p0.context, [
-        props
-      ], "p0.context"),
-      data: _fnSignal((p0) => p0.data, [
-        props
-      ], "p0.data"),
-      enrich: _fnSignal((p0) => p0.enrich, [
-        props
-      ], "p0.enrich"),
-      locale: _fnSignal((p0) => p0.locale, [
-        props
-      ], "p0.locale"),
-      model: _fnSignal((p0) => p0.model, [
-        props
-      ], "p0.model"),
-      nonce: _fnSignal((p0) => p0.nonce, [
-        props
-      ], "p0.nonce"),
-      showContent: _fnSignal((p0) => p0.showContent, [
-        props
-      ], "p0.showContent"),
-      trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
-        props
-      ], "p0.trustedHosts")
+        isExpression: false,
+        /**
+        * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+        */
+        enableCache: false
+      });
     }
-  }, 1, "LQ_3");
-}, "ContentComponent_component_HIsczUcxjCE"));
+  });
+  return /* @__PURE__ */ jsxs(EnableEditor, {
+    nonce: props.nonce,
+    content: props.content,
+    data: props.data,
+    model: props.model,
+    context: props.context,
+    apiKey: props.apiKey,
+    canTrack: props.canTrack,
+    locale: props.locale,
+    enrich: props.enrich,
+    showContent: props.showContent,
+    builderContextSignal: state.builderContextSignal,
+    contentWrapper: props.contentWrapper,
+    contentWrapperProps: props.contentWrapperProps,
+    trustedHosts: props.trustedHosts,
+    children: [
+      props.isSsrAbTest ? /* @__PURE__ */ jsx(InlinedScript, {
+        id: "builderio-variant-visibility",
+        scriptStr: state.scriptStr,
+        nonce: props.nonce || ""
+      }) : null,
+      /* @__PURE__ */ jsx(ContentStyles, {
+        nonce: props.nonce || "",
+        isNestedRender: props.isNestedRender,
+        contentId: (_e = state.builderContextSignal.content) == null ? void 0 : _e.id,
+        cssCode: (_g = (_f = state.builderContextSignal.content) == null ? void 0 : _f.data) == null ? void 0 : _g.cssCode,
+        customFonts: (_i = (_h = state.builderContextSignal.content) == null ? void 0 : _h.data) == null ? void 0 : _i.customFonts
+      }),
+      /* @__PURE__ */ jsx(Blocks, {
+        blocks: (_k = (_j = state.builderContextSignal.content) == null ? void 0 : _j.data) == null ? void 0 : _k.blocks,
+        context: state.builderContextSignal,
+        registeredComponents: state.registeredComponents,
+        linkComponent: props.linkComponent
+      })
+    ]
+  });
+});
 export {
   ContentComponent,
   ContentComponent as default