@builder.io/sdk-qwik 0.18.13 → 0.18.15

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

@@ -99,6 +99,15 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         return;
     }
     state.formState = "sending";
+    if (props.sendSubmissionsTo === "email" && (props.sendSubmissionsToEmail === "your@email.com" || !props.sendSubmissionsToEmail)) {
+      const message = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+      console.error(message);
+      state.formState = "error";
+      mergeNewRootState(props, state, formRef, {
+        formErrorMessage: message
+      });
+      return;
+    }
     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 || "")}`;
     const url = props.sendSubmissionsTo === "email" ? formUrl : props.action;
     logFetch.logFetch(url);
@@ -113,16 +122,28 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         body2 = await res.json();
       else
         body2 = await res.text();
-      if (!res.ok && props.errorMessagePath) {
-        let message = get.get(body2, props.errorMessagePath);
-        if (message) {
-          if (typeof message !== "string")
-            message = JSON.stringify(message);
-          state.formErrorMessage = message;
-          mergeNewRootState(props, state, formRef, {
-            formErrorMessage: message
-          });
+      if (!res.ok) {
+        const submitErrorEvent = new CustomEvent("submit:error", {
+          detail: {
+            error: body2,
+            status: res.status
+          }
+        });
+        if (formRef.value.nativeElement) {
+          formRef.value.nativeElement.dispatchEvent(submitErrorEvent);
+          if (submitErrorEvent.defaultPrevented)
+            return;
         }
+        state.responseData = body2;
+        state.formState = "error";
+        let message = props.errorMessagePath ? get.get(body2, props.errorMessagePath) : body2.message || body2.error || body2;
+        if (typeof message !== "string")
+          message = JSON.stringify(message);
+        state.formErrorMessage = message;
+        mergeNewRootState(props, state, formRef, {
+          formErrorMessage: message
+        });
+        return;
       }
       state.responseData = body2;
       state.formState = res.ok ? "success" : "error";

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

@@ -97,6 +97,15 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         return;
     }
     state.formState = "sending";
+    if (props.sendSubmissionsTo === "email" && (props.sendSubmissionsToEmail === "your@email.com" || !props.sendSubmissionsToEmail)) {
+      const message = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+      console.error(message);
+      state.formState = "error";
+      mergeNewRootState(props, state, formRef, {
+        formErrorMessage: message
+      });
+      return;
+    }
     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 || "")}`;
     const url = props.sendSubmissionsTo === "email" ? formUrl : props.action;
     logFetch(url);
@@ -111,16 +120,28 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         body2 = await res.json();
       else
         body2 = await res.text();
