@builder.io/sdk-qwik 0.16.19 → 0.16.21

package/lib/node/blocks/custom-code/custom-code.qwik.cjs

@@ -1,25 +1,23 @@
 "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 CustomCode = qwik.component$((props) => {
+const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  qwik.useOn("qvisible", qwik.$((event, element) => {
-    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined") {
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [state2] = qwik.useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
       return;
-    }
     const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src)) {
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        }
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -29,23 +27,29 @@ const CustomCode = qwik.component$((props) => {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText)) {
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
-        }
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ref: elementRef,
-    class: "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""),
-    dangerouslySetInnerHTML: props.code
-  });
-});
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", {
+    ref: elementRef
+  }, {
+    class: qwik._fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
+      props
+    ], '"builder-custom-code"+(p0.replaceNodes?" replace-nodes":"")'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.code, [
+      props
+    ], "p0.code")
+  }, null, 3, "bY_0");
+}, "CustomCode_component_uYOSy7w7Zqw"));
 exports.CustomCode = CustomCode;
 exports.default = CustomCode;

package/lib/node/blocks/custom-code/custom-code.qwik.mjs

@@ -1,23 +1,21 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useSignal, useStore, useOn, $ } from "@builder.io/qwik";
-const CustomCode = component$((props) => {
+import { componentQrl, inlinedQrl, useSignal, useStore, useOn, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const elementRef = useSignal();
   const state = useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  useOn("qvisible", $((event, element) => {
-    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined") {
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [state2] = useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
       return;
-    }
     const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src)) {
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        }
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -27,24 +25,30 @@ const CustomCode = component$((props) => {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText)) {
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
-        }
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }));
-  return /* @__PURE__ */ jsx("div", {
-    ref: elementRef,
-    class: "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""),
-    dangerouslySetInnerHTML: props.code
-  });
-});
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+    state
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
+    ref: elementRef
+  }, {
+    class: _fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
+      props
+    ], '"builder-custom-code"+(p0.replaceNodes?" replace-nodes":"")'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.code, [
+      props
+    ], "p0.code")
+  }, null, 3, "bY_0");
+}, "CustomCode_component_uYOSy7w7Zqw"));
 export {
   CustomCode,
   CustomCode as default

package/lib/node/blocks/embed/embed.qwik.cjs

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
-const helpers = require("./helpers.qwik.cjs");
 const qwik = require("@builder.io/qwik");
+const helpers = require("./helpers.qwik.cjs");
 const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
@@ -15,37 +14,44 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
       newScript.async = true;
       newScript.src = script.src;
       document.head.appendChild(newScript);
-    } else if (helpers.isJsScript(script) && !state.scriptsRun.includes(script.innerText)) {
+    } else if (helpers.isJsScript(script) && !state.scriptsRun.includes(script.innerText))
       try {
         state.scriptsRun.push(script.innerText);
         new Function(script.innerText)();
       } catch (error) {
         console.warn("`Embed`: Error running script:", error);
       }
-    }
   }
 };
-const Embed = qwik.component$((props) => {
+const Embed = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const elem = qwik.useSignal();
   const state = qwik.useStore({
     ranInitFn: false,
     scriptsInserted: [],
     scriptsRun: []
   });
-  qwik.useTask$(({ track }) => {
-    track(() => elem.value);
-    track(() => state.ranInitFn);
-    if (elem.value && !state.ranInitFn) {
-      state.ranInitFn = true;
-      findAndRunScripts(props, state, elem);
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elem2, props2, state2] = qwik.useLexicalScope();
+    track(() => elem2.value);
+    track(() => state2.ranInitFn);
+    if (elem2.value && !state2.ranInitFn) {
+      state2.ranInitFn = true;
+      findAndRunScripts(props2, state2, elem2);
     }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+  }, "Embed_component_useTask_bg7ez0XUtiM", [
+    elem,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", {
+    ref: elem
+  }, {
     class: "builder-embed",
-    ref: elem,
-    dangerouslySetInnerHTML: props.content
-  });
-});
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.content, [
+      props
+    ], "p0.content")
+  }, null, 3, "9r_0");
+}, "Embed_component_Uji08ORjXbE"));
 exports.Embed = Embed;
 exports.default = Embed;
 exports.findAndRunScripts = findAndRunScripts;

