@builder.io/sdk-qwik 0.16.11 → 0.16.14

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

@@ -1,20 +1,22 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useSignal, useStore, _jsxS, _jsxC, _IMMUTABLE, _fnSignal, _jsxQ, useLexicalScope } from "@builder.io/qwik";
-import { Block } from "../../../components/block/block.qwik.mjs";
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import Block from "../../../components/block/block.qwik.mjs";
 import { Blocks } from "../../../components/blocks/blocks.qwik.mjs";
 import { getEnv } from "../../../functions/get-env.qwik.mjs";
 import { get } from "../../../functions/get.qwik.mjs";
 import { isEditing } from "../../../functions/is-editing.qwik.mjs";
 import { set } from "../../../functions/set.qwik.mjs";
+import { component$, useStylesScoped$, useSignal, useStore, $ } from "@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() && props.previewState || state.formState;
@@ -22,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;
@@ -46,33 +48,38 @@ 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(json, key, value);
@@ -83,8 +90,9 @@ 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: {
@@ -93,8 +101,9 @@ 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() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${props.builderContext.apiKey}&to=${btoa(props.sendSubmissionsToEmail || "")}&name=${encodeURIComponent(props.name || "")}`;
@@ -105,15 +114,17 @@ 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(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
@@ -131,10 +142,12 @@ 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) {
@@ -144,10 +157,12 @@ 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) => {
@@ -158,135 +173,66 @@ 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 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+const FormComponent = component$((props) => {
   var _a;
-  _jsxBranch();
-  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "FormComponent_component_useStylesScoped_SVdPvm0do3s"));
+  useStylesScoped$(STYLES);
   const formRef = useSignal();
   const state = useStore({
     formErrorMessage: "",
     formState: "unsubmitted",
     responseData: null
   });
-  return /* @__PURE__ */ _jsxS("form", {
+  return /* @__PURE__ */ jsxs("form", {
+    validate: props.validate,
+    ref: formRef,
     action: (() => {
       !props.sendWithJs && props.action;
     })(),
-    ref: formRef,
+    method: props.method,
+    name: props.name,
+    onSubmit$: $((event) => onSubmit(props, state, formRef, event)),
+    "preventdefault:submit": true,
     ...props.attributes,
     children: [
       props.builderBlock && props.builderBlock.children ? (((_a = props.builderBlock) == null ? void 0 : _a.children) || []).map((block, idx) => {
-        return /* @__PURE__ */ _jsxC(Block, {
+        return /* @__PURE__ */ jsx(Block, {
           block,
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [_IMMUTABLE]: {
-            context: _fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            registeredComponents: _fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents")
-          }
-        }, 3, `form-block-${idx}`);
+          context: props.builderContext,
+          registeredComponents: props.builderComponents,
+          linkComponent: props.builderLinkComponent
+        }, `form-block-${idx}`);
       }) : null,
-      submissionState(props, state) === "error" ? /* @__PURE__ */ _jsxC(Blocks, {
+      submissionState(props, state) === "error" ? /* @__PURE__ */ jsx(Blocks, {
         path: "errorMessage",
-        get blocks() {
-          return props.errorMessage;
-        },
-        get context() {
-          return props.builderContext;
-        },
-        [_IMMUTABLE]: {
-          blocks: _fnSignal((p0) => p0.errorMessage, [
-            props
-          ], "p0.errorMessage"),
-          context: _fnSignal((p0) => p0.builderContext, [
-            props
-          ], "p0.builderContext"),
-          path: _IMMUTABLE
-        }
-      }, 3, "0n_0") : null,
-      submissionState(props, state) === "sending" ? /* @__PURE__ */ _jsxC(Blocks, {
+        blocks: props.errorMessage,
+        context: props.builderContext
+      }) : null,
+      submissionState(props, state) === "sending" ? /* @__PURE__ */ jsx(Blocks, {
         path: "sendingMessage",
-        get blocks() {
-          return props.sendingMessage;
-        },
-        get context() {
-          return props.builderContext;
-        },
-        [_IMMUTABLE]: {
-          blocks: _fnSignal((p0) => p0.sendingMessage, [
-            props
-          ], "p0.sendingMessage"),
-          context: _fnSignal((p0) => p0.builderContext, [
-            props
-          ], "p0.builderContext"),
-          path: _IMMUTABLE
-        }
-      }, 3, "0n_1") : null,
-      submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ _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__ */ _jsxC(Blocks, {
+        blocks: props.sendingMessage,
+        context: props.builderContext
+      }) : null,
+      submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ jsx("pre", {
+        class: "builder-form-error-text pre-FormComponent",
+        children: JSON.stringify(state.responseData, null, 2)
+      }) : null,
+      submissionState(props, state) === "success" ? /* @__PURE__ */ jsx(Blocks, {
         path: "successMessage",
-        get blocks() {
-          return props.successMessage;
-        },
-        get context() {
-          return props.builderContext;
-        },
-        [_IMMUTABLE]: {
-          blocks: _fnSignal((p0) => p0.successMessage, [
-            props
-          ], "p0.successMessage"),
-          context: _fnSignal((p0) => p0.builderContext, [
-            props
-          ], "p0.builderContext"),
-          path: _IMMUTABLE
-        }
-      }, 3, "0n_3") : null
-    ],
-    onSubmit$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [formRef2, props2, state2] = useLexicalScope();
-      return onSubmit(props2, state2, formRef2, event);
-    }, "FormComponent_component_form_onSubmit_F3ZFTlkNAQk", [
-      formRef,
-      props,
-      state
-    ])
-  }, {
-    method: _fnSignal((p0) => p0.method, [
-      props
-    ], "p0.method"),
-    name: _fnSignal((p0) => p0.name, [
-      props
-    ], "p0.name"),
-    "preventdefault:submit": true,
-    validate: _fnSignal((p0) => p0.validate, [
-      props
-    ], "p0.validate")
-  }, 0, "0n_4");
-}, "FormComponent_component_dk5c15Rvsfg"));
+        blocks: props.successMessage,
+        context: props.builderContext
+      }) : null
+    ]
+  });
+});
 const STYLES = `
 .pre-FormComponent {
   padding: 10px;

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
 const isEditing = require("../../../functions/is-editing.qwik.cjs");
-const FormInputComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const FormInputComponent = qwik.component$((props) => {
   return /* @__PURE__ */ qwik.createElement("input", {
     ...props.attributes,
     key: isEditing.isEditing() && props.defaultValue ? props.defaultValue : "default-key",
@@ -13,6 +13,6 @@ const FormInputComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
     defaultValue: props.defaultValue,
     required: props.required
   });
-}, "FormInputComponent_component_AUUjdN0ueMs"));
+});
 exports.FormInputComponent = FormInputComponent;
 exports.default = FormInputComponent;