-      if (!res.ok && props.errorMessagePath) {
-        let message = get(body2, props.errorMessagePath);
-        if (message) {
-          if (typeof message !== "string")
-            message = JSON.stringify(message);
-          state.formErrorMessage = message;
-          mergeNewRootState(props, state, formRef, {
-            formErrorMessage: message
-          });
+      if (!res.ok) {
+        const submitErrorEvent = new CustomEvent("submit:error", {
+          detail: {
+            error: body2,
+            status: res.status
+          }
+        });
+        if (formRef.value.nativeElement) {
+          formRef.value.nativeElement.dispatchEvent(submitErrorEvent);
+          if (submitErrorEvent.defaultPrevented)
+            return;
         }
+        state.responseData = body2;
+        state.formState = "error";
+        let message = props.errorMessagePath ? get(body2, props.errorMessagePath) : body2.message || body2.error || body2;
+        if (typeof message !== "string")
+          message = JSON.stringify(message);
+        state.formErrorMessage = message;
+        mergeNewRootState(props, state, formRef, {
+          formErrorMessage: message
+        });
+        return;
       }
       state.responseData = body2;
       state.formState = res.ok ? "success" : "error";

package/lib/browser/blocks/personalization-container/helpers.qwik.cjs

@@ -11,11 +11,13 @@ const UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
 const SDKS_SUPPORTING_PERSONALIZATION = [
   "react",
   "vue",
-  "svelte"
+  "svelte",
+  "qwik"
 ];
 const SDKS_REQUIRING_RESET_APPROACH = [
   "vue",
-  "svelte"
+  "svelte",
+  "qwik"
 ];
 function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;

package/lib/browser/blocks/personalization-container/helpers.qwik.mjs

@@ -10,11 +10,13 @@ const UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
 const SDKS_SUPPORTING_PERSONALIZATION = [
   "react",
   "vue",
-  "svelte"
+  "svelte",
+  "qwik"
 ];
 const SDKS_REQUIRING_RESET_APPROACH = [
   "vue",
-  "svelte"
+  "svelte",
+  "qwik"
 ];
 function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;

package/lib/browser/blocks/personalization-container/personalization-container.qwik.cjs

@@ -16,6 +16,14 @@ const inlinedFns = require("./helpers/inlined-fns.qwik.cjs");
 const PersonalizationContainer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   qwik._jsxBranch();
+  const state = qwik.useStore({
+    scriptStr: helpers.getPersonalizationScript(props.variants, ((_a = props.builderBlock) == null ? void 0 : _a.id) || "none", (_c = (_b = props.builderContext) == null ? void 0 : _b.rootState) == null ? void 0 : _c.locale),
+    shouldRenderVariants: helpers.checkShouldRenderVariants(props.variants, canTrack.getDefaultCanTrack((_d = props.builderContext) == null ? void 0 : _d.canTrack)),
+    shouldResetVariants: false,
+    unsubscribers: [],
+    updateVisibilityStylesScript: helpers.getUpdateVisibilityStylesScript(props.variants, ((_e = props.builderBlock) == null ? void 0 : _e.id) || "none", (_g = (_f = props.builderContext) == null ? void 0 : _f.rootState) == null ? void 0 : _g.locale),
+    userAttributes: userAttributes.userAttributesService.getUserAttributes()
+  });
   const attrs = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     const [props2] = qwik.useLexicalScope();
     return {
@@ -26,32 +34,34 @@ const PersonalizationContainer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__
     props
   ]));
   const filteredVariants = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
+    const [props2, state2] = qwik.useLexicalScope();
     return (props2.variants || []).filter((variant) => {
       var _a2, _b2, _c2, _d2;
       return inlinedFns.filterWithCustomTargeting({
         ...((_b2 = (_a2 = props2.builderContext) == null ? void 0 : _a2.rootState) == null ? void 0 : _b2.locale) ? {
           locale: (_d2 = (_c2 = props2.builderContext) == null ? void 0 : _c2.rootState) == null ? void 0 : _d2.locale
         } : {},
-        ...state.userAttributes
+        ...state2.userAttributes
       }, variant.query, variant.startDate, variant.endDate);
     });
   }, "PersonalizationContainer_component_filteredVariants_useComputed_0jlgEflkxcQ", [
-    props
+    props,
+    state
   ]));
   const blocksToRender = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a2;
-    const [filteredVariants2, props2] = qwik.useLexicalScope();
+    const [filteredVariants2, props2, state2] = qwik.useLexicalScope();
     return helpers.getBlocksToRender({
       variants: props2.variants,
       fallbackBlocks: (_a2 = props2.builderBlock) == null ? void 0 : _a2.children,
-      isHydrated: state.shouldResetVariants,
+      isHydrated: state2.shouldResetVariants,
       filteredVariants: filteredVariants2.value,
       previewingIndex: props2.previewingIndex
     });
   }, "PersonalizationContainer_component_blocksToRender_useComputed_aZOAYVB7Svg", [
     filteredVariants,
-    props
+    props,
+    state
   ]));
   const hideVariantsStyleString = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     const [props2] = qwik.useLexicalScope();
@@ -63,20 +73,14 @@ const PersonalizationContainer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__
     props
   ]));
   const rootRef = qwik.useSignal();