package/lib/node/blocks/embed/embed.qwik.mjs

@@ -1,6 +1,5 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { componentQrl, inlinedQrl, useSignal, useStore, useTaskQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
 import { isJsScript } from "./helpers.qwik.mjs";
-import { component$, useSignal, useStore, useTask$ } from "@builder.io/qwik";
 const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
@@ -13,37 +12,44 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
       newScript.async = true;
       newScript.src = script.src;
       document.head.appendChild(newScript);
-    } else if (isJsScript(script) && !state.scriptsRun.includes(script.innerText)) {
+    } else if (isJsScript(script) && !state.scriptsRun.includes(script.innerText))
       try {
         state.scriptsRun.push(script.innerText);
         new Function(script.innerText)();
       } catch (error) {
         console.warn("`Embed`: Error running script:", error);
       }
-    }
   }
 };
-const Embed = component$((props) => {
+const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const elem = useSignal();
   const state = useStore({
     ranInitFn: false,
     scriptsInserted: [],
     scriptsRun: []
   });
-  useTask$(({ track }) => {
-    track(() => elem.value);
-    track(() => state.ranInitFn);
-    if (elem.value && !state.ranInitFn) {
-      state.ranInitFn = true;
-      findAndRunScripts(props, state, elem);
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const [elem2, props2, state2] = useLexicalScope();
+    track(() => elem2.value);
+    track(() => state2.ranInitFn);
+    if (elem2.value && !state2.ranInitFn) {
+      state2.ranInitFn = true;
+      findAndRunScripts(props2, state2, elem2);
     }
-  });
-  return /* @__PURE__ */ jsx("div", {
+  }, "Embed_component_useTask_bg7ez0XUtiM", [
+    elem,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
+    ref: elem
+  }, {
     class: "builder-embed",
-    ref: elem,
-    dangerouslySetInnerHTML: props.content
-  });
-});
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.content, [
+      props
+    ], "p0.content")
+  }, null, 3, "9r_0");
+}, "Embed_component_Uji08ORjXbE"));
 export {
   Embed,
   Embed as default,

package/lib/node/blocks/form/form/form.qwik.cjs

@@ -1,24 +1,22 @@
 "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 block = require("../../../components/block/block.qwik.cjs");
 const blocks = require("../../../components/blocks/blocks.qwik.cjs");
 const getEnv = require("../../../functions/get-env.qwik.cjs");
 const get = require("../../../functions/get.qwik.cjs");
 const isEditing = require("../../../functions/is-editing.qwik.cjs");
 const set = require("../../../functions/set.qwik.cjs");
-const qwik = require("@builder.io/qwik");
 const mergeNewRootState = function mergeNewRootState2(props, state, formRef, newData) {
   var _a, _b;
   const combinedState = {
     ...props.builderContext.rootState,
     ...newData
   };
-  if (props.builderContext.rootSetState) {
+  if (props.builderContext.rootSetState)
     (_b = (_a = props.builderContext).rootSetState) == null ? void 0 : _b.call(_a, combinedState);
-  } else {
+  else
     props.builderContext.rootState = combinedState;
-  }
 };
 const submissionState = function submissionState2(props, state, formRef) {
   return isEditing.isEditing() && props.previewState || state.formState;
@@ -26,9 +24,9 @@ const submissionState = function submissionState2(props, state, formRef) {
 const onSubmit = function onSubmit2(props, state, formRef, event) {
   var _a;
   const sendWithJsProp = props.sendWithJs || props.sendSubmissionsTo === "email";
-  if (props.sendSubmissionsTo === "zapier") {
+  if (props.sendSubmissionsTo === "zapier")
     event.preventDefault();
-  } else if (sendWithJsProp) {
+  else if (sendWithJsProp) {
     if (!(props.action || props.sendSubmissionsTo === "email")) {
       event.preventDefault();
       return;
@@ -50,38 +48,33 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
               value
             };
           }
-        } else if (el2.type === "checkbox") {
+        } else if (el2.type === "checkbox")
           value = el2.checked;
-        } else if (el2.type === "number" || el2.type === "range") {
+        else if (el2.type === "number" || el2.type === "range") {
           const num = el2.valueAsNumber;
-          if (!isNaN(num)) {
+          if (!isNaN(num))
             value = num;
-          }
-        } else if (el2.type === "file") {
+        } else if (el2.type === "file")
           value = el2.files;
-        } else {
+        else
           value = el2.value;
-        }
-      } else {
+      } else
         value = el2.value;
-      }
       return {
         key,
         value
       };
     });
     let formContentType = props.contentType;