package/lib/node/blocks/form/input/input.qwik.mjs

@@ -1,6 +1,6 @@
-import { componentQrl, inlinedQrl, createElement } from "@builder.io/qwik";
+import { component$, createElement } from "@builder.io/qwik";
 import { isEditing } from "../../../functions/is-editing.qwik.mjs";
-const FormInputComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+const FormInputComponent = component$((props) => {
   return /* @__PURE__ */ createElement("input", {
     ...props.attributes,
     key: isEditing() && props.defaultValue ? props.defaultValue : "default-key",
@@ -11,7 +11,7 @@ const FormInputComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
     defaultValue: props.defaultValue,
     required: props.required
   });
-}, "FormInputComponent_component_AUUjdN0ueMs"));
+});
 export {
   FormInputComponent,
   FormInputComponent as default

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

@@ -1,8 +1,9 @@
 "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 isEditing = require("../../../functions/is-editing.qwik.cjs");
-const SelectComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const SelectComponent = qwik.component$((props) => {
   return /* @__PURE__ */ qwik.createElement("select", {
     ...props.attributes,
     value: props.value,
@@ -11,10 +12,11 @@ const SelectComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     name: props.name,
     required: props.required
   }, (props.options || []).map((option, index) => {
-    return /* @__PURE__ */ qwik._jsxQ("option", {
-      value: qwik._wrapSignal(option, "value")
-    }, null, option.name || option.value, 1, `${option.name}-${index}`);
+    return /* @__PURE__ */ jsxRuntime.jsx("option", {
+      value: option.value,
+      children: option.name || option.value
+    }, `${option.name}-${index}`);
   }));
-}, "SelectComponent_component_SPKbsFLikZU"));
+});
 exports.SelectComponent = SelectComponent;
 exports.default = SelectComponent;