-  const state = qwik.useStore({
-    scriptStr: helpers.getPersonalizationScript(props.variants, ((_a = props.builderBlock) == null ? void 0 : _a.id) || "none", (_c = (_b = props.builderContext) == null ? void 0 : _b.rootState) == null ? void 0 : _c.locale),
-    shouldRenderVariants: helpers.checkShouldRenderVariants(props.variants, canTrack.getDefaultCanTrack((_d = props.builderContext) == null ? void 0 : _d.canTrack)),
-    shouldResetVariants: false,
-    unsubscribers: [],
-    updateVisibilityStylesScript: helpers.getUpdateVisibilityStylesScript(props.variants, ((_e = props.builderBlock) == null ? void 0 : _e.id) || "none", (_g = (_f = props.builderContext) == null ? void 0 : _f.rootState) == null ? void 0 : _g.locale),
-    userAttributes: userAttributes.userAttributesService.getUserAttributes()
-  });
   qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a2;
     const [filteredVariants2, props2, rootRef2, state2] = qwik.useLexicalScope();
     state2.shouldResetVariants = true;
     const unsub = userAttributes.userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       state2.userAttributes = attrs2;
+    }, {
+      fireImmediately: target.TARGET === "qwik"
     });
     if (!(isEditing.isEditing() || isPreviewing.isPreviewing())) {
       const variant = filteredVariants2.value[0];

package/lib/browser/blocks/personalization-container/personalization-container.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, useSignal, useStore, useVisibleTaskQrl, _jsxS, _jsxC, _IMMUTABLE, _fnSignal, _wrapProp } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxBranch, useStore, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxS, _jsxC, _IMMUTABLE, _fnSignal, _wrapProp } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
 import { InlinedScript } from "../../components/inlined-script.qwik.mjs";
@@ -9,11 +9,19 @@ import { isEditing } from "../../functions/is-editing.qwik.mjs";
 import { isPreviewing } from "../../functions/is-previewing.qwik.mjs";
 import { getDefaultCanTrack } from "../../helpers/canTrack.qwik.mjs";
 import { userAttributesService } from "../../helpers/user-attributes.qwik.mjs";
-import { getBlocksToRender, getPersonalizationScript, checkShouldRenderVariants, getUpdateVisibilityStylesScript, DEFAULT_INDEX, SDKS_REQUIRING_RESET_APPROACH } from "./helpers.qwik.mjs";
+import { getPersonalizationScript, checkShouldRenderVariants, getUpdateVisibilityStylesScript, getBlocksToRender, DEFAULT_INDEX, SDKS_REQUIRING_RESET_APPROACH } from "./helpers.qwik.mjs";
 import { filterWithCustomTargeting } from "./helpers/inlined-fns.qwik.mjs";
 const PersonalizationContainer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   _jsxBranch();
+  const state = useStore({
+    scriptStr: getPersonalizationScript(props.variants, ((_a = props.builderBlock) == null ? void 0 : _a.id) || "none", (_c = (_b = props.builderContext) == null ? void 0 : _b.rootState) == null ? void 0 : _c.locale),
+    shouldRenderVariants: checkShouldRenderVariants(props.variants, getDefaultCanTrack((_d = props.builderContext) == null ? void 0 : _d.canTrack)),
+    shouldResetVariants: false,
+    unsubscribers: [],
+    updateVisibilityStylesScript: getUpdateVisibilityStylesScript(props.variants, ((_e = props.builderBlock) == null ? void 0 : _e.id) || "none", (_g = (_f = props.builderContext) == null ? void 0 : _f.rootState) == null ? void 0 : _g.locale),
+    userAttributes: userAttributesService.getUserAttributes()
+  });
   const attrs = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     const [props2] = useLexicalScope();
     return {
@@ -24,32 +32,34 @@ const PersonalizationContainer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ in
     props
   ]));
   const filteredVariants = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [props2] = useLexicalScope();
+    const [props2, state2] = useLexicalScope();
     return (props2.variants || []).filter((variant) => {
       var _a2, _b2, _c2, _d2;
       return filterWithCustomTargeting({
         ...((_b2 = (_a2 = props2.builderContext) == null ? void 0 : _a2.rootState) == null ? void 0 : _b2.locale) ? {
           locale: (_d2 = (_c2 = props2.builderContext) == null ? void 0 : _c2.rootState) == null ? void 0 : _d2.locale
         } : {},
-        ...state.userAttributes
+        ...state2.userAttributes
       }, variant.query, variant.startDate, variant.endDate);
     });
   }, "PersonalizationContainer_component_filteredVariants_useComputed_0jlgEflkxcQ", [
-    props
+    props,
+    state
   ]));
   const blocksToRender = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2;
-    const [filteredVariants2, props2] = useLexicalScope();
+    const [filteredVariants2, props2, state2] = useLexicalScope();
     return getBlocksToRender({
       variants: props2.variants,
       fallbackBlocks: (_a2 = props2.builderBlock) == null ? void 0 : _a2.children,
-      isHydrated: state.shouldResetVariants,
+      isHydrated: state2.shouldResetVariants,
       filteredVariants: filteredVariants2.value,
       previewingIndex: props2.previewingIndex
     });
   }, "PersonalizationContainer_component_blocksToRender_useComputed_aZOAYVB7Svg", [
     filteredVariants,
-    props
+    props,
+    state
   ]));
   const hideVariantsStyleString = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     const [props2] = useLexicalScope();
@@ -61,20 +71,14 @@ const PersonalizationContainer = /* @__PURE__ */ componentQrl(/* @__PURE__ */ in
     props
   ]));
   const rootRef = useSignal();
-  const state = useStore({
-    scriptStr: getPersonalizationScript(props.variants, ((_a = props.builderBlock) == null ? void 0 : _a.id) || "none", (_c = (_b = props.builderContext) == null ? void 0 : _b.rootState) == null ? void 0 : _c.locale),
-    shouldRenderVariants: checkShouldRenderVariants(props.variants, getDefaultCanTrack((_d = props.builderContext) == null ? void 0 : _d.canTrack)),
-    shouldResetVariants: false,
-    unsubscribers: [],
-    updateVisibilityStylesScript: getUpdateVisibilityStylesScript(props.variants, ((_e = props.builderBlock) == null ? void 0 : _e.id) || "none", (_g = (_f = props.builderContext) == null ? void 0 : _f.rootState) == null ? void 0 : _g.locale),
-    userAttributes: userAttributesService.getUserAttributes()
-  });
   useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2;
     const [filteredVariants2, props2, rootRef2, state2] = useLexicalScope();
     state2.shouldResetVariants = true;
     const unsub = userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       state2.userAttributes = attrs2;
+    }, {
+      fireImmediately: TARGET === "qwik"
     });
     if (!(isEditing() || isPreviewing())) {
       const variant = filteredVariants2.value[0];

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.18.13";
+const SDK_VERSION = "0.18.15";
 exports.SDK_VERSION = SDK_VERSION;

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

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.18.13";
+const SDK_VERSION = "0.18.15";
 export {
   SDK_VERSION
 };

package/lib/browser/helpers/no-serialize-wrapper.qwik.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const qwik = require("@builder.io/qwik");
+function noSerializeWrapper(fn) {
+  return qwik.noSerialize(fn);
+}
+exports.noSerializeWrapper = noSerializeWrapper;

package/lib/browser/helpers/no-serialize-wrapper.qwik.mjs

@@ -0,0 +1,7 @@
+import { noSerialize } from "@builder.io/qwik";
+function noSerializeWrapper(fn) {
+  return noSerialize(fn);
+}
+export {
+  noSerializeWrapper
+};

package/lib/browser/helpers/user-attributes.qwik.cjs

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const target = require("../constants/target.qwik.cjs");
 const isBrowser = require("../functions/is-browser.qwik.cjs");
 const cookie = require("./cookie.qwik.cjs");
+const noSerializeWrapper = require("./no-serialize-wrapper.qwik.cjs");
 const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
 function createUserAttributesService() {
   let canTrack = true;
@@ -29,18 +31,27 @@ function createUserAttributesService() {
         canTrack
       }) || "{}");
     },
-    subscribeOnUserAttributesChange(callback) {
+    subscribeOnUserAttributesChange(callback, { fireImmediately } = {}) {
       subscribers.add(callback);
-      return () => {
+      if (fireImmediately)
+        callback(this.getUserAttributes());
+      return noSerializeWrapper.noSerializeWrapper(function() {
         subscribers.delete(callback);
-      };
+      });
     },
     setCanTrack(value) {
       canTrack = value;
     }
   };
 }
-const userAttributesService = createUserAttributesService();
+let _userAttributesService;
+if (isBrowser.isBrowser() && target.TARGET === "qwik") {
+  if (!window.__BUILDER_USER_ATTRIBUTES_SERVICE__)
+    window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = createUserAttributesService();
+  _userAttributesService = window.__BUILDER_USER_ATTRIBUTES_SERVICE__;
+} else
+  _userAttributesService = createUserAttributesService();
+const userAttributesService = _userAttributesService;
 const setClientUserAttributes = (attributes) => {
   userAttributesService.setUserAttributes(attributes);
 };

package/lib/browser/helpers/user-attributes.qwik.mjs

@@ -1,5 +1,7 @@
+import { TARGET } from "../constants/target.qwik.mjs";
 import { isBrowser } from "../functions/is-browser.qwik.mjs";
 import { setCookie, getCookieSync } from "./cookie.qwik.mjs";
+import { noSerializeWrapper } from "./no-serialize-wrapper.qwik.mjs";
 const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
 function createUserAttributesService() {
   let canTrack = true;
@@ -27,18 +29,27 @@ function createUserAttributesService() {
         canTrack
       }) || "{}");
     },
-    subscribeOnUserAttributesChange(callback) {
+    subscribeOnUserAttributesChange(callback, { fireImmediately } = {}) {
       subscribers.add(callback);
-      return () => {
+      if (fireImmediately)
+        callback(this.getUserAttributes());
+      return noSerializeWrapper(function() {
         subscribers.delete(callback);
-      };
+      });
     },
     setCanTrack(value) {
       canTrack = value;
     }
   };
 }
-const userAttributesService = createUserAttributesService();
+let _userAttributesService;
+if (isBrowser() && TARGET === "qwik") {
+  if (!window.__BUILDER_USER_ATTRIBUTES_SERVICE__)
+    window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = createUserAttributesService();
+  _userAttributesService = window.__BUILDER_USER_ATTRIBUTES_SERVICE__;
+} else
+  _userAttributesService = createUserAttributesService();
+const userAttributesService = _userAttributesService;
 const setClientUserAttributes = (attributes) => {
   userAttributesService.setUserAttributes(attributes);
 };

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

@@ -99,6 +99,15 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         return;
     }
     state.formState = "sending";