-    if (props.sendSubmissionsTo === "email") {
+    if (props.sendSubmissionsTo === "email")
       formContentType = "multipart/form-data";
-    }
     Array.from(formPairs).forEach(({ value }) => {
-      if (value instanceof File || Array.isArray(value) && value[0] instanceof File || value instanceof FileList) {
+      if (value instanceof File || Array.isArray(value) && value[0] instanceof File || value instanceof FileList)
         formContentType = "multipart/form-data";
-      }
     });
-    if (formContentType !== "application/json") {
+    if (formContentType !== "application/json")
       body = formData;
-    } else {
+    else {
       const json = {};
       Array.from(formPairs).forEach(({ value, key }) => {
         set.set(json, key, value);
@@ -92,9 +85,8 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
       if (
         /* Zapier doesn't allow content-type header to be sent from browsers */
         !(sendWithJsProp && ((_a = props.action) == null ? void 0 : _a.includes("zapier.com")))
-      ) {
+      )
         headers["content-type"] = formContentType;
-      }
     }
     const presubmitEvent = new CustomEvent("presubmit", {
       detail: {
@@ -103,9 +95,8 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
     });
     if (formRef.value) {
       formRef.value.dispatchEvent(presubmitEvent);
-      if (presubmitEvent.defaultPrevented) {
+      if (presubmitEvent.defaultPrevented)
         return;
-      }
     }
     state.formState = "sending";
     const formUrl = `${getEnv.getEnv() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${props.builderContext.apiKey}&to=${btoa(props.sendSubmissionsToEmail || "")}&name=${encodeURIComponent(props.name || "")}`;
@@ -116,17 +107,15 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
     }).then(async (res) => {
       let body2;
       const contentType = res.headers.get("content-type");
-      if (contentType && contentType.indexOf("application/json") !== -1) {
+      if (contentType && contentType.indexOf("application/json") !== -1)
         body2 = await res.json();
-      } else {
+      else
         body2 = await res.text();
-      }
       if (!res.ok && props.errorMessagePath) {
         let message = get.get(body2, props.errorMessagePath);
         if (message) {
-          if (typeof message !== "string") {
+          if (typeof message !== "string")
             message = JSON.stringify(message);
-          }
           state.formErrorMessage = message;
           mergeNewRootState(props, state, formRef, {
             formErrorMessage: message
@@ -144,12 +133,10 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         });
         if (formRef.value) {
           formRef.value.dispatchEvent(submitSuccessEvent);
-          if (submitSuccessEvent.defaultPrevented) {
+          if (submitSuccessEvent.defaultPrevented)
             return;
-          }
-          if (props.resetFormOnSubmit !== false) {
+          if (props.resetFormOnSubmit !== false)
             formRef.value.reset();
-          }
         }
         if (props.successUrl) {
           if (formRef.value) {
@@ -159,12 +146,10 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
               }
             });
             formRef.value.dispatchEvent(event2);
-            if (!event2.defaultPrevented) {
+            if (!event2.defaultPrevented)
               location.href = props.successUrl;
-            }
-          } else {
+          } else
             location.href = props.successUrl;
-          }
         }
       }
     }, (err) => {
@@ -175,66 +160,135 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
       });
       if (formRef.value) {
         formRef.value.dispatchEvent(submitErrorEvent);
-        if (submitErrorEvent.defaultPrevented) {
+        if (submitErrorEvent.defaultPrevented)
           return;
-        }
       }
       state.responseData = err;
       state.formState = "error";
     });
   }
 };
