@builder.io/sdk-qwik 0.20.0 → 0.21.1

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

@@ -21,6 +21,9 @@ const mergeNewRootState = function mergeNewRootState2(props, state, formRef, new
 const submissionState = function submissionState2(props, state, formRef) {
   return isEditing.isEditing() && props.previewState || state.formState;
 };
+const errorResponse = function errorResponse2(props, state, formRef, response) {
+  return JSON.stringify(response, null, 2);
+};
 const onSubmit = function onSubmit2(props, state, formRef, event) {
   var _a;
   const sendWithJsProp = props.sendWithJs || props.sendSubmissionsTo === "email";
@@ -36,13 +39,13 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
     const headers = props.customHeaders || {};
     let body;
     const formData = new FormData(el);
-    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
+    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).filter((el2) => !!el2.name && (el2.type !== "radio" || el2.checked)).map((el2) => {
       let value;
       const key = el2.name;
       if (el2 instanceof HTMLInputElement) {
         if (el2.type === "radio") {
           if (el2.checked) {
-            value = el2.name;
+            value = el2.value;
             return {
               key,
               value
@@ -246,7 +249,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ qwik._jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
+      }, errorResponse(props, state, formRef, state.responseData), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "successMessage",
         get blocks() {
@@ -297,6 +300,7 @@ const STYLES = `
 exports.FormComponent = FormComponent;
 exports.STYLES = STYLES;
 exports.default = FormComponent;
+exports.errorResponse = errorResponse;
 exports.mergeNewRootState = mergeNewRootState;
 exports.onSubmit = onSubmit;
 exports.submissionState = submissionState;

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

@@ -19,6 +19,9 @@ const mergeNewRootState = function mergeNewRootState2(props, state, formRef, new
 const submissionState = function submissionState2(props, state, formRef) {
   return isEditing() && props.previewState || state.formState;
 };
+const errorResponse = function errorResponse2(props, state, formRef, response) {
+  return JSON.stringify(response, null, 2);
+};
 const onSubmit = function onSubmit2(props, state, formRef, event) {
   var _a;
   const sendWithJsProp = props.sendWithJs || props.sendSubmissionsTo === "email";
@@ -34,13 +37,13 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
     const headers = props.customHeaders || {};
     let body;
     const formData = new FormData(el);
-    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
+    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).filter((el2) => !!el2.name && (el2.type !== "radio" || el2.checked)).map((el2) => {
       let value;
       const key = el2.name;
       if (el2 instanceof HTMLInputElement) {
         if (el2.type === "radio") {
           if (el2.checked) {
-            value = el2.name;
+            value = el2.value;
             return {
               key,
               value
@@ -244,7 +247,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ _jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
+      }, errorResponse(props, state, formRef, state.responseData), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "successMessage",
         get blocks() {
@@ -296,6 +299,7 @@ export {
   FormComponent,
   STYLES,
   FormComponent as default,
+  errorResponse,
   mergeNewRootState,
   onSubmit,
   submissionState

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

@@ -4,7 +4,7 @@ const qwik = require("@builder.io/qwik");
 const contentVariants = require("../../components/content-variants/content-variants.qwik.cjs");
 const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
 const symbol_helpers = require("./symbol.helpers.qwik.cjs");
-const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
+const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, customComponents, className) {
   var _a;
   if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
     return;
@@ -27,6 +27,12 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
   const contentWrapper = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     return "div";
   }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
+  const customComponents = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    return Object.values(props2.builderComponents);
+  }, "Symbol_component_customComponents_useComputed_lTCqaqHUrNw", [
+    props
+  ]));
   const className = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a2, _b2;
     const [props2] = qwik.useLexicalScope();
@@ -44,13 +50,14 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
     symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
   });
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
-    const [blocksWrapper2, className2, contentWrapper2, props2, state2] = qwik.useLexicalScope();
+    const [blocksWrapper2, className2, contentWrapper2, customComponents2, props2, state2] = qwik.useLexicalScope();
     track(() => props2.symbol);
     setContent(props2, state2);
   }, "Symbol_component_useTask_NIAWAC1bMBo", [
     blocksWrapper,
     className,
     contentWrapper,
+    customComponents,
     props,
     state
   ]));
@@ -75,7 +82,7 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
         };
       },
       get customComponents() {
-        return Object.values(props.builderComponents);
+        return customComponents.value;
       },
       get data() {
         var _a2, _b2, _c;
@@ -132,9 +139,9 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
         }, [
           props
         ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
-        customComponents: qwik._fnSignal((p0) => Object.values(p0.builderComponents), [
-          props
-        ], "Object.values(p0.builderComponents)"),
+        customComponents: qwik._fnSignal((p0) => p0.value, [
+          customComponents
+        ], "p0.value"),
         data: qwik._fnSignal((p0, p1) => {
           var _a2, _b2, _c;
           return {

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

@@ -2,7 +2,7 @@ import { componentQrl, inlinedQrl, useComputedQrl, useLexicalScope, useStore, us
 import { ContentVariants } from "../../components/content-variants/content-variants.qwik.mjs";
 import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
 import { fetchSymbolContent } from "./symbol.helpers.qwik.mjs";
-const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
+const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, customComponents, className) {
   var _a;
   if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
     return;
@@ -25,6 +25,12 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
   const contentWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     return "div";
   }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
+  const customComponents = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return Object.values(props2.builderComponents);
+  }, "Symbol_component_customComponents_useComputed_lTCqaqHUrNw", [
+    props
+  ]));
   const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2, _b2;
     const [props2] = useLexicalScope();
@@ -42,13 +48,14 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
   });
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [blocksWrapper2, className2, contentWrapper2, props2, state2] = useLexicalScope();
+    const [blocksWrapper2, className2, contentWrapper2, customComponents2, props2, state2] = useLexicalScope();
     track(() => props2.symbol);
     setContent(props2, state2);
   }, "Symbol_component_useTask_NIAWAC1bMBo", [
     blocksWrapper,
     className,
     contentWrapper,
+    customComponents,
     props,
     state
   ]));
@@ -73,7 +80,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         };
       },
       get customComponents() {
-        return Object.values(props.builderComponents);
+        return customComponents.value;
       },
       get data() {
         var _a2, _b2, _c;
@@ -130,9 +137,9 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         }, [
           props
         ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
-        customComponents: _fnSignal((p0) => Object.values(p0.builderComponents), [
-          props
-        ], "Object.values(p0.builderComponents)"),
+        customComponents: _fnSignal((p0) => p0.value, [
+          customComponents
+        ], "p0.value"),
         data: _fnSignal((p0, p1) => {
           var _a2, _b2, _c;
           return {

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

@@ -5,6 +5,9 @@ const blocks = require("../../components/blocks/blocks.qwik.cjs");
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
 };
+const getTabStyle = function getTabStyle2(props, state, index) {
+  return index === state.activeTab ? props.activeTabStyle : {};
+};
 const onClick = function onClick2(props, state, index) {
   if (index === state.activeTab && props.collapsible)
     state.activeTab = -1;
@@ -38,9 +41,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
           props,
           state
         ]),
-        style: {
-          ...state.activeTab === index ? props.activeTabStyle : {}
-        }
+        style: getTabStyle(props, state, index)
       }, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         get parent() {
           return props.builderBlock.id;
@@ -115,4 +116,5 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 exports.Tabs = Tabs;
 exports.activeTabContent = activeTabContent;
 exports.default = Tabs;
+exports.getTabStyle = getTabStyle;
 exports.onClick = onClick;

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

@@ -3,6 +3,9 @@ import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
 };
+const getTabStyle = function getTabStyle2(props, state, index) {
+  return index === state.activeTab ? props.activeTabStyle : {};
+};
 const onClick = function onClick2(props, state, index) {
   if (index === state.activeTab && props.collapsible)
     state.activeTab = -1;
@@ -36,9 +39,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           props,
           state
         ]),
-        style: {
-          ...state.activeTab === index ? props.activeTabStyle : {}
-        }
+        style: getTabStyle(props, state, index)
       }, null, /* @__PURE__ */ _jsxC(Blocks, {
         get parent() {
           return props.builderBlock.id;
@@ -114,5 +115,6 @@ export {
   Tabs,
   activeTabContent,
   Tabs as default,
+  getTabStyle,
   onClick
 };

package/lib/browser/components/block/components/component-ref/component-ref.qwik.cjs

@@ -10,13 +10,6 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef,
     shouldUpdate: false
   });
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
-    const [props2] = qwik.useLexicalScope();
-    track(() => props2.componentOptions);
-    track(() => props2.blockChildren);
-  }, "ComponentRef_component_useTask_IpU82pM3MjU", [
-    props
-  ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: props.componentRef ? /* @__PURE__ */ qwik._jsxC(state.Wrapper, {
       ...componentRef_helpers.getWrapperProps({
@@ -29,7 +22,7 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
         isInteractive: props.isInteractive,
         contextValue: props.context
       }),
-      children: (props.blockChildren || []).map((child) => {
+      children: props.componentRef ? (props.blockChildren || []).map((child) => {
         return /* @__PURE__ */ qwik._jsxC(block.Block, {
           block: child,
           get context() {
@@ -53,7 +46,7 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
             ], "p0.registeredComponents")
           }
         }, 3, child.id);
-      })
+      }) : null
     }, 0, "z6_0") : null
   }, 1, "z6_1");
 }, "ComponentRef_component_tFQoBV6UFdc"));

package/lib/browser/components/block/components/component-ref/component-ref.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStore, useTaskQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { Block } from "../../block.qwik.mjs";
 import { InteractiveElement } from "../interactive-element.qwik.mjs";
@@ -8,13 +8,6 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     Wrapper: props.isInteractive ? InteractiveElement : props.componentRef,
     shouldUpdate: false
   });
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [props2] = useLexicalScope();
-    track(() => props2.componentOptions);
-    track(() => props2.blockChildren);
-  }, "ComponentRef_component_useTask_IpU82pM3MjU", [
-    props
-  ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: props.componentRef ? /* @__PURE__ */ _jsxC(state.Wrapper, {
       ...getWrapperProps({
@@ -27,7 +20,7 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         isInteractive: props.isInteractive,
         contextValue: props.context
       }),
-      children: (props.blockChildren || []).map((child) => {
+      children: props.componentRef ? (props.blockChildren || []).map((child) => {
         return /* @__PURE__ */ _jsxC(Block, {
           block: child,
           get context() {
@@ -51,7 +44,7 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
             ], "p0.registeredComponents")
           }
         }, 3, child.id);
-      })
+      }) : null
     }, 0, "z6_0") : null
   }, 1, "z6_1");
 }, "ComponentRef_component_tFQoBV6UFdc"));

package/lib/browser/components/content/components/enable-editor.qwik.cjs

@@ -126,11 +126,14 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
       method: "GET"
     };
     logFetch.logFetch(JSON.stringify(fetchRequestObj));
-    fetch(fetchRequestObj.url, {
+    const fetchOptions = {
       method: fetchRequestObj.method,
       headers: fetchRequestObj.headers,
       body: fetchRequestObj.body
-    }).then((response) => response.json()).then((json) => {
+    };
+    if (fetchRequestObj.method === "GET")
+      delete fetchOptions.body;
+    fetch(fetchRequestObj.url, fetchOptions).then((response) => response.json()).then((json) => {
       mergeNewRootState(props, state, showContentProps, elementRef, {
         [key]: json
       });
@@ -171,7 +174,9 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     clicked: false,
     hasExecuted: false,
     httpReqsData: {},
-    httpReqsPending: {}
+    httpReqsPending: {},
+    prevData: null,
+    prevLocale: ""
   }, {
     deep: true
   });
@@ -305,8 +310,12 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
     track(() => props2.data);
-    if (props2.data)
+    if (props2.data) {
+      if (state2.prevData === props2.data)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, props2.data);
+      state2.prevData = props2.data;
+    }
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
@@ -316,10 +325,14 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
     track(() => props2.locale);
-    if (props2.locale)
+    if (props2.locale) {
+      if (state2.prevLocale === props2.locale)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, {
         locale: props2.locale
       });
+      state2.prevLocale = props2.locale;
+    }
   }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,

package/lib/browser/components/content/components/enable-editor.qwik.mjs

@@ -124,11 +124,14 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
       method: "GET"
     };
     logFetch(JSON.stringify(fetchRequestObj));
-    fetch(fetchRequestObj.url, {
+    const fetchOptions = {
       method: fetchRequestObj.method,
       headers: fetchRequestObj.headers,
       body: fetchRequestObj.body
-    }).then((response) => response.json()).then((json) => {
+    };
+    if (fetchRequestObj.method === "GET")
+      delete fetchOptions.body;
+    fetch(fetchRequestObj.url, fetchOptions).then((response) => response.json()).then((json) => {
       mergeNewRootState(props, state, showContentProps, elementRef, {
         [key]: json
       });
@@ -169,7 +172,9 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     clicked: false,
     hasExecuted: false,
     httpReqsData: {},
-    httpReqsPending: {}
+    httpReqsPending: {},
+    prevData: null,
+    prevLocale: ""
   }, {
     deep: true
   });
@@ -303,8 +308,12 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
     track(() => props2.data);
-    if (props2.data)
+    if (props2.data) {
+      if (state2.prevData === props2.data)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, props2.data);
+      state2.prevData = props2.data;
+    }
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
@@ -314,10 +323,14 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
     track(() => props2.locale);
-    if (props2.locale)
+    if (props2.locale) {
+      if (state2.prevLocale === props2.locale)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, {
         locale: props2.locale
       });
+      state2.prevLocale = props2.locale;
+    }
   }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,

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

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

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.20.0";
+const SDK_VERSION = "0.21.1";
 export {
   SDK_VERSION
 };

package/lib/browser/functions/register.qwik.cjs

@@ -27,4 +27,17 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  var _a;
+  if (isBrowser.isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action)
+      actionClone.action = action.action.toString();
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 exports.register = register;
+exports.registerAction = registerAction;

package/lib/browser/functions/register.qwik.mjs

@@ -25,6 +25,19 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  var _a;
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action)
+      actionClone.action = action.action.toString();
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 export {
-  register
+  register,
+  registerAction
 };

package/lib/browser/index.qwik.cjs

@@ -38,6 +38,7 @@ exports.isEditing = isEditing.isEditing;
 exports.isPreviewing = isPreviewing.isPreviewing;
 exports.createRegisterComponentMessage = registerComponent.createRegisterComponentMessage;
 exports.register = register.register;
+exports.registerAction = register.registerAction;
 exports.setEditorSettings = setEditorSettings.setEditorSettings;
 exports.getBuilderSearchParams = index.getBuilderSearchParams;
 exports.track = index$1.track;

package/lib/browser/index.qwik.mjs

@@ -13,7 +13,7 @@ import { setClientUserAttributes } from "./helpers/user-attributes.qwik.mjs";
 import { isEditing } from "./functions/is-editing.qwik.mjs";
 import { isPreviewing } from "./functions/is-previewing.qwik.mjs";
 import { createRegisterComponentMessage } from "./functions/register-component.qwik.mjs";
-import { register } from "./functions/register.qwik.mjs";
+import { register, registerAction } from "./functions/register.qwik.mjs";
 import { setEditorSettings } from "./functions/set-editor-settings.qwik.mjs";
 import { getBuilderSearchParams } from "./functions/get-builder-search-params/index.qwik.mjs";
 import { track } from "./functions/track/index.qwik.mjs";
@@ -41,6 +41,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  registerAction,
   setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,

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

@@ -21,6 +21,9 @@ const mergeNewRootState = function mergeNewRootState2(props, state, formRef, new
 const submissionState = function submissionState2(props, state, formRef) {
   return isEditing.isEditing() && props.previewState || state.formState;
 };
+const errorResponse = function errorResponse2(props, state, formRef, response) {
+  return JSON.stringify(response, null, 2);
+};
 const onSubmit = function onSubmit2(props, state, formRef, event) {
   var _a;
   const sendWithJsProp = props.sendWithJs || props.sendSubmissionsTo === "email";
@@ -36,13 +39,13 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
     const headers = props.customHeaders || {};
     let body;
     const formData = new FormData(el);
-    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
+    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).filter((el2) => !!el2.name && (el2.type !== "radio" || el2.checked)).map((el2) => {
       let value;
       const key = el2.name;
       if (el2 instanceof HTMLInputElement) {
         if (el2.type === "radio") {
           if (el2.checked) {
-            value = el2.name;
+            value = el2.value;
             return {
               key,
               value
@@ -246,7 +249,7 @@ const FormComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
       }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ qwik._jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
+      }, errorResponse(props, state, formRef, state.responseData), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         path: "successMessage",
         get blocks() {
@@ -297,6 +300,7 @@ const STYLES = `
 exports.FormComponent = FormComponent;
 exports.STYLES = STYLES;
 exports.default = FormComponent;
+exports.errorResponse = errorResponse;
 exports.mergeNewRootState = mergeNewRootState;
 exports.onSubmit = onSubmit;
 exports.submissionState = submissionState;

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

@@ -19,6 +19,9 @@ const mergeNewRootState = function mergeNewRootState2(props, state, formRef, new
 const submissionState = function submissionState2(props, state, formRef) {
   return isEditing() && props.previewState || state.formState;
 };
+const errorResponse = function errorResponse2(props, state, formRef, response) {
+  return JSON.stringify(response, null, 2);
+};
 const onSubmit = function onSubmit2(props, state, formRef, event) {
   var _a;
   const sendWithJsProp = props.sendWithJs || props.sendSubmissionsTo === "email";
@@ -34,13 +37,13 @@ const onSubmit = function onSubmit2(props, state, formRef, event) {
     const headers = props.customHeaders || {};
     let body;
     const formData = new FormData(el);
-    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).map((el2) => {
+    const formPairs = Array.from(el.querySelectorAll("input,select,textarea")).filter((el2) => !!el2.name).filter((el2) => !!el2.name && (el2.type !== "radio" || el2.checked)).map((el2) => {
       let value;
       const key = el2.name;
       if (el2 instanceof HTMLInputElement) {
         if (el2.type === "radio") {
           if (el2.checked) {
-            value = el2.name;
+            value = el2.value;
             return {
               key,
               value
@@ -244,7 +247,7 @@ const FormComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       }, 3, "0n_2") : null,
       submissionState(props, state) === "error" && state.responseData ? /* @__PURE__ */ _jsxQ("pre", null, {
         class: "builder-form-error-text pre-FormComponent"
-      }, JSON.stringify(state.responseData, null, 2), 1, "0n_3") : null,
+      }, errorResponse(props, state, formRef, state.responseData), 1, "0n_3") : null,
       submissionState(props, state) === "success" ? /* @__PURE__ */ _jsxC(Blocks, {
         path: "successMessage",
         get blocks() {
@@ -296,6 +299,7 @@ export {
   FormComponent,
   STYLES,
   FormComponent as default,
+  errorResponse,
   mergeNewRootState,
   onSubmit,
   submissionState