@builder.io/sdk-solid 4.1.3 → 4.2.1

package/lib/node/dev.jsx

@@ -4323,13 +4323,15 @@ function FormComponent(props) {
       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
@@ -4522,14 +4524,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show12>
-      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-7430044e">{JSON.stringify(responseData(), null, 2)}</pre></Show12>
+      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-fdf23968">{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-7430044e {
+    <style>{`.pre-fdf23968 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -5165,7 +5167,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.1.3";
+var SDK_VERSION = "4.2.1";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6070,38 +6072,59 @@ function EnableEditor(props) {
   }
   function runHttpRequests() {
     const requests = props.builderContextSignal.content?.data?.httpRequests ?? {};
-    Object.entries(requests).forEach(([key, url]) => {
-      if (!url)
-        return;
-      if (httpReqsPending()[key])
-        return;
-      if (httpReqsData()[key] && !isEditing())
-        return;
-      httpReqsPending()[key] = true;
-      const evaluatedUrl = url.replace(
-        /{{([^}]+)}}/g,
-        (_match, group) => String(
-          evaluate({
-            code: group,
-            context: props.context || {},
-            localState: void 0,
-            rootState: props.builderContextSignal.rootState,
-            rootSetState: props.builderContextSignal.rootSetState
-          })
-        )
-      );
-      logFetch(evaluatedUrl);
-      fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
-        mergeNewRootState({
-          [key]: json
+    Object.entries(requests).forEach(
+      ([key, httpRequest]) => {
+        if (!httpRequest)
+          return;
+        const isCoreRequest = typeof httpRequest === "object" && httpRequest["@type"] === "@builder.io/core:Request";
+        if (httpReqsPending()[key])
+          return;
+        if (httpReqsData()[key] && !isEditing())
+          return;
+        const url = isCoreRequest ? httpRequest.request.url : httpRequest;
+        httpReqsPending()[key] = true;
+        const evaluatedUrl = url.replace(
+          /{{([^}]+)}}/g,
+          (_match, group) => String(
+            evaluate({
+              code: group,
+              context: props.context || {},
+              localState: void 0,
+              rootState: props.builderContextSignal.rootState,
+              rootSetState: props.builderContextSignal.rootSetState
+            })
+          )
+        );
+        const fetchRequestObj = isCoreRequest ? {
+          url: evaluatedUrl,
+          method: httpRequest.request.method,
+          headers: httpRequest.request.headers,
+          body: httpRequest.request.body
+        } : {
+          url: evaluatedUrl,
+          method: "GET"
+        };
+        logFetch(JSON.stringify(fetchRequestObj));
+        fetch(fetchRequestObj.url, {
+          method: fetchRequestObj.method,
+          headers: fetchRequestObj.headers,
+          body: fetchRequestObj.body
+        }).then((response) => response.json()).then((json) => {
+          mergeNewRootState({
+            [key]: json
+          });
+          httpReqsData()[key] = true;
+        }).catch((err) => {
+          console.error(
+            "error fetching dynamic data",
+            JSON.stringify(httpRequest),
+            err
+          );
+        }).finally(() => {
+          httpReqsPending()[key] = false;
         });
-        httpReqsData()[key] = true;
-      }).catch((err) => {
-        console.error("error fetching dynamic data", url, err);
-      }).finally(() => {
-        httpReqsPending()[key] = false;
-      });
-    });
+      }
+    );
   }
   function emitStateUpdate() {
     if (isEditing()) {
@@ -6673,6 +6696,18 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action) {
+      actionClone.action = action.action.toString();
+    }
+    window.parent?.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 
 // src/functions/set-editor-settings.ts
 var settings = {};
@@ -6729,6 +6764,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  registerAction,
   setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,

package/lib/node/index.js

@@ -4670,9 +4670,9 @@ function logFetch(url) {
 }
 
 // src/blocks/form/form/form.tsx
-var _tmpl$15 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-7430044e">`);
+var _tmpl$15 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-fdf23968">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
-var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-7430044e {
+var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-fdf23968 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -4709,13 +4709,13 @@ function FormComponent(props) {
       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
@@ -5658,7 +5658,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.1.3";
+var SDK_VERSION = "4.2.1";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6559,13 +6559,15 @@ function EnableEditor(props) {
   }
   function runHttpRequests() {
     const requests = props.builderContextSignal.content?.data?.httpRequests ?? {};
-    Object.entries(requests).forEach(([key, url]) => {
-      if (!url)
+    Object.entries(requests).forEach(([key, httpRequest]) => {
+      if (!httpRequest)
         return;
+      const isCoreRequest = typeof httpRequest === "object" && httpRequest["@type"] === "@builder.io/core:Request";
       if (httpReqsPending()[key])
         return;
       if (httpReqsData()[key] && !isEditing())
         return;
+      const url = isCoreRequest ? httpRequest.request.url : httpRequest;
       httpReqsPending()[key] = true;
       const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
         code: group,
@@ -6574,8 +6576,21 @@ function EnableEditor(props) {
         rootState: props.builderContextSignal.rootState,
         rootSetState: props.builderContextSignal.rootSetState
       })));
-      logFetch(evaluatedUrl);
-      fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
+      const fetchRequestObj = isCoreRequest ? {
+        url: evaluatedUrl,
+        method: httpRequest.request.method,
+        headers: httpRequest.request.headers,
+        body: httpRequest.request.body
+      } : {
+        url: evaluatedUrl,
+        method: "GET"
+      };
+      logFetch(JSON.stringify(fetchRequestObj));
+      fetch(fetchRequestObj.url, {
+        method: fetchRequestObj.method,
+        headers: fetchRequestObj.headers,
+        body: fetchRequestObj.body
+      }).then((response) => response.json()).then((json) => {
         mergeNewRootState({
           [key]: json
         });
@@ -7351,6 +7366,18 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action) {
+      actionClone.action = action.action.toString();
+    }
+    window.parent?.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 
 // src/functions/set-editor-settings.ts
 var settings = {};
@@ -7387,4 +7414,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setClientUserAttributes, setEditorSettings, subscribeToEditor, track };
+export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, registerAction, setClientUserAttributes, setEditorSettings, subscribeToEditor, track };

package/lib/node/index.jsx

@@ -4314,13 +4314,15 @@ function FormComponent(props) {
       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
@@ -4512,14 +4514,14 @@ function FormComponent(props) {
         blocks={props.sendingMessage}
         context={props.builderContext}
       /></Show12>
-      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-7430044e">{JSON.stringify(responseData(), null, 2)}</pre></Show12>
+      <Show12 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-fdf23968">{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-7430044e {
+    <style>{`.pre-fdf23968 {
   padding: 10px;
   color: red;
   text-align: center;
@@ -5154,7 +5156,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.1.3";
+var SDK_VERSION = "4.2.1";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6054,37 +6056,54 @@ function EnableEditor(props) {
   }
   function runHttpRequests() {
     const requests = props.builderContextSignal.content?.data?.httpRequests ?? {};
-    Object.entries(requests).forEach(([key, url]) => {
-      if (!url)
-        return;
-      if (httpReqsPending()[key])
-        return;
-      if (httpReqsData()[key] && !isEditing())
-        return;
-      httpReqsPending()[key] = true;
-      const evaluatedUrl = url.replace(
-        /{{([^}]+)}}/g,
-        (_match, group) => String(
-          evaluate({
-            code: group,
-            context: props.context || {},
-            localState: void 0,
-            rootState: props.builderContextSignal.rootState,
-            rootSetState: props.builderContextSignal.rootSetState
-          })
-        )
-      );
-      logFetch(evaluatedUrl);
-      fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
-        mergeNewRootState({
-          [key]: json
+    Object.entries(requests).forEach(
+      ([key, httpRequest]) => {
+        if (!httpRequest)
+          return;
+        const isCoreRequest = typeof httpRequest === "object" && httpRequest["@type"] === "@builder.io/core:Request";
+        if (httpReqsPending()[key])
+          return;
+        if (httpReqsData()[key] && !isEditing())
+          return;
+        const url = isCoreRequest ? httpRequest.request.url : httpRequest;
+        httpReqsPending()[key] = true;
+        const evaluatedUrl = url.replace(
+          /{{([^}]+)}}/g,
+          (_match, group) => String(
+            evaluate({
+              code: group,
+              context: props.context || {},
+              localState: void 0,
+              rootState: props.builderContextSignal.rootState,
+              rootSetState: props.builderContextSignal.rootSetState
+            })
+          )
+        );
+        const fetchRequestObj = isCoreRequest ? {
+          url: evaluatedUrl,
+          method: httpRequest.request.method,
+          headers: httpRequest.request.headers,
+          body: httpRequest.request.body
+        } : {
+          url: evaluatedUrl,
+          method: "GET"
+        };
+        logFetch(JSON.stringify(fetchRequestObj));
+        fetch(fetchRequestObj.url, {
+          method: fetchRequestObj.method,
+          headers: fetchRequestObj.headers,
+          body: fetchRequestObj.body
+        }).then((response) => response.json()).then((json) => {
+          mergeNewRootState({
+            [key]: json
+          });
+          httpReqsData()[key] = true;
+        }).catch((err) => {
+        }).finally(() => {
+          httpReqsPending()[key] = false;
         });
-        httpReqsData()[key] = true;
-      }).catch((err) => {
-      }).finally(() => {
-        httpReqsPending()[key] = false;
-      });
-    });
+      }
+    );
   }
   function emitStateUpdate() {
     if (isEditing()) {
@@ -6655,6 +6674,18 @@ function register(type, info) {
     }
   }
 }
+function registerAction(action) {
+  if (isBrowser()) {
+    const actionClone = JSON.parse(JSON.stringify(action));
+    if (action.action) {
+      actionClone.action = action.action.toString();
+    }
+    window.parent?.postMessage({
+      type: "builder.registerAction",
+      data: actionClone
+    }, "*");
+  }
+}
 
 // src/functions/set-editor-settings.ts
 var settings = {};
@@ -6711,6 +6742,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  registerAction,
   setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,

package/package.json

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