@builder.io/sdk-solid 4.0.9 → 4.0.10

package/lib/node/dev.js

@@ -2486,8 +2486,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")
@@ -2745,6 +2745,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() {
@@ -2775,18 +2780,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);
 };
@@ -3642,6 +3661,8 @@ function PersonalizationContainer(props) {
     setShouldResetVariants(true);
     const unsub = userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       setUserAttributes(attrs2);
+    }, {
+      fireImmediately: TARGET === "qwik"
     });
     if (!(isEditing() || isPreviewing())) {
       const variant = filteredVariants()[0];
@@ -4659,9 +4680,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;
@@ -4773,6 +4794,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);
@@ -4788,17 +4818,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");
@@ -5614,7 +5657,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/node/dev.jsx

@@ -2247,8 +2247,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")
@@ -2506,6 +2506,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() {
@@ -2536,18 +2541,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);
 };
@@ -3390,6 +3409,9 @@ function PersonalizationContainer(props) {
     const unsub = userAttributesService.subscribeOnUserAttributesChange(
       (attrs2) => {
         setUserAttributes(attrs2);
+      },
+      {
+        fireImmediately: TARGET === "qwik"
       }
     );
     if (!(isEditing() || isPreviewing())) {
@@ -4370,6 +4392,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 || "")}`;
@@ -4388,17 +4419,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
+              }
+            });
+            if (formRef?.nativeElement) {
+              formRef?.nativeElement.dispatchEvent(submitErrorEvent);
+              if (submitErrorEvent.defaultPrevented) {
+                return;
               }
-              setFormErrorMessage(message);
-              mergeNewRootState({
-                formErrorMessage: message
-              });
             }
+            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");
@@ -4477,14 +4521,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;
@@ -5107,7 +5151,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/node/index.js

@@ -2476,8 +2476,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")
@@ -2735,6 +2735,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() {
@@ -2765,18 +2770,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);
 };
@@ -3631,6 +3650,8 @@ function PersonalizationContainer(props) {
     setShouldResetVariants(true);
     const unsub = userAttributesService.subscribeOnUserAttributesChange((attrs2) => {
       setUserAttributes(attrs2);
+    }, {
+      fireImmediately: TARGET === "qwik"
     });
     if (!(isEditing() || isPreviewing())) {
       const variant = filteredVariants()[0];
@@ -4648,9 +4669,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;
@@ -4762,6 +4783,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);
@@ -4777,17 +4806,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");
@@ -5602,7 +5644,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/node/index.jsx

@@ -2239,8 +2239,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")
@@ -2498,6 +2498,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() {
@@ -2528,18 +2533,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);
 };
@@ -3381,6 +3400,9 @@ function PersonalizationContainer(props) {
     const unsub = userAttributesService.subscribeOnUserAttributesChange(
       (attrs2) => {
         setUserAttributes(attrs2);
+      },
+      {
+        fireImmediately: TARGET === "qwik"
       }
     );
     if (!(isEditing() || isPreviewing())) {
@@ -4361,6 +4383,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 || "")}`;
@@ -4379,17 +4409,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
+              }
+            });
+            if (formRef?.nativeElement) {
+              formRef?.nativeElement.dispatchEvent(submitErrorEvent);
+              if (submitErrorEvent.defaultPrevented) {
+                return;
               }
-              setFormErrorMessage(message);
-              mergeNewRootState({
-                formErrorMessage: message
-              });
             }
+            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");
@@ -4468,14 +4511,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;
@@ -5097,7 +5140,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "4.0.9",
+  "version": "4.0.10",
   "description": "",
   "files": [
     "dist",