@builder.io/sdk-solid 4.1.3 → 4.2.1

package/dist/index.d.ts

@@ -814,6 +814,22 @@ type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
 };
 
+interface Action {
+    name: string;
+    inputs?: readonly Input[];
+    returnType?: Input;
+    action: (options: Record<string, any>) => string;
+    /**
+     * Is an action for expression (e.g. calculating a binding like a formula
+     * to fill a value based on locale) or a function (e.g. something to trigger
+     * on an event like add to cart) or either (e.g. a custom code block)
+     */
+    kind: 'expression' | 'function' | 'any';
+    /**
+     * Globally unique ID for an action, e.g. "@builder.io:setState"
+     */
+    id: string;
+}
 interface InsertMenuItem {
     name: string;
     icon?: string;
@@ -828,6 +844,7 @@ interface InsertMenuConfig {
 }
 declare function register(type: 'insertMenu', info: InsertMenuConfig): void;
 declare function register(type: string, info: any): void;
+declare function registerAction(action: Action): void;
 
 type Settings = {
     customInsertMenu?: boolean;
@@ -1123,4 +1140,4 @@ declare const _processContentResult: (options: GetContentOptions, content: Conte
  */
 declare function fetchEntries(options: GetContentOptions): Promise<BuilderContent[]>;
 
-export { Blocks, BlocksProps, BuilderBlock, BuilderContent, _default as BuilderContext, BuilderContextInterface, Button, ButtonProps, ColumnProps, Columns, ComponentInfo, ContentVariants as Content, ContentVariantsPrps as ContentProps, FragmentComponent as Fragment, FragmentProps, GetContentOptions, Image, ImageProps, InsertMenuConfig, InsertMenuItem, RegisteredComponent, RegisteredComponents, SectionComponent as Section, SectionProps, Settings, Symbol, SymbolProps, Text, TextProps, Video, VideoProps, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setClientUserAttributes, setEditorSettings, subscribeToEditor, track };
+export { Blocks, BlocksProps, BuilderBlock, BuilderContent, _default as BuilderContext, BuilderContextInterface, Button, ButtonProps, ColumnProps, Columns, ComponentInfo, ContentVariants as Content, ContentVariantsPrps as ContentProps, FragmentComponent as Fragment, FragmentProps, GetContentOptions, Image, ImageProps, InsertMenuConfig, InsertMenuItem, RegisteredComponent, RegisteredComponents, SectionComponent as Section, SectionProps, Settings, Symbol, SymbolProps, Text, TextProps, Video, VideoProps, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, registerAction, setClientUserAttributes, setEditorSettings, subscribeToEditor, track };

package/lib/browser/dev.js

@@ -4512,9 +4512,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;
@@ -4551,13 +4551,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
@@ -5502,7 +5502,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 = () => ({
@@ -6408,13 +6408,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,
@@ -6423,14 +6425,27 @@ 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
         });
         httpReqsData()[key] = true;
       }).catch((err) => {
-        console.error("error fetching dynamic data", url, err);
+        console.error("error fetching dynamic data", JSON.stringify(httpRequest), err);
       }).finally(() => {
         httpReqsPending()[key] = false;
       });
@@ -7202,6 +7217,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 = {};
@@ -7238,4 +7265,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/browser/dev.jsx

@@ -4152,13 +4152,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
@@ -4351,14 +4353,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;
@@ -4994,7 +4996,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 = () => ({
@@ -5899,38 +5901,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()) {
@@ -6502,6 +6525,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 = {};
@@ -6558,6 +6593,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  registerAction,
   setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,

package/lib/browser/index.js

@@ -4501,9 +4501,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;
@@ -4540,13 +4540,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
@@ -5489,7 +5489,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 = () => ({
@@ -6390,13 +6390,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,
@@ -6405,8 +6407,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
         });
@@ -7182,6 +7197,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 = {};
@@ -7218,4 +7245,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/browser/index.jsx

@@ -4143,13 +4143,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
@@ -4341,14 +4343,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;
@@ -4983,7 +4985,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 = () => ({
@@ -5883,37 +5885,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()) {
@@ -6484,6 +6503,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 = {};
@@ -6540,6 +6571,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  registerAction,
   setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,