package/lib/node/blocks/form/select/select.qwik.mjs

@@ -1,6 +1,7 @@
-import { componentQrl, inlinedQrl, createElement, _jsxQ, _wrapSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, createElement } from "@builder.io/qwik";
 import { isEditing } from "../../../functions/is-editing.qwik.mjs";
-const SelectComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+const SelectComponent = component$((props) => {
   return /* @__PURE__ */ createElement("select", {
     ...props.attributes,
     value: props.value,
@@ -9,11 +10,12 @@ const SelectComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     name: props.name,
     required: props.required
   }, (props.options || []).map((option, index) => {
-    return /* @__PURE__ */ _jsxQ("option", {
-      value: _wrapSignal(option, "value")
-    }, null, option.name || option.value, 1, `${option.name}-${index}`);
+    return /* @__PURE__ */ jsx("option", {
+      value: option.value,
+      children: option.name || option.value
+    }, `${option.name}-${index}`);
   }));
-}, "SelectComponent_component_SPKbsFLikZU"));
+});
 export {
   SelectComponent,
   SelectComponent as default

package/lib/node/blocks/form/submit-button/submit-button.qwik.cjs

@@ -1,15 +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 SubmitButton = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  return /* @__PURE__ */ qwik._jsxS("button", {
+const SubmitButton = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("button", {
+    type: "submit",
     ...props.attributes,
-    children: qwik._fnSignal((p0) => p0.text, [
-      props
-    ], "p0.text")
-  }, {
-    type: "submit"
-  }, 0, "6z_0");
-}, "SubmitButton_component_NXvMBMCDhwc"));
+    children: props.text
+  });
+});
 exports.SubmitButton = SubmitButton;
 exports.default = SubmitButton;

package/lib/node/blocks/form/submit-button/submit-button.qwik.mjs

@@ -1,14 +1,12 @@
-import { componentQrl, inlinedQrl, _jsxS, _fnSignal } from "@builder.io/qwik";
-const SubmitButton = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("button", {
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+const SubmitButton = component$((props) => {
+  return /* @__PURE__ */ jsx("button", {
+    type: "submit",
     ...props.attributes,
-    children: _fnSignal((p0) => p0.text, [
-      props
-    ], "p0.text")
-  }, {
-    type: "submit"
-  }, 0, "6z_0");
-}, "SubmitButton_component_NXvMBMCDhwc"));
+    children: props.text
+  });
+});
 export {
   SubmitButton,
   SubmitButton as default

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

@@ -1,26 +1,16 @@
 "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 Textarea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  return /* @__PURE__ */ qwik._jsxS("textarea", {
-    ...props.attributes
-  }, {
-    defaultValue: qwik._fnSignal((p0) => p0.defaultValue, [
-      props
-    ], "p0.defaultValue"),
-    name: qwik._fnSignal((p0) => p0.name, [
-      props
-    ], "p0.name"),
-    placeholder: qwik._fnSignal((p0) => p0.placeholder, [
-      props
-    ], "p0.placeholder"),
-    required: qwik._fnSignal((p0) => p0.required, [
-      props
-    ], "p0.required"),
-    value: qwik._fnSignal((p0) => p0.value, [
-      props
-    ], "p0.value")
-  }, 0, "kE_0");
-}, "Textarea_component_o1TcxV139Oc"));
+const Textarea = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("textarea", {
+    ...props.attributes,
+    placeholder: props.placeholder,
+    name: props.name,
+    value: props.value,
+    defaultValue: props.defaultValue,
+    required: props.required
+  });
+});
 exports.Textarea = Textarea;
 exports.default = Textarea;

package/lib/node/blocks/form/textarea/textarea.qwik.mjs