+    if (props.sendSubmissionsTo === "email" && (props.sendSubmissionsToEmail === "your@email.com" || !props.sendSubmissionsToEmail)) {
+      const message = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+      console.error(message);
+      state.formState = "error";
+      mergeNewRootState(props, state, formRef, {
+        formErrorMessage: message
+      });
+      return;
+    }
     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 || "")}`;
     const url = props.sendSubmissionsTo === "email" ? formUrl : props.action;
     logFetch.logFetch(url);
@@ -113,16 +122,28 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         body2 = await res.json();
       else
         body2 = await res.text();
-      if (!res.ok && props.errorMessagePath) {
-        let message = get.get(body2, props.errorMessagePath);
-        if (message) {
-          if (typeof message !== "string")
-            message = JSON.stringify(message);
-          state.formErrorMessage = message;
-          mergeNewRootState(props, state, formRef, {
-            formErrorMessage: message
-          });
+      if (!res.ok) {
+        const submitErrorEvent = new CustomEvent("submit:error", {
+          detail: {
+            error: body2,
+            status: res.status
+          }
+        });
+        if (formRef.value.nativeElement) {
+          formRef.value.nativeElement.dispatchEvent(submitErrorEvent);
+          if (submitErrorEvent.defaultPrevented)
+            return;
         }
+        state.responseData = body2;
+        state.formState = "error";
+        let message = props.errorMessagePath ? get.get(body2, props.errorMessagePath) : body2.message || body2.error || body2;
+        if (typeof message !== "string")
+          message = JSON.stringify(message);
+        state.formErrorMessage = message;
+        mergeNewRootState(props, state, formRef, {
+          formErrorMessage: message
+        });
+        return;
       }
       state.responseData = body2;
       state.formState = res.ok ? "success" : "error";

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

@@ -97,6 +97,15 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         return;
     }
     state.formState = "sending";
+    if (props.sendSubmissionsTo === "email" && (props.sendSubmissionsToEmail === "your@email.com" || !props.sendSubmissionsToEmail)) {
+      const message = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+      console.error(message);
+      state.formState = "error";
+      mergeNewRootState(props, state, formRef, {
+        formErrorMessage: message
+      });
+      return;
+    }
     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 || "")}`;
     const url = props.sendSubmissionsTo === "email" ? formUrl : props.action;
     logFetch(url);
@@ -111,16 +120,28 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
         body2 = await res.json();
       else
         body2 = await res.text();
-      if (!res.ok && props.errorMessagePath) {
-        let message = get(body2, props.errorMessagePath);
-        if (message) {
-          if (typeof message !== "string")
-            message = JSON.stringify(message);
-          state.formErrorMessage = message;
-          mergeNewRootState(props, state, formRef, {
-            formErrorMessage: message
-          });
+      if (!res.ok) {
+        const submitErrorEvent = new CustomEvent("submit:error", {
+          detail: {
+            error: body2,
+            status: res.status
+          }
+        });
+        if (formRef.value.nativeElement) {
+          formRef.value.nativeElement.dispatchEvent(submitErrorEvent);
+          if (submitErrorEvent.defaultPrevented)
+            return;
         }
+        state.responseData = body2;
+        state.formState = "error";
+        let message = props.errorMessagePath ? get(body2, props.errorMessagePath) : body2.message || body2.error || body2;
+        if (typeof message !== "string")
+          message = JSON.stringify(message);
+        state.formErrorMessage = message;
+        mergeNewRootState(props, state, formRef, {
+          formErrorMessage: message
+        });
+        return;
       }
       state.responseData = body2;
       state.formState = res.ok ? "success" : "error";

package/lib/edge/blocks/personalization-container/helpers.qwik.cjs

@@ -11,11 +11,13 @@ const UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
 const SDKS_SUPPORTING_PERSONALIZATION = [
   "react",
   "vue",
-  "svelte"
+  "svelte",
+  "qwik"
 ];
 const SDKS_REQUIRING_RESET_APPROACH = [
   "vue",
-  "svelte"
+  "svelte",
+  "qwik"
 ];
 function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;

package/lib/edge/blocks/personalization-container/helpers.qwik.mjs

@@ -10,11 +10,13 @@ const UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
 const SDKS_SUPPORTING_PERSONALIZATION = [
   "react",
   "vue",
-  "svelte"
+  "svelte",
+  "qwik"
 ];
 const SDKS_REQUIRING_RESET_APPROACH = [
   "vue",
-  "svelte"
+  "svelte",
+  "qwik"
 ];
 function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;

package/lib/edge/blocks/personalization-container/personalization-container.qwik.cjs

@@ -16,6 +16,14 @@ const inlinedFns = require("./helpers/inlined-fns.qwik.cjs");
 const PersonalizationContainer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   qwik._jsxBranch();
+  const state = qwik.useStore({
+    scriptStr: helpers.getPersonalizationScript(props.variants, ((_a = props.builderBlock) == null ? void 0 : _a.id) || "none", (_c = (_b = props.builderContext) == null ? void 0 : _b.rootState) == null ? void 0 : _c.locale),
+    shouldRenderVariants: helpers.checkShouldRenderVariants(props.variants, canTrack.getDefaultCanTrack((_d = props.builderContext) == null ? void 0 : _d.canTrack)),
+    shouldResetVariants: false,
+    unsubscribers: [],
+    updateVisibilityStylesScript: helpers.getUpdateVisibilityStylesScript(props.variants, ((_e = props.builderBlock) == null ? void 0 : _e.id) || "none", (_g = (_f = props.builderContext) == null ? void 0 : _f.rootState) == null ? void 0 : _g.locale),
+    userAttributes: userAttributes.userAttributesService.getUserAttributes()
+  });
   const attrs = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     const [props2] = qwik.useLexicalScope();
     return {
@@ -26,32 +34,34 @@ const PersonalizationContainer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__
     props
   ]));
   const filteredVariants = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
+    const [props2, state2] = qwik.useLexicalScope();
     return (props2.variants || []).filter((variant) => {
       var _a2, _b2, _c2, _d2;
       return inlinedFns.filterWithCustomTargeting({
         ...((_b2 = (_a2 = props2.builderContext) == null ? void 0 : _a2.rootState) == null ? void 0 : _b2.locale) ? {
           locale: (_d2 = (_c2 = props2.builderContext) == null ? void 0 : _c2.rootState) == null ? void 0 : _d2.locale
         } : {},
-        ...state.userAttributes
+        ...state2.userAttributes
       }, variant.query, variant.startDate, variant.endDate);
     });
   }, "PersonalizationContainer_component_filteredVariants_useComputed_0jlgEflkxcQ", [
-    props
+    props,
+    state
   ]));
   const blocksToRender = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a2;
-    const [filteredVariants2, props2] = qwik.useLexicalScope();
+    const [filteredVariants2, props2, state2] = qwik.useLexicalScope();
     return helpers.getBlocksToRender({
       variants: props2.variants,
       fallbackBlocks: (_a2 = props2.builderBlock) == null ? void 0 : _a2.children,
-      isHydrated: state.shouldResetVariants,
+      isHydrated: state2.shouldResetVariants,
       filteredVariants: filteredVariants2.value,
       previewingIndex: props2.previewingIndex
     });
   }, "PersonalizationContainer_component_blocksToRender_useComputed_aZOAYVB7Svg", [
     filteredVariants,
-    props
+    props,
+    state
   ]));
   const hideVariantsStyleString = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     const [props2] = qwik.useLexicalScope();
@@ -63,20 +73,14 @@ const PersonalizationContainer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__
     props
   ]));
   const rootRef = qwik.useSignal();
-  const state = qwik.useStore({
-    scriptStr: helpers.getPersonalizationScript(props.variants, ((_a = props.builderBlock) == null ? void 0 : _a.id) || "none", (_c = (_b = props.builderContext) == null ? void 0 : _b.rootState) == null ? void 0 : _c.locale),
-    shouldRenderVariants: helpers.checkShouldRenderVariants(props.variants, canTrack.getDefaultCanTrack((_d = props.builderContext) == null ? void 0 : _d.canTrack)),
-    shouldResetVariants: false,
-    unsubscribers: [],
-    updateVisibilityStylesScript: helpers.getUpdateVisibilityStylesScript(props.variants, ((_e = props.builderBlock) == null ? void 0 : _e.id) || "none", (_g = (_f = props.builderContext) == null ? void 0 : _f.rootState) == null ? void 0 : _g.locale),
-    userAttributes: userAttributes.userAttributesService.getUserAttributes()
-  });
   qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a2;
     const [filteredVariants2, props2, rootRef2, state2] = qwik.useLexicalScope();
     state2.shouldResetVariants = true;
     const unsub = userAttributes.userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       state2.userAttributes = attrs2;
+    }, {
+      fireImmediately: target.TARGET === "qwik"
     });
     if (!(isEditing.isEditing() || isPreviewing.isPreviewing())) {
       const variant = filteredVariants2.value[0];