-const FormComponent = qwik.component$((props) => {
+const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   var _a;
-  qwik.useStylesScoped$(STYLES);
+  qwik._jsxBranch();
+  qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
   const formRef = qwik.useSignal();
   const state = qwik.useStore({
     formErrorMessage: "",
     formState: "unsubmitted",
     responseData: null
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", {
-    validate: props.validate,
-    ref: formRef,
+  return /* @__PURE__ */ qwik._jsxS("form", {
     action: (() => {
       !props.sendWithJs && props.action;
     })(),
-    method: props.method,
-    name: props.name,
-    onSubmit$: qwik.$((event) => onSubmit(props, state, formRef, event)),
-    "preventdefault:submit": true,
+    ref: formRef,
     ...props.attributes,
     children: [
       props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block$1, idx) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(block.default, {
+        return /* @__PURE__ */ qwik._jsxC(block.Block, {
           block: block$1,
-          context: props.builderContext,
-          registeredComponents: props.builderComponents,
-          linkComponent: props.builderLinkComponent
-        }, `form-block-${idx}`);
+          get context() {
+            return props.builderContext;
+          },
+          get registeredComponents() {
+            return props.builderComponents;
+          },
+          get linkComponent() {
+            return props.builderLinkComponent;
+          },
+          [qwik._IMMUTABLE]: {
+            context: qwik._fnSignal((p0) => p0.builderContext, [
+              props
+            ], "p0.builderContext"),
+            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+              props
+            ], "p0.builderLinkComponent"),
+            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+              props
+            ], "p0.builderComponents")
+          }
+        }, 3, `form-block-${idx}`);
       }) : null,
-      submissionState(props, state) === "error" ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+      submissionState(props, state) === "error" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "errorMessage",
-        blocks: props.errorMessage,
-        context: props.builderContext
-      }) : null,
-      submissionState(props, state) === "sending" ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+        get blocks() {
+          return props.errorMessage;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        [qwik._IMMUTABLE]: {
+          blocks: qwik._fnSignal((p0) => p0.errorMessage, [
+            props
+          ], "p0.errorMessage"),
+          context: qwik._fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          path: qwik._IMMUTABLE
+        }
+      }, 3, "0n_0") : null,
+      submissionState(props, state) === "sending" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "sendingMessage",
-        blocks: props.sendingMessage,
-        context: props.builderContext
-      }) : null,
-      submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ jsxRuntime.jsx("pre", {
-        class: "builder-form-error-text pre-FormComponent",
-        children: JSON.stringify(state.responseData, null, 2)
-      }) : null,
-      submissionState(props, state) === "success" ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+        get blocks() {
+          return props.sendingMessage;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        [qwik._IMMUTABLE]: {
+          blocks: qwik._fnSignal((p0) => p0.sendingMessage, [
+            props
+          ], "p0.sendingMessage"),
+          context: qwik._fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          path: qwik._IMMUTABLE
+        }
+      }, 3, "0n_1") : null,
+      submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ qwik._jsxQ("pre", null, {
+        class: "builder-form-error-text pre-FormComponent"
+      }, JSON.stringify(state.responseData, null, 2), 1, "0n_2") : null,
+      submissionState(props, state) === "success" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "successMessage",
-        blocks: props.successMessage,
-        context: props.builderContext
-      }) : null
-    ]
-  });
-});
+        get blocks() {
+          return props.successMessage;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        [qwik._IMMUTABLE]: {
+          blocks: qwik._fnSignal((p0) => p0.successMessage, [
+            props
+          ], "p0.successMessage"),
+          context: qwik._fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          path: qwik._IMMUTABLE
+        }
+      }, 3, "0n_3") : null
+    ],
+    onSubmit$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
+      const [formRef2, props2, state2] = qwik.useLexicalScope();
+      return onSubmit(props2, state2, formRef2, event);
+    }, "FormComponent_component_form_onSubmit_F3ZFTlkNAQk", [
+      formRef,
+      props,
+      state
+    ])
+  }, {
+    method: qwik._fnSignal((p0) => p0.method, [
+      props
+    ], "p0.method"),
+    name: qwik._fnSignal((p0) => p0.name, [
+      props
+    ], "p0.name"),
+    "preventdefault:submit": true,
+    validate: qwik._fnSignal((p0) => p0.validate, [
+      props
+    ], "p0.validate")
+  }, 0, "0n_4");
+}, "FormComponent_component_dk5c15Rvsfg"));
 const STYLES = `
 .pre-FormComponent {
   padding: 10px;