@@ -1,25 +1,15 @@
-import { componentQrl, inlinedQrl, _jsxS, _fnSignal } from "@builder.io/qwik";
-const Textarea = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("textarea", {
-    ...props.attributes
-  }, {
-    defaultValue: _fnSignal((p0) => p0.defaultValue, [
-      props
-    ], "p0.defaultValue"),
-    name: _fnSignal((p0) => p0.name, [
-      props
-    ], "p0.name"),
-    placeholder: _fnSignal((p0) => p0.placeholder, [
-      props
-    ], "p0.placeholder"),
-    required: _fnSignal((p0) => p0.required, [
-      props
-    ], "p0.required"),
-    value: _fnSignal((p0) => p0.value, [
-      props
-    ], "p0.value")
-  }, 0, "kE_0");
-}, "Textarea_component_o1TcxV139Oc"));
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+const Textarea = component$((props) => {
+  return /* @__PURE__ */ jsx("textarea", {
+    ...props.attributes,
+    placeholder: props.placeholder,
+    name: props.name,
+    value: props.value,
+    defaultValue: props.defaultValue,
+    required: props.required
+  });
+});
 export {
   Textarea,
   Textarea as default

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

@@ -1,8 +1,11 @@
 "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 FragmentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  return /* @__PURE__ */ qwik._jsxQ("span", null, null, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "oj_0"), 1, "oj_1");
-}, "FragmentComponent_component_T0AypnadAK0"));
+const FragmentComponent = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", {
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
 exports.FragmentComponent = FragmentComponent;
 exports.default = FragmentComponent;

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

@@ -1,7 +1,10 @@
-import { componentQrl, inlinedQrl, _jsxQ, _jsxC, Slot } from "@builder.io/qwik";
-const FragmentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxQ("span", null, null, /* @__PURE__ */ _jsxC(Slot, null, 3, "oj_0"), 1, "oj_1");
-}, "FragmentComponent_component_T0AypnadAK0"));
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+const FragmentComponent = component$((props) => {
+  return /* @__PURE__ */ jsx("span", {
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
 export {
   FragmentComponent,
   FragmentComponent as default

package/lib/node/blocks/image/component-info.qwik.cjs

@@ -43,8 +43,9 @@ const componentInfo = {
             });
             img.src = url;
             setTimeout(() => {
-              if (!loaded)
+              if (!loaded) {
                 reject(new Error("Image load timed out"));
+              }
             }, timeout);
           });
         }
@@ -54,10 +55,11 @@ const componentInfo = {
         const value = options.get("image");
         const aspectRatio = options.get("aspectRatio");
         fetch(value).then((res) => res.blob()).then((blob) => {
-          if (blob.type.includes("svg"))
+          if (blob.type.includes("svg")) {
             options.set("noWebp", true);
+          }
         });
-        if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO))
+        if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO)) {
           return loadImage(value).then((img) => {
             const possiblyUpdatedAspectRatio = options.get("aspectRatio");
             if (options.get("image") === value && (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === DEFAULT_ASPECT_RATIO)) {
@@ -68,6 +70,7 @@ const componentInfo = {
               }
             }
           });
+        }
       }
     },
     {

package/lib/node/blocks/image/component-info.qwik.mjs

@@ -41,8 +41,9 @@ const componentInfo = {
             });
             img.src = url;
             setTimeout(() => {
-              if (!loaded)
+              if (!loaded) {
                 reject(new Error("Image load timed out"));
+              }
             }, timeout);
           });
         }
@@ -52,10 +53,11 @@ const componentInfo = {
         const value = options.get("image");
         const aspectRatio = options.get("aspectRatio");
         fetch(value).then((res) => res.blob()).then((blob) => {
-          if (blob.type.includes("svg"))
+          if (blob.type.includes("svg")) {
             options.set("noWebp", true);
+          }
         });
-        if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO))
+        if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO)) {
           return loadImage(value).then((img) => {
             const possiblyUpdatedAspectRatio = options.get("aspectRatio");
             if (options.get("image") === value && (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === DEFAULT_ASPECT_RATIO)) {
@@ -66,6 +68,7 @@ const componentInfo = {
               }
             }
           });
+        }
       }
     },
     {