@builder.io/sdk-solid 4.0.9 → 4.0.10

package/lib/browser/dev.js

@@ -2317,8 +2317,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")
@@ -2576,6 +2576,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() {
@@ -2606,18 +2611,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);
 };
@@ -3473,6 +3492,8 @@ function PersonalizationContainer(props) {
     setShouldResetVariants(true);
     const unsub = userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       setUserAttributes(attrs2);
+    }, {
+      fireImmediately: TARGET === "qwik"
     });
     if (!(isEditing() || isPreviewing())) {
       const variant = filteredVariants()[0];
@@ -4490,9 +4511,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;
@@ -4604,6 +4625,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);
@@ -4619,17 +4649,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");
@@ -5445,7 +5488,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/browser/dev.jsx

@@ -2076,8 +2076,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")
@@ -2335,6 +2335,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() {
@@ -2365,18 +2370,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);
 };
@@ -3219,6 +3238,9 @@ function PersonalizationContainer(props) {
     const unsub = userAttributesService.subscribeOnUserAttributesChange(
       (attrs2) => {
         setUserAttributes(attrs2);
+      },
+      {
+        fireImmediately: TARGET === "qwik"
       }
     );
     if (!(isEditing() || isPreviewing())) {
@@ -4199,6 +4221,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 || "")}`;
@@ -4217,17 +4248,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");
@@ -4306,14 +4350,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;
@@ -4936,7 +4980,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/browser/index.js

@@ -2307,8 +2307,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")
@@ -2566,6 +2566,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() {
@@ -2596,18 +2601,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);
 };
@@ -3462,6 +3481,8 @@ function PersonalizationContainer(props) {
     setShouldResetVariants(true);
     const unsub = userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       setUserAttributes(attrs2);
+    }, {
+      fireImmediately: TARGET === "qwik"
     });
     if (!(isEditing() || isPreviewing())) {
       const variant = filteredVariants()[0];
@@ -4479,9 +4500,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;
@@ -4593,6 +4614,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);
@@ -4608,17 +4637,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");
@@ -5433,7 +5475,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/browser/index.jsx

@@ -2068,8 +2068,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")
@@ -2327,6 +2327,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() {
@@ -2357,18 +2362,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);
 };
@@ -3210,6 +3229,9 @@ function PersonalizationContainer(props) {
     const unsub = userAttributesService.subscribeOnUserAttributesChange(
       (attrs2) => {
         setUserAttributes(attrs2);
+      },
+      {
+        fireImmediately: TARGET === "qwik"
       }
     );
     if (!(isEditing() || isPreviewing())) {
@@ -4190,6 +4212,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 || "")}`;
@@ -4208,17 +4238,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");
@@ -4297,14 +4340,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;
@@ -4926,7 +4969,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 = () => ({