@builder.io/sdk-solid 4.0.9 → 4.0.10

package/lib/edge/dev.js

@@ -5498,8 +5498,8 @@ var DEFAULT_INDEX = "default";
 var FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME = "filterWithCustomTargeting";
 var BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME = "builderIoPersonalization";
 var UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
-var SDKS_SUPPORTING_PERSONALIZATION = ["react", "vue", "svelte"];
-var SDKS_REQUIRING_RESET_APPROACH = ["vue", "svelte"];
+var SDKS_SUPPORTING_PERSONALIZATION = ["react", "vue", "svelte", "qwik"];
+var SDKS_REQUIRING_RESET_APPROACH = ["vue", "svelte", "qwik"];
 function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;
   if (TARGET === "reactNative")
@@ -5757,6 +5757,11 @@ var handleABTesting = async ({
   };
 };
 
+// src/helpers/no-serialize-wrapper.ts
+function noSerializeWrapper(fn) {
+  return fn;
+}
+
 // src/helpers/user-attributes.ts
 var USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
 function createUserAttributesService() {
@@ -5787,18 +5792,32 @@ 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;
     }
   };
 }
-var userAttributesService = createUserAttributesService();
+var _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();
+}
+var userAttributesService = _userAttributesService;
 var setClientUserAttributes = (attributes) => {
   userAttributesService.setUserAttributes(attributes);
 };
@@ -6654,6 +6673,8 @@ function PersonalizationContainer(props) {
     setShouldResetVariants(true);
     const unsub = userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       setUserAttributes(attrs2);
+    }, {
+      fireImmediately: TARGET === "qwik"
     });
     if (!(isEditing() || isPreviewing())) {
       const variant = filteredVariants()[0];
@@ -7671,9 +7692,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$15 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-04a43b72">`);
+var _tmpl$15 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-7430044e">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-04a43b72 {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-7430044e {
   padding: 10px;
   color: red;
   text-align: center;
@@ -7785,6 +7806,15 @@ function FormComponent(props) {
         }
       }
       setFormState("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);
+        setFormState("error");
+        mergeNewRootState({
+          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);
@@ -7800,17 +7830,30 @@ function FormComponent(props) {
         } 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);
+        if (!res.ok) {
+          const submitErrorEvent = new CustomEvent("submit:error", {
+            detail: {
+              error: body2,
+              status: res.status
             }
-            setFormErrorMessage(message);
-            mergeNewRootState({
-              formErrorMessage: message
-            });
+          });
+          if (formRef?.nativeElement) {
+            formRef?.nativeElement.dispatchEvent(submitErrorEvent);
+            if (submitErrorEvent.defaultPrevented) {
+              return;
+            }
+          }
+          setResponseData(body2);
+          setFormState("error");
+          let message = props.errorMessagePath ? get(body2, props.errorMessagePath) : body2.message || body2.error || body2;
+          if (typeof message !== "string") {
+            message = JSON.stringify(message);
           }
+          setFormErrorMessage(message);
+          mergeNewRootState({
+            formErrorMessage: message
+          });
+          return;
         }
         setResponseData(body2);
         setFormState(res.ok ? "success" : "error");
@@ -8626,7 +8669,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.9";
+var SDK_VERSION = "4.0.10";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/dev.jsx

@@ -5259,8 +5259,8 @@ var DEFAULT_INDEX = "default";
 var FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME = "filterWithCustomTargeting";
 var BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME = "builderIoPersonalization";
 var UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
-var SDKS_SUPPORTING_PERSONALIZATION = ["react", "vue", "svelte"];
-var SDKS_REQUIRING_RESET_APPROACH = ["vue", "svelte"];
+var SDKS_SUPPORTING_PERSONALIZATION = ["react", "vue", "svelte", "qwik"];
+var SDKS_REQUIRING_RESET_APPROACH = ["vue", "svelte", "qwik"];
 function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;
   if (TARGET === "reactNative")
@@ -5518,6 +5518,11 @@ var handleABTesting = async ({
   };
 };
 
+// src/helpers/no-serialize-wrapper.ts
+function noSerializeWrapper(fn) {
+  return fn;
+}
+
 // src/helpers/user-attributes.ts
 var USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
 function createUserAttributesService() {
@@ -5548,18 +5553,32 @@ 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;
     }
   };
 }
-var userAttributesService = createUserAttributesService();
+var _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();
+}
+var userAttributesService = _userAttributesService;
 var setClientUserAttributes = (attributes) => {
   userAttributesService.setUserAttributes(attributes);
 };
@@ -6402,6 +6421,9 @@ function PersonalizationContainer(props) {
     const unsub = userAttributesService.subscribeOnUserAttributesChange(
       (attrs2) => {
         setUserAttributes(attrs2);
+      },
+      {
+        fireImmediately: TARGET === "qwik"
       }
     );
     if (!(isEditing() || isPreviewing())) {
@@ -7382,6 +7404,15 @@ function FormComponent(props) {
         }
       }
       setFormState("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);
+        setFormState("error");
+        mergeNewRootState({
+          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 || "")}`;
@@ -7400,17 +7431,30 @@ function FormComponent(props) {
           } 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);
+          if (!res.ok) {
+            const submitErrorEvent = new CustomEvent("submit:error", {
+              detail: {
+                error: body2,
+                status: res.status
               }
-              setFormErrorMessage(message);
-              mergeNewRootState({
-                formErrorMessage: message
-              });
+            });
+            if (formRef?.nativeElement) {
+              formRef?.nativeElement.dispatchEvent(submitErrorEvent);
+              if (submitErrorEvent.defaultPrevented) {
+                return;
+              }
+            }
+            setResponseData(body2);
+            setFormState("error");
+            let message = props.errorMessagePath ? get(body2, props.errorMessagePath) : body2.message || body2.error || body2;
+            if (typeof message !== "string") {
+              message = JSON.stringify(message);
             }
+            setFormErrorMessage(message);
+            mergeNewRootState({
+              formErrorMessage: message
+            });
+            return;
           }
           setResponseData(body2);
           setFormState(res.ok ? "success" : "error");
@@ -7489,14 +7533,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show12>
-      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-04a43b72">{JSON.stringify(responseData(), null, 2)}</pre></Show12>
+      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-7430044e">{JSON.stringify(responseData(), null, 2)}</pre></Show12>
       <Show12 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show12>
     </form>
-    <style>{`.pre-04a43b72 {
+    <style>{`.pre-7430044e {
   padding: 10px;
   color: red;
   text-align: center;
@@ -8119,7 +8163,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.9";
+var SDK_VERSION = "4.0.10";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/index.js

@@ -5488,8 +5488,8 @@ var DEFAULT_INDEX = "default";
 var FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME = "filterWithCustomTargeting";
 var BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME = "builderIoPersonalization";
 var UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
-var SDKS_SUPPORTING_PERSONALIZATION = ["react", "vue", "svelte"];
-var SDKS_REQUIRING_RESET_APPROACH = ["vue", "svelte"];
+var SDKS_SUPPORTING_PERSONALIZATION = ["react", "vue", "svelte", "qwik"];
+var SDKS_REQUIRING_RESET_APPROACH = ["vue", "svelte", "qwik"];
 function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;
   if (TARGET === "reactNative")
@@ -5747,6 +5747,11 @@ var handleABTesting = async ({
   };
 };
 
+// src/helpers/no-serialize-wrapper.ts
+function noSerializeWrapper(fn) {
+  return fn;
+}
+
 // src/helpers/user-attributes.ts
 var USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
 function createUserAttributesService() {
@@ -5777,18 +5782,32 @@ 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;
     }
   };
 }
-var userAttributesService = createUserAttributesService();
+var _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();
+}
+var userAttributesService = _userAttributesService;
 var setClientUserAttributes = (attributes) => {
   userAttributesService.setUserAttributes(attributes);
 };
@@ -6643,6 +6662,8 @@ function PersonalizationContainer(props) {
     setShouldResetVariants(true);
     const unsub = userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       setUserAttributes(attrs2);
+    }, {
+      fireImmediately: TARGET === "qwik"
     });
     if (!(isEditing() || isPreviewing())) {
       const variant = filteredVariants()[0];
@@ -7660,9 +7681,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$15 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-04a43b72">`);
+var _tmpl$15 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-7430044e">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-04a43b72 {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-7430044e {
   padding: 10px;
   color: red;
   text-align: center;
@@ -7774,6 +7795,14 @@ function FormComponent(props) {
         }
       }
       setFormState("sending");
+      if (props.sendSubmissionsTo === "email" && (props.sendSubmissionsToEmail === "your@email.com" || !props.sendSubmissionsToEmail)) {
+        const message = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+        setFormState("error");
+        mergeNewRootState({
+          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);
@@ -7789,17 +7818,30 @@ function FormComponent(props) {
         } 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);
+        if (!res.ok) {
+          const submitErrorEvent = new CustomEvent("submit:error", {
+            detail: {
+              error: body2,
+              status: res.status
             }
-            setFormErrorMessage(message);
-            mergeNewRootState({
-              formErrorMessage: message
-            });
+          });
+          if (formRef?.nativeElement) {
+            formRef?.nativeElement.dispatchEvent(submitErrorEvent);
+            if (submitErrorEvent.defaultPrevented) {
+              return;
+            }
+          }
+          setResponseData(body2);
+          setFormState("error");
+          let message = props.errorMessagePath ? get(body2, props.errorMessagePath) : body2.message || body2.error || body2;
+          if (typeof message !== "string") {
+            message = JSON.stringify(message);
           }
+          setFormErrorMessage(message);
+          mergeNewRootState({
+            formErrorMessage: message
+          });
+          return;
         }
         setResponseData(body2);
         setFormState(res.ok ? "success" : "error");
@@ -8614,7 +8656,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.9";
+var SDK_VERSION = "4.0.10";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/edge/index.jsx

@@ -5251,8 +5251,8 @@ var DEFAULT_INDEX = "default";
 var FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME = "filterWithCustomTargeting";
 var BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME = "builderIoPersonalization";
 var UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "updateVisibilityStylesScript";
-var SDKS_SUPPORTING_PERSONALIZATION = ["react", "vue", "svelte"];
-var SDKS_REQUIRING_RESET_APPROACH = ["vue", "svelte"];
+var SDKS_SUPPORTING_PERSONALIZATION = ["react", "vue", "svelte", "qwik"];
+var SDKS_REQUIRING_RESET_APPROACH = ["vue", "svelte", "qwik"];
 function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;
   if (TARGET === "reactNative")
@@ -5510,6 +5510,11 @@ var handleABTesting = async ({
   };
 };
 
+// src/helpers/no-serialize-wrapper.ts
+function noSerializeWrapper(fn) {
+  return fn;
+}
+
 // src/helpers/user-attributes.ts
 var USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
 function createUserAttributesService() {
@@ -5540,18 +5545,32 @@ 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;
     }
   };
 }
-var userAttributesService = createUserAttributesService();
+var _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();
+}
+var userAttributesService = _userAttributesService;
 var setClientUserAttributes = (attributes) => {
   userAttributesService.setUserAttributes(attributes);
 };
@@ -6393,6 +6412,9 @@ function PersonalizationContainer(props) {
     const unsub = userAttributesService.subscribeOnUserAttributesChange(
       (attrs2) => {
         setUserAttributes(attrs2);
+      },
+      {
+        fireImmediately: TARGET === "qwik"
       }
     );
     if (!(isEditing() || isPreviewing())) {
@@ -7373,6 +7395,14 @@ function FormComponent(props) {
         }
       }
       setFormState("sending");
+      if (props.sendSubmissionsTo === "email" && (props.sendSubmissionsToEmail === "your@email.com" || !props.sendSubmissionsToEmail)) {
+        const message = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+        setFormState("error");
+        mergeNewRootState({
+          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 || "")}`;
@@ -7391,17 +7421,30 @@ function FormComponent(props) {
           } 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);
+          if (!res.ok) {
+            const submitErrorEvent = new CustomEvent("submit:error", {
+              detail: {
+                error: body2,
+                status: res.status
               }
-              setFormErrorMessage(message);
-              mergeNewRootState({
-                formErrorMessage: message
-              });
+            });
+            if (formRef?.nativeElement) {
+              formRef?.nativeElement.dispatchEvent(submitErrorEvent);
+              if (submitErrorEvent.defaultPrevented) {
+                return;
+              }
+            }
+            setResponseData(body2);
+            setFormState("error");
+            let message = props.errorMessagePath ? get(body2, props.errorMessagePath) : body2.message || body2.error || body2;
+            if (typeof message !== "string") {
+              message = JSON.stringify(message);
             }
+            setFormErrorMessage(message);
+            mergeNewRootState({
+              formErrorMessage: message
+            });
+            return;
           }
           setResponseData(body2);
           setFormState(res.ok ? "success" : "error");
@@ -7480,14 +7523,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show12>
-      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-04a43b72">{JSON.stringify(responseData(), null, 2)}</pre></Show12>
+      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-7430044e">{JSON.stringify(responseData(), null, 2)}</pre></Show12>
       <Show12 when={submissionState() === "success"}><Blocks_default
         path="successMessage"
         blocks={props.successMessage}
         context={props.builderContext}
       /></Show12>
     </form>
-    <style>{`.pre-04a43b72 {
+    <style>{`.pre-7430044e {
   padding: 10px;
   color: red;
   text-align: center;
@@ -8109,7 +8152,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.9";
+var SDK_VERSION = "4.0.10";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({