@builder.io/sdk-qwik 0.0.5 → 0.0.8

package/src/blocks/form/form.jsx

@@ -1,789 +0,0 @@
-// GENERATED BY MITOSIS
-
-import RenderBlock from "../../components/render-block/render-block";
-import BuilderContext from "../../context/builder.context";
-import { isEditing } from "../../functions/is-editing.js";
-import BuilderBlocks from "./builder-blocks";
-import {
-  Fragment,
-  Host,
-  component$,
-  h,
-  useContext,
-  useRef,
-  useStore,
-  useStylesScoped$,
-} from "@builder.io/qwik";
-export const submissionState = function submissionState(
-  props,
-  state,
-  formRef,
-  builderContext
-) {
-  return (isEditing() && props.previewState) || state.formState;
-};
-export const onSubmit = function onSubmit(
-  props,
-  state,
-  formRef,
-  builderContext,
-  event
-) {
-  const sendWithJs = props.sendWithJs || props.sendSubmissionsTo === "email";
-
-  if (props.sendSubmissionsTo === "zapier") {
-    event.preventDefault();
-  } else if (sendWithJs) {
-    if (!(props.action || props.sendSubmissionsTo === "email")) {
-      event.preventDefault();
-      return;
-    }
-
-    event.preventDefault();
-    const el = event.currentTarget;
-    const headers = props.customHeaders || {};
-    let body;
-    const formData = new FormData(el); // TODO: maybe support null
-
-    const formPairs = Array.from(
-      event.currentTarget.querySelectorAll("input,select,textarea")
-    )
-      .filter((el) => !!el.name)
-      .map((el) => {
-        let value;
-        const key = el.name;
-
-        if (el instanceof HTMLInputElement) {
-          if (el.type === "radio") {
-            if (el.checked) {
-              value = el.name;
-              return {
-                key,
-                value,
-              };
-            }
-          } else if (el.type === "checkbox") {
-            value = el.checked;
-          } else if (el.type === "number" || el.type === "range") {
-            const num = el.valueAsNumber;
-
-            if (!isNaN(num)) {
-              value = num;
-            }
-          } else if (el.type === "file") {
-            // TODO: one vs multiple files
-            value = el.files;
-          } else {
-            value = el.value;
-          }
-        } else {
-          value = el.value;
-        }
-
-        return {
-          key,
-          value,
-        };
-      });
-    let contentType = props.contentType;
-
-    if (props.sendSubmissionsTo === "email") {
-      contentType = "multipart/form-data";
-    }
-
-    Array.from(formPairs).forEach(({ value }) => {
-      if (
-        value instanceof File ||
-        (Array.isArray(value) && value[0] instanceof File) ||
-        value instanceof FileList
-      ) {
-        contentType = "multipart/form-data";
-      }
-    }); // TODO: send as urlEncoded or multipart by default
-    // because of ease of use and reliability in browser API
-    // for encoding the form?
-
-    if (contentType !== "application/json") {
-      body = formData;
-    } else {
-      // Json
-      const json = {};
-      Array.from(formPairs).forEach(({ value, key }) => {
-        set(json, key, value);
-      });
-      body = JSON.stringify(json);
-    }
-
-    if (contentType && contentType !== "multipart/form-data") {
-      if (
-        /* Zapier doesn't allow content-type header to be sent from browsers */
-        !(sendWithJs && props.action?.includes("zapier.com"))
-      ) {
-        headers["content-type"] = contentType;
-      }
-    }
-
-    const presubmitEvent = new CustomEvent("presubmit", {
-      detail: {
-        body,
-      },
-    });
-
-    if (formRef) {
-      formRef.dispatchEvent(presubmitEvent);
-
-      if (presubmitEvent.defaultPrevented) {
-        return;
-      }
-    }
-
-    state.formState = "sending";
-    const formUrl = `${
-      builder.env === "dev" ? "http://localhost:5000" : "https://builder.io"
-    }/api/v1/form-submit?apiKey=${builder.apiKey}&to=${btoa(
-      props.sendSubmissionsToEmail || ""
-    )}&name=${encodeURIComponent(props.name || "")}`;
-    fetch(
-      props.sendSubmissionsTo === "email" ? formUrl : props.action,
-      /* TODO: throw error if no action URL */
-      {
-        body,
-        headers,
-        method: props.method || "post",
-      }
-    ).then(
-      async (res) => {
-        let body;
-        const contentType = res.headers.get("content-type");
-
-        if (contentType && contentType.indexOf("application/json") !== -1) {
-          body = await res.json();
-        } else {
-          body = await res.text();
-        }
-
-        if (!res.ok && props.errorMessagePath) {
-          /* TODO: allow supplying an error formatter function */
-          let message = get(body, props.errorMessagePath);
-
-          if (message) {
-            if (typeof message !== "string") {
-              /* TODO: ideally convert json to yaml so it woul dbe like
-             error: - email has been taken */
-              message = JSON.stringify(message);
-            }
-
-            state.formErrorMessage = message;
-          }
-        }
-
-        state.responseData = body;
-        state.formState = res.ok ? "success" : "error";
-
-        if (res.ok) {
-          const submitSuccessEvent = new CustomEvent("submit:success", {
-            detail: {
-              res,
-              body,
-            },
-          });
-
-          if (formRef) {
-            formRef.dispatchEvent(submitSuccessEvent);
-
-            if (submitSuccessEvent.defaultPrevented) {
-              return;
-            }
-            /* TODO: option to turn this on/off? */
-
-            if (props.resetFormOnSubmit !== false) {
-              formRef.reset();
-            }
-          }
-          /* TODO: client side route event first that can be preventDefaulted */
-
-          if (props.successUrl) {
-            if (formRef) {
-              const event = new CustomEvent("route", {
-                detail: {
-                  url: props.successUrl,
-                },
-              });
-              formRef.dispatchEvent(event);
-
-              if (!event.defaultPrevented) {
-                location.href = props.successUrl;
-              }
-            } else {
-              location.href = props.successUrl;
-            }
-          }
-        }
-      },
-      (err) => {
-        const submitErrorEvent = new CustomEvent("submit:error", {
-          detail: {
-            error: err,
-          },
-        });
-
-        if (formRef) {
-          formRef.dispatchEvent(submitErrorEvent);
-
-          if (submitErrorEvent.defaultPrevented) {
-            return;
-          }
-        }
-
-        state.responseData = err;
-        state.formState = "error";
-      }
-    );
-  }
-};
-export const FormComponent = component$(
-  (props) => {
-    useStylesScoped$(STYLES);
-    const builderContext = useContext(BuilderContext);
-    const formRef = useRef();
-    const state = useStore({
-      formState: "unsubmitted",
-      responseData: null,
-      formErrorMessage: "",
-    });
-    return (
-      <Host
-        validate={props.validate}
-        ref={formRef}
-        action={(() => {
-          !props.sendWithJs && props.action;
-        })()}
-        method={props.method}
-        name={props.name}
-        onSubmit$={(event) =>
-          onSubmit(props, state, formRef, builderContext, event)
-        }
-        {...props.attributes}
-      >
-        <>
-          {props.builderBlock && props.builderBlock.children
-            ? (props.builderBlock?.children || []).map((block) => {
-                return (
-                  <RenderBlock
-                    block={block}
-                    context={builderContext}
-                  ></RenderBlock>
-                );
-              })
-            : null}
-          {submissionState(props, state, formRef, builderContext) ===
-          "error" ? (
-            <BuilderBlocks
-              dataPath="errorMessage"
-              blocks={props.errorMessage}
-            ></BuilderBlocks>
-          ) : null}
-          {submissionState(props, state, formRef, builderContext) ===
-          "sending" ? (
-            <BuilderBlocks
-              dataPath="sendingMessage"
-              blocks={props.sendingMessage}
-            ></BuilderBlocks>
-          ) : null}
-          {submissionState(props, state, formRef, builderContext) === "error" &&
-          state.responseData ? (
-            <pre class="builder-form-error-text pre-FormComponent">
-              {JSON.stringify(state.responseData, null, 2)}
-            </pre>
-          ) : null}
-          {submissionState(props, state, formRef, builderContext) ===
-          "success" ? (
-            <BuilderBlocks
-              dataPath="successMessage"
-              blocks={props.successMessage}
-            ></BuilderBlocks>
-          ) : null}
-        </>
-      </Host>
-    );
-  },
-  { tagName: "form" }
-);
-export default FormComponent;
-export const STYLES = `.pre-FormComponent { 
-padding: 10px;
-color: red;
-text-align: center; }`;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [
-    {
-      imports: {
-        RenderBlock: "default",
-      },
-      path: "../../components/render-block/render-block.lite",
-    },
-    {
-      imports: {
-        isEditing: "isEditing",
-      },
-      path: "../../functions/is-editing.js",
-    },
-    {
-      imports: {
-        BuilderBlocks: "default",
-      },
-      path: "./builder-blocks.lite",
-    },
-    {
-      imports: {
-        BuilderContext: "default",
-      },
-      path: "../../context/builder.context.lite",
-    },
-  ],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {
-    formRef: {
-      argument: "",
-    },
-  },
-  state: {
-    formState: "unsubmitted",
-    responseData: null,
-    formErrorMessage: "",
-    submissionState:
-      "@builder.io/mitosis/method:get submissionState() {\n  return isEditing() && props.previewState || state.formState;\n}",
-    onSubmit:
-      "@builder.io/mitosis/method:onSubmit(event: Event & {\n  currentTarget: HTMLFormElement;\n}) {\n  const sendWithJs = props.sendWithJs || props.sendSubmissionsTo === 'email';\n\n  if (props.sendSubmissionsTo === 'zapier') {\n    event.preventDefault();\n  } else if (sendWithJs) {\n    if (!(props.action || props.sendSubmissionsTo === 'email')) {\n      event.preventDefault();\n      return;\n    }\n\n    event.preventDefault();\n    const el = event.currentTarget;\n    const headers = props.customHeaders || {};\n    let body: any;\n    const formData = new FormData(el); // TODO: maybe support null\n\n    const formPairs: {\n      key: string;\n      value: File | boolean | number | string | FileList;\n    }[] = Array.from(event.currentTarget.querySelectorAll('input,select,textarea')).filter(el => !!(el as HTMLInputElement).name).map(el => {\n      let value: any;\n      const key = (el as HTMLImageElement).name;\n\n      if (el instanceof HTMLInputElement) {\n        if (el.type === 'radio') {\n          if (el.checked) {\n            value = el.name;\n            return {\n              key,\n              value\n            };\n          }\n        } else if (el.type === 'checkbox') {\n          value = el.checked;\n        } else if (el.type === 'number' || el.type === 'range') {\n          const num = el.valueAsNumber;\n\n          if (!isNaN(num)) {\n            value = num;\n          }\n        } else if (el.type === 'file') {\n          // TODO: one vs multiple files\n          value = el.files;\n        } else {\n          value = el.value;\n        }\n      } else {\n        value = (el as HTMLInputElement).value;\n      }\n\n      return {\n        key,\n        value\n      };\n    });\n    let contentType = props.contentType;\n\n    if (props.sendSubmissionsTo === 'email') {\n      contentType = 'multipart/form-data';\n    }\n\n    Array.from(formPairs).forEach(({\n      value\n    }) => {\n      if (value instanceof File || Array.isArray(value) && value[0] instanceof File || value instanceof FileList) {\n        contentType = 'multipart/form-data';\n      }\n    }); // TODO: send as urlEncoded or multipart by default\n    // because of ease of use and reliability in browser API\n    // for encoding the form?\n\n    if (contentType !== 'application/json') {\n      body = formData;\n    } else {\n      // Json\n      const json = {};\n      Array.from(formPairs).forEach(({\n        value,\n        key\n      }) => {\n        set(json, key, value);\n      });\n      body = JSON.stringify(json);\n    }\n\n    if (contentType && contentType !== 'multipart/form-data') {\n      if (\n      /* Zapier doesn't allow content-type header to be sent from browsers */\n      !(sendWithJs && props.action?.includes('zapier.com'))) {\n        headers['content-type'] = contentType;\n      }\n    }\n\n    const presubmitEvent = new CustomEvent('presubmit', {\n      detail: {\n        body\n      }\n    });\n\n    if (formRef) {\n      formRef.dispatchEvent(presubmitEvent);\n\n      if (presubmitEvent.defaultPrevented) {\n        return;\n      }\n    }\n\n    state.formState = 'sending';\n    const formUrl = `${builder.env === 'dev' ? 'http://localhost:5000' : 'https://builder.io'}/api/v1/form-submit?apiKey=${builder.apiKey}&to=${btoa(props.sendSubmissionsToEmail || '')}&name=${encodeURIComponent(props.name || '')}`;\n    fetch(props.sendSubmissionsTo === 'email' ? formUrl : props.action!\n    /* TODO: throw error if no action URL */\n    , {\n      body,\n      headers,\n      method: props.method || 'post'\n    }).then(async res => {\n      let body;\n      const contentType = res.headers.get('content-type');\n\n      if (contentType && contentType.indexOf('application/json') !== -1) {\n        body = await res.json();\n      } else {\n        body = await res.text();\n      }\n\n      if (!res.ok && props.errorMessagePath) {\n        /* TODO: allow supplying an error formatter function */\n        let message = get(body, props.errorMessagePath);\n\n        if (message) {\n          if (typeof message !== 'string') {\n            /* TODO: ideally convert json to yaml so it woul dbe like\n             error: - email has been taken */\n            message = JSON.stringify(message);\n          }\n\n          state.formErrorMessage = message;\n        }\n      }\n\n      state.responseData = body;\n      state.formState = res.ok ? 'success' : 'error';\n\n      if (res.ok) {\n        const submitSuccessEvent = new CustomEvent('submit:success', {\n          detail: {\n            res,\n            body\n          }\n        });\n\n        if (formRef) {\n          formRef.dispatchEvent(submitSuccessEvent);\n\n          if (submitSuccessEvent.defaultPrevented) {\n            return;\n          }\n          /* TODO: option to turn this on/off? */\n\n\n          if (props.resetFormOnSubmit !== false) {\n            formRef.reset();\n          }\n        }\n        /* TODO: client side route event first that can be preventDefaulted */\n\n\n        if (props.successUrl) {\n          if (formRef) {\n            const event = new CustomEvent('route', {\n              detail: {\n                url: props.successUrl\n              }\n            });\n            formRef.dispatchEvent(event);\n\n            if (!event.defaultPrevented) {\n              location.href = props.successUrl;\n            }\n          } else {\n            location.href = props.successUrl;\n          }\n        }\n      }\n    }, err => {\n      const submitErrorEvent = new CustomEvent('submit:error', {\n        detail: {\n          error: err\n        }\n      });\n\n      if (formRef) {\n        formRef.dispatchEvent(submitErrorEvent);\n\n        if (submitErrorEvent.defaultPrevented) {\n          return;\n        }\n      }\n\n      state.responseData = err;\n      state.formState = 'error';\n    });\n  }\n}",
-  },
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {
-        validate: {
-          code: "props.validate",
-        },
-        ref: {
-          code: "formRef",
-        },
-        action: {
-          code: "!props.sendWithJs && props.action",
-        },
-        method: {
-          code: "props.method",
-        },
-        name: {
-          code: "props.name",
-        },
-        onSubmit: {
-          code: "onSubmit(props,state,formRef,builderContext,event)",
-          arguments: ["event"],
-        },
-        _spread: {
-          code: "props.attributes",
-        },
-      },
-      children: [
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n      ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "Show",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {
-            when: {
-              code: "props.builderBlock && props.builderBlock.children",
-            },
-          },
-          children: [
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n        ",
-              },
-              bindings: {},
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "For",
-              meta: {},
-              scope: {
-                For: ["block"],
-              },
-              properties: {
-                _forName: "block",
-              },
-              bindings: {
-                each: {
-                  code: "props.builderBlock?.children",
-                },
-              },
-              children: [
-                {
-                  "@type": "@builder.io/mitosis/node",
-                  name: "RenderBlock",
-                  meta: {},
-                  scope: {},
-                  properties: {},
-                  bindings: {
-                    block: {
-                      code: "block",
-                    },
-                    context: {
-                      code: "builderContext",
-                    },
-                  },
-                  children: [],
-                },
-              ],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n      ",
-              },
-              bindings: {},
-              children: [],
-            },
-          ],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n\n      ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "Show",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {
-            when: {
-              code: "submissionState(props,state,formRef,builderContext) === 'error'",
-            },
-          },
-          children: [
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n        ",
-              },
-              bindings: {},
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "BuilderBlocks",
-              meta: {},
-              scope: {},
-              properties: {
-                dataPath: "errorMessage",
-              },
-              bindings: {
-                blocks: {
-                  code: "props.errorMessage",
-                },
-              },
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n      ",
-              },
-              bindings: {},
-              children: [],
-            },
-          ],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n\n      ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "Show",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {
-            when: {
-              code: "submissionState(props,state,formRef,builderContext) === 'sending'",
-            },
-          },
-          children: [
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n        ",
-              },
-              bindings: {},
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "BuilderBlocks",
-              meta: {},
-              scope: {},
-              properties: {
-                dataPath: "sendingMessage",
-              },
-              bindings: {
-                blocks: {
-                  code: "props.sendingMessage",
-                },
-              },
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n      ",
-              },
-              bindings: {},
-              children: [],
-            },
-          ],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n\n      ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "Show",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {
-            when: {
-              code: "submissionState(props,state,formRef,builderContext) === 'error' && state.responseData",
-            },
-          },
-          children: [
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n        ",
-              },
-              bindings: {},
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "pre",
-              meta: {},
-              scope: {},
-              properties: {
-                class: "builder-form-error-text pre-FormComponent",
-              },
-              bindings: {},
-              children: [
-                {
-                  "@type": "@builder.io/mitosis/node",
-                  name: "div",
-                  meta: {},
-                  scope: {},
-                  properties: {
-                    _text: "\n          ",
-                  },
-                  bindings: {},
-                  children: [],
-                },
-                {
-                  "@type": "@builder.io/mitosis/node",
-                  name: "div",
-                  meta: {},
-                  scope: {},
-                  properties: {},
-                  bindings: {
-                    _text: {
-                      code: "JSON.stringify(state.responseData, null, 2)",
-                    },
-                  },
-                  children: [],
-                },
-                {
-                  "@type": "@builder.io/mitosis/node",
-                  name: "div",
-                  meta: {},
-                  scope: {},
-                  properties: {
-                    _text: "\n        ",
-                  },
-                  bindings: {},
-                  children: [],
-                },
-              ],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n      ",
-              },
-              bindings: {},
-              children: [],
-            },
-          ],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n\n      ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "Show",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {
-            when: {
-              code: "submissionState(props,state,formRef,builderContext) === 'success'",
-            },
-          },
-          children: [
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n        ",
-              },
-              bindings: {},
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "BuilderBlocks",
-              meta: {},
-              scope: {},
-              properties: {
-                dataPath: "successMessage",
-              },
-              bindings: {
-                blocks: {
-                  code: "props.successMessage",
-                },
-              },
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n      ",
-              },
-              bindings: {},
-              children: [],
-            },
-          ],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n    ",
-          },
-          bindings: {},
-          children: [],
-        },
-      ],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {
-      builderContext: {
-        name: "BuilderContext",
-        path: "../../context/builder.context.lite:default",
-      },
-    },
-    set: {},
-  },
-  name: "FormComponent",
-  subComponents: [],
-  interfaces: [
-    "// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n/* eslint-disable */\n\n/**\n * This component was copied over from the old SDKs and has a lot of code pointing to invalid functions/env vars. It needs\n * to be cleaned up before the component can actually be usable.\n */\ninterface BuilderElement {}",
-    "// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n/* eslint-disable */\n\n/**\n * This component was copied over from the old SDKs and has a lot of code pointing to invalid functions/env vars. It needs\n * to be cleaned up before the component can actually be usable.\n */\nexport interface FormProps {\n  attributes?: any;\n  name?: string;\n  action?: string;\n  validate?: boolean;\n  method?: string;\n  builderBlock?: BuilderElement;\n  sendSubmissionsTo?: string;\n  sendSubmissionsToEmail?: string;\n  sendWithJs?: boolean;\n  contentType?: string;\n  customHeaders?: {\n    [key: string]: string;\n  };\n  successUrl?: string;\n  previewState?: FormState;\n  successMessage?: BuilderElement[];\n  errorMessage?: BuilderElement[];\n  sendingMessage?: BuilderElement[];\n  resetFormOnSubmit?: boolean;\n  errorMessagePath?: string;\n}",
-  ],
-  types: [
-    "// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n/* eslint-disable */\n\n/**\n * This component was copied over from the old SDKs and has a lot of code pointing to invalid functions/env vars. It needs\n * to be cleaned up before the component can actually be usable.\n */\nexport type FormState = 'unsubmitted' | 'sending' | 'success' | 'error';",
-  ],
-  propsTypeRef: "FormProps",
-};