@sanity/form-toolkit 1.2.0 → 2.0.0

package/dist/mailchimp/index.d.ts

@@ -0,0 +1,45 @@
+import {EventHandler} from 'h3'
+import {EventHandlerRequest} from 'h3'
+import {IncomingMessage} from 'http'
+import {Plugin as Plugin_2} from 'sanity'
+import {ServerResponse} from 'http'
+
+export declare function fetchMailchimpData({
+  key,
+  server,
+}: {
+  key: string
+  server: string
+}): Promise<unknown>
+
+export declare const mailchimpHandler: (keys: {key: string; server: string}) =>
+  | ((req: IncomingMessage, res: ServerResponse) => Promise<void>)
+  | EventHandler<EventHandlerRequest, Promise<unknown>>
+  | {
+      GET: ({request}: {request: Request}) => Promise<Response>
+      loader?: undefined
+      get?: undefined
+    }
+  | {
+      loader: ({request}: {request: Request}) => Promise<Response>
+      GET?: undefined
+      get?: undefined
+    }
+  | {
+      get: ({request}: {request: Request}) => Promise<{
+        body: string
+        headers: {
+          'Content-Type': string
+        }
+      }>
+      GET?: undefined
+      loader?: undefined
+    }
+
+export declare const mailchimpInput: Plugin_2<MailchimpInputConfig>
+
+declare interface MailchimpInputConfig {
+  url: string | URL
+}
+
+export {}

package/dist/mailchimp/index.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var sanityPluginAsyncList = require("@sanity/sanity-plugin-async-list"), sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), mailchimp = require("@mailchimp/mailchimp_marketing"), createHandler = require("../_chunks-cjs/create-handler.js");
+function _interopDefaultCompat(e) {
+  return e && typeof e == "object" && "default" in e ? e : { default: e };
+}
+var mailchimp__default = /* @__PURE__ */ _interopDefaultCompat(mailchimp);
+const Option = (option) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { "data-as": "button", padding: 3, radius: 2, tone: "inherit", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, textOverflow: "ellipsis", children: `${option.form.header.text ? `${option.form.header.text} - ` : ""}${option.value}` }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { paddingTop: 2, tone: "inherit", style: { background: "inherit" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", children: `${option.list.name} - ${option.list.stats.member_count} member${option.list.stats.member_count == 1 ? "" : "s"}` }) })
+] });
+async function fetchMailchimpData({
+  key,
+  server
+}) {
+  mailchimp__default.default.setConfig({
+    apiKey: key,
+    server
+  });
+  const signupForms = [], { lists } = await mailchimp__default.default.lists.getAllLists();
+  for (const list of lists) {
+    const { signup_forms } = await mailchimp__default.default.lists.getListSignupForms(list.id);
+    for (const form of signup_forms)
+      signupForms.push({
+        list,
+        form,
+        value: form.signup_form_url
+      });
+  }
+  return signupForms;
+}
+const mailchimpHandler = (keys) => createHandler.createHandler(() => fetchMailchimpData(keys)), mailchimpInput = sanity.definePlugin((options) => ({
+  name: "sanity-plugin-form-toolkit_mailchimp-input",
+  plugins: [
+    sanityPluginAsyncList.asyncList({
+      schemaType: "mailchimpForm",
+      loader: async () => await (await fetch(options.url)).json(),
+      autocompleteProps: {
+        //@ts-expect-error incorrect typing on props?
+        renderOption: (option) => Option(option)
+      }
+    })
+  ]
+}));
+exports.fetchMailchimpData = fetchMailchimpData;
+exports.mailchimpHandler = mailchimpHandler;
+exports.mailchimpInput = mailchimpInput;
+//# sourceMappingURL=index.js.map

package/dist/mailchimp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/mailchimp/components/option.tsx","../../src/mailchimp/create-handler.ts","../../src/mailchimp/index.ts"],"sourcesContent":["import {Card, Text} from '@sanity/ui'\nimport type {ReactElement} from 'react'\n\nexport const Option = (option: {\n  value: string\n  form: {\n    header: {\n      text?: string\n    }\n  }\n  list: {\n    name: string\n    stats: {\n      member_count: number\n    }\n  }\n}): ReactElement => {\n  return (\n    <Card data-as=\"button\" padding={3} radius={2} tone=\"inherit\">\n      <Text size={2} textOverflow=\"ellipsis\">\n        {`${option.form.header.text ? `${option.form.header.text} - ` : ``}${option.value}`}\n      </Text>\n      <Card paddingTop={2} tone=\"inherit\" style={{background: 'inherit'}}>\n        <Text size={1} textOverflow=\"ellipsis\">\n          {`${option.list.name} - ${option.list.stats.member_count} member${option.list.stats.member_count == 1 ? '' : 's'}`}\n        </Text>\n      </Card>\n    </Card>\n  )\n}\n","import mailchimp from '@mailchimp/mailchimp_marketing'\n\nimport createHandler from '../shared/create-handler'\n\n// Fetch from Mailchimp's API\nexport async function fetchMailchimpData({\n  key,\n  server,\n}: {\n  key: string\n  server: string\n}): Promise<unknown> {\n  mailchimp.setConfig({\n    apiKey: key,\n    server: server,\n  })\n  const signupForms = []\n  // @ts-expect-error bad typing for mailchimp\n  const {lists} = await mailchimp.lists.getAllLists()\n  for (const list of lists) {\n    // @ts-expect-error bad typing for mailchimp\n    // eslint-disable-next-line camelcase\n    const {signup_forms} = await mailchimp.lists.getListSignupForms(list.id)\n    // eslint-disable-next-line camelcase\n    for (const form of signup_forms) {\n      signupForms.push({\n        list,\n        form,\n        value: form.signup_form_url,\n      })\n    }\n  }\n  return signupForms\n}\n\n// Create the Mailchimp handler for a specific key and server\nexport const mailchimpHandler = (keys: {key: string; server: string}) => {\n  return createHandler(() => fetchMailchimpData(keys))\n}\n","import {asyncList} from '@sanity/sanity-plugin-async-list'\nimport {definePlugin} from 'sanity'\n\nimport {Option} from './components/option'\nimport {mailchimpHandler} from './create-handler'\nimport {fetchMailchimpData} from './create-handler'\ninterface MailchimpInputConfig {\n  url: string | URL\n}\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import {defineConfig} from 'sanity'\n * import {mailchimpInput} from '@sanity/form-toolkit/mailchimp'\n *\n * export default defineConfig({\n *   // ...\n *   plugins: [mailchimpInput()],\n * })\n * ```\n */\nexport {fetchMailchimpData, mailchimpHandler}\nexport const mailchimpInput = definePlugin<MailchimpInputConfig>((options) => {\n  return {\n    name: 'sanity-plugin-form-toolkit_mailchimp-input',\n    plugins: [\n      asyncList({\n        schemaType: 'mailchimpForm',\n        loader: async () => {\n          const data = await fetch(options.url)\n          const body = await data.json()\n          return body\n        },\n        autocompleteProps: {\n          //@ts-expect-error incorrect typing on props?\n          renderOption: (option) => Option(option),\n        },\n      }),\n    ],\n  }\n})\n"],"names":["jsxs","Card","jsx","Text","mailchimp","createHandler","definePlugin","asyncList"],"mappings":";;;;;;;AAGO,MAAM,SAAS,CAAC,WAenBA,2BAAA,KAACC,GAAK,MAAA,EAAA,WAAQ,UAAS,SAAS,GAAG,QAAQ,GAAG,MAAK,WACjD,UAAA;AAAA,EAACC,2BAAAA,IAAAC,GAAA,MAAA,EAAK,MAAM,GAAG,cAAa,YACzB,UAAG,GAAA,OAAO,KAAK,OAAO,OAAO,GAAG,OAAO,KAAK,OAAO,IAAI,QAAQ,EAAE,GAAG,OAAO,KAAK,GACnF,CAAA;AAAA,EACCD,2BAAA,IAAAD,GAAA,MAAA,EAAK,YAAY,GAAG,MAAK,WAAU,OAAO,EAAC,YAAY,aACtD,UAAAC,2BAAAA,IAACC,GAAK,MAAA,EAAA,MAAM,GAAG,cAAa,YACzB,UAAG,GAAA,OAAO,KAAK,IAAI,MAAM,OAAO,KAAK,MAAM,YAAY,UAAU,OAAO,KAAK,MAAM,gBAAgB,IAAI,KAAK,GAAG,IAClH,EACF,CAAA;AAAA,GACF;ACtBJ,eAAsB,mBAAmB;AAAA,EACvC;AAAA,EACA;AACF,GAGqB;AACnBC,qBAAAA,QAAU,UAAU;AAAA,IAClB,QAAQ;AAAA,IACR;AAAA,EAAA,CACD;AACK,QAAA,cAAc,CAAA,GAEd,EAAC,MAAS,IAAA,MAAMA,mBAAU,QAAA,MAAM,YAAY;AAClD,aAAW,QAAQ,OAAO;AAGlB,UAAA,EAAC,iBAAgB,MAAMA,mBAAAA,QAAU,MAAM,mBAAmB,KAAK,EAAE;AAEvE,eAAW,QAAQ;AACjB,kBAAY,KAAK;AAAA,QACf;AAAA,QACA;AAAA,QACA,OAAO,KAAK;AAAA,MAAA,CACb;AAAA,EAAA;AAGE,SAAA;AACT;AAGO,MAAM,mBAAmB,CAAC,SACxBC,4BAAc,MAAM,mBAAmB,IAAI,CAAC,GCbxC,iBAAiBC,OAAAA,aAAmC,CAAC,aACzD;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,IACPC,gCAAU;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ,YAEO,OADA,MAAM,MAAM,QAAQ,GAAG,GACZ,KAAK;AAAA,MAG/B,mBAAmB;AAAA;AAAA,QAEjB,cAAc,CAAC,WAAW,OAAO,MAAM;AAAA,MAAA;AAAA,IAE1C,CAAA;AAAA,EAAA;AAEL,EACD;;;;"}

package/dist/mailchimp/index.mjs

@@ -0,0 +1,49 @@
+import { asyncList } from "@sanity/sanity-plugin-async-list";
+import { definePlugin } from "sanity";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Card, Text } from "@sanity/ui";
+import mailchimp from "@mailchimp/mailchimp_marketing";
+import { createHandler } from "../_chunks-es/create-handler.mjs";
+const Option = (option) => /* @__PURE__ */ jsxs(Card, { "data-as": "button", padding: 3, radius: 2, tone: "inherit", children: [
+  /* @__PURE__ */ jsx(Text, { size: 2, textOverflow: "ellipsis", children: `${option.form.header.text ? `${option.form.header.text} - ` : ""}${option.value}` }),
+  /* @__PURE__ */ jsx(Card, { paddingTop: 2, tone: "inherit", style: { background: "inherit" }, children: /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", children: `${option.list.name} - ${option.list.stats.member_count} member${option.list.stats.member_count == 1 ? "" : "s"}` }) })
+] });
+async function fetchMailchimpData({
+  key,
+  server
+}) {
+  mailchimp.setConfig({
+    apiKey: key,
+    server
+  });
+  const signupForms = [], { lists } = await mailchimp.lists.getAllLists();
+  for (const list of lists) {
+    const { signup_forms } = await mailchimp.lists.getListSignupForms(list.id);
+    for (const form of signup_forms)
+      signupForms.push({
+        list,
+        form,
+        value: form.signup_form_url
+      });
+  }
+  return signupForms;
+}
+const mailchimpHandler = (keys) => createHandler(() => fetchMailchimpData(keys)), mailchimpInput = definePlugin((options) => ({
+  name: "sanity-plugin-form-toolkit_mailchimp-input",
+  plugins: [
+    asyncList({
+      schemaType: "mailchimpForm",
+      loader: async () => await (await fetch(options.url)).json(),
+      autocompleteProps: {
+        //@ts-expect-error incorrect typing on props?
+        renderOption: (option) => Option(option)
+      }
+    })
+  ]
+}));
+export {
+  fetchMailchimpData,
+  mailchimpHandler,
+  mailchimpInput
+};
+//# sourceMappingURL=index.mjs.map

package/dist/mailchimp/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/mailchimp/components/option.tsx","../../src/mailchimp/create-handler.ts","../../src/mailchimp/index.ts"],"sourcesContent":["import {Card, Text} from '@sanity/ui'\nimport type {ReactElement} from 'react'\n\nexport const Option = (option: {\n  value: string\n  form: {\n    header: {\n      text?: string\n    }\n  }\n  list: {\n    name: string\n    stats: {\n      member_count: number\n    }\n  }\n}): ReactElement => {\n  return (\n    <Card data-as=\"button\" padding={3} radius={2} tone=\"inherit\">\n      <Text size={2} textOverflow=\"ellipsis\">\n        {`${option.form.header.text ? `${option.form.header.text} - ` : ``}${option.value}`}\n      </Text>\n      <Card paddingTop={2} tone=\"inherit\" style={{background: 'inherit'}}>\n        <Text size={1} textOverflow=\"ellipsis\">\n          {`${option.list.name} - ${option.list.stats.member_count} member${option.list.stats.member_count == 1 ? '' : 's'}`}\n        </Text>\n      </Card>\n    </Card>\n  )\n}\n","import mailchimp from '@mailchimp/mailchimp_marketing'\n\nimport createHandler from '../shared/create-handler'\n\n// Fetch from Mailchimp's API\nexport async function fetchMailchimpData({\n  key,\n  server,\n}: {\n  key: string\n  server: string\n}): Promise<unknown> {\n  mailchimp.setConfig({\n    apiKey: key,\n    server: server,\n  })\n  const signupForms = []\n  // @ts-expect-error bad typing for mailchimp\n  const {lists} = await mailchimp.lists.getAllLists()\n  for (const list of lists) {\n    // @ts-expect-error bad typing for mailchimp\n    // eslint-disable-next-line camelcase\n    const {signup_forms} = await mailchimp.lists.getListSignupForms(list.id)\n    // eslint-disable-next-line camelcase\n    for (const form of signup_forms) {\n      signupForms.push({\n        list,\n        form,\n        value: form.signup_form_url,\n      })\n    }\n  }\n  return signupForms\n}\n\n// Create the Mailchimp handler for a specific key and server\nexport const mailchimpHandler = (keys: {key: string; server: string}) => {\n  return createHandler(() => fetchMailchimpData(keys))\n}\n","import {asyncList} from '@sanity/sanity-plugin-async-list'\nimport {definePlugin} from 'sanity'\n\nimport {Option} from './components/option'\nimport {mailchimpHandler} from './create-handler'\nimport {fetchMailchimpData} from './create-handler'\ninterface MailchimpInputConfig {\n  url: string | URL\n}\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import {defineConfig} from 'sanity'\n * import {mailchimpInput} from '@sanity/form-toolkit/mailchimp'\n *\n * export default defineConfig({\n *   // ...\n *   plugins: [mailchimpInput()],\n * })\n * ```\n */\nexport {fetchMailchimpData, mailchimpHandler}\nexport const mailchimpInput = definePlugin<MailchimpInputConfig>((options) => {\n  return {\n    name: 'sanity-plugin-form-toolkit_mailchimp-input',\n    plugins: [\n      asyncList({\n        schemaType: 'mailchimpForm',\n        loader: async () => {\n          const data = await fetch(options.url)\n          const body = await data.json()\n          return body\n        },\n        autocompleteProps: {\n          //@ts-expect-error incorrect typing on props?\n          renderOption: (option) => Option(option),\n        },\n      }),\n    ],\n  }\n})\n"],"names":[],"mappings":";;;;;;AAGO,MAAM,SAAS,CAAC,WAenB,qBAAC,MAAK,EAAA,WAAQ,UAAS,SAAS,GAAG,QAAQ,GAAG,MAAK,WACjD,UAAA;AAAA,EAAC,oBAAA,MAAA,EAAK,MAAM,GAAG,cAAa,YACzB,UAAG,GAAA,OAAO,KAAK,OAAO,OAAO,GAAG,OAAO,KAAK,OAAO,IAAI,QAAQ,EAAE,GAAG,OAAO,KAAK,GACnF,CAAA;AAAA,EACC,oBAAA,MAAA,EAAK,YAAY,GAAG,MAAK,WAAU,OAAO,EAAC,YAAY,aACtD,UAAA,oBAAC,MAAK,EAAA,MAAM,GAAG,cAAa,YACzB,UAAG,GAAA,OAAO,KAAK,IAAI,MAAM,OAAO,KAAK,MAAM,YAAY,UAAU,OAAO,KAAK,MAAM,gBAAgB,IAAI,KAAK,GAAG,IAClH,EACF,CAAA;AAAA,GACF;ACtBJ,eAAsB,mBAAmB;AAAA,EACvC;AAAA,EACA;AACF,GAGqB;AACnB,YAAU,UAAU;AAAA,IAClB,QAAQ;AAAA,IACR;AAAA,EAAA,CACD;AACK,QAAA,cAAc,CAAA,GAEd,EAAC,MAAS,IAAA,MAAM,UAAU,MAAM,YAAY;AAClD,aAAW,QAAQ,OAAO;AAGlB,UAAA,EAAC,iBAAgB,MAAM,UAAU,MAAM,mBAAmB,KAAK,EAAE;AAEvE,eAAW,QAAQ;AACjB,kBAAY,KAAK;AAAA,QACf;AAAA,QACA;AAAA,QACA,OAAO,KAAK;AAAA,MAAA,CACb;AAAA,EAAA;AAGE,SAAA;AACT;AAGO,MAAM,mBAAmB,CAAC,SACxB,cAAc,MAAM,mBAAmB,IAAI,CAAC,GCbxC,iBAAiB,aAAmC,CAAC,aACzD;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,IACP,UAAU;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ,YAEO,OADA,MAAM,MAAM,QAAQ,GAAG,GACZ,KAAK;AAAA,MAG/B,mBAAmB;AAAA;AAAA,QAEjB,cAAc,CAAC,WAAW,OAAO,MAAM;AAAA,MAAA;AAAA,IAE1C,CAAA;AAAA,EAAA;AAEL,EACD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/form-toolkit",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "Tool kit for integrating forms with a Sanity Studio",
   "keywords": [
     "sanity",
@@ -19,15 +19,45 @@
   "sideEffects": false,
   "type": "commonjs",
   "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
+    "./formium": {
+      "source": "./src/formium/index.ts",
+      "import": "./dist/formium/index.mjs",
+      "default": "./dist/formium/index.js"
+    },
+    "./hubspot": {
+      "source": "./src/hubspot/index.ts",
+      "import": "./dist/hubspot/index.mjs",
+      "default": "./dist/hubspot/index.js"
+    },
+    "./mailchimp": {
+      "source": "./src/mailchimp/index.ts",
+      "import": "./dist/mailchimp/index.mjs",
+      "default": "./dist/mailchimp/index.js"
+    },
+    "./form-schema": {
+      "source": "./src/form-schema/index.ts",
+      "import": "./dist/form-schema/index.mjs",
+      "default": "./dist/form-schema/index.js"
     },
     "./package.json": "./package.json"
   },
   "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "formium": [
+        "./dist/formium/index.d.ts"
+      ],
+      "hubspot": [
+        "./dist/hubspot/index.d.ts"
+      ],
+      "mailchimp": [
+        "./dist/mailchimp/index.d.ts"
+      ],
+      "form-schema": [
+        "./dist/form-schema/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist",
     "sanity.json",
@@ -82,7 +112,7 @@
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "react": "^18",
+    "react": "^18 || ^19",
     "sanity": "^3"
   },
   "engines": {

package/src/form-schema/components/form-renderer.tsx

@@ -4,7 +4,7 @@ import {DefaultField} from './default-field'
 import type {FieldComponentProps, FieldState, FormDataProps, FormField} from './types'
 
 interface FormRendererProps extends HTMLProps<HTMLFormElement> {
-  formData: FormDataProps
+  formData?: FormDataProps
   // Function to get field state for a given field name
   getFieldState?: (fieldName: string) => FieldState
   // Function to get field error for a given field name
@@ -36,10 +36,15 @@ export const FormRenderer: FC<FormRendererProps> = (props) => {
 
     return <DefaultField field={field} fieldState={fieldState} error={error} />
   }
+  const elProps = Object.assign({}, props)
+  delete elProps.formData
+  delete elProps.getFieldState
+  delete elProps.getFieldError
+  delete elProps.fieldComponents
 
   return (
-    <form {...props} id={props.id ?? formData?.id?.current}>
-      {formData.fields?.map((field) => (
+    <form {...elProps} id={elProps.id ?? formData?.id?.current}>
+      {formData?.fields?.map((field) => (
         <div key={field._key} className="form-field">
           {renderField(field)}
         </div>
@@ -47,7 +52,7 @@ export const FormRenderer: FC<FormRendererProps> = (props) => {
 
       {children}
 
-      <button type="submit">{formData.submitButton?.text || 'Submit'}</button>
+      <button type="submit">{formData?.submitButton?.text || 'Submit'}</button>
     </form>
   )
 }

package/src/form-schema/index.ts

@@ -1,6 +1,6 @@
 import {definePlugin} from 'sanity'
-// import {structureTool} from 'sanity/structure'
 
+// import {structureTool} from 'sanity/structure'
 import {FormRenderer} from './components/form-renderer'
 import {schema} from './schema-types'
 // import {defaultDocumentNode} from './structure'
@@ -18,6 +18,7 @@ import {schema} from './schema-types'
  * })
  * ```
  */
+export type {FormDataProps} from './components/types'
 export {FormRenderer}
 export const formSchema = definePlugin(() => {
   return {

package/src/hubspot/index.ts

@@ -2,7 +2,8 @@ import {asyncList} from '@sanity/sanity-plugin-async-list'
 import {definePlugin} from 'sanity'
 
 import {Option} from './components/option'
-
+import {hubSpotHandler} from './create-handler'
+import {fetchHubSpotData} from './fetch-hubspot-data'
 interface HubSpotInputConfig {
   url: string | URL
 }
@@ -12,7 +13,7 @@ interface HubSpotInputConfig {
  *
  * ```ts
  * import {defineConfig} from 'sanity'
- * import {hubSpotInput} from '@sanity/sanity-plugin-form-toolkit'
+ * import {hubSpotInput} from '@sanity/form-toolkit/hubspot'
  *
  * export default defineConfig({
  *   // ...
@@ -24,8 +25,9 @@ interface HubSpotInputConfig {
  * })
  * ```
  */
-type ExtendedOption = {value: string; name: string}
 
+type ExtendedOption = {value: string; name: string}
+export {fetchHubSpotData, hubSpotHandler}
 export const hubSpotInput = definePlugin<HubSpotInputConfig>((options) => {
   return {
     name: 'sanity-plugin-form-toolkit_hubspot-input',

package/src/index.ts

@@ -1,19 +1,19 @@
-import {FormRenderer, formSchema} from './form-schema'
-import type {FormDataProps} from './form-schema/components/types'
-import {hubSpotInput} from './hubspot'
-import {hubSpotHandler} from './hubspot/create-handler'
-import {fetchHubSpotData} from './hubspot/fetch-hubspot-data'
-import {mailchimpInput} from './mailchimp'
-import {fetchMailchimpData, mailchimpHandler} from './mailchimp/create-handler'
+// import {FormRenderer, formSchema} from './form-schema'
+// import type {FormDataProps} from './form-schema/components/types'
+// import {hubSpotInput} from './hubspot'
+// import {hubSpotHandler} from './hubspot/create-handler'
+// import {fetchHubSpotData} from './hubspot/fetch-hubspot-data'
+// import {mailchimpInput} from './mailchimp'
+// import {fetchMailchimpData, mailchimpHandler} from './mailchimp/create-handler'
 
-export {
-  fetchHubSpotData,
-  fetchMailchimpData,
-  type FormDataProps,
-  FormRenderer,
-  formSchema,
-  hubSpotHandler,
-  hubSpotInput,
-  mailchimpHandler,
-  mailchimpInput,
-}
+// export {
+//   fetchHubSpotData,
+//   fetchMailchimpData,
+//   type FormDataProps,
+//   FormRenderer,
+//   formSchema,
+//   hubSpotHandler,
+//   hubSpotInput,
+//   mailchimpHandler,
+//   mailchimpInput,
+// }

package/src/mailchimp/index.ts

@@ -2,7 +2,8 @@ import {asyncList} from '@sanity/sanity-plugin-async-list'
 import {definePlugin} from 'sanity'
 
 import {Option} from './components/option'
-
+import {mailchimpHandler} from './create-handler'
+import {fetchMailchimpData} from './create-handler'
 interface MailchimpInputConfig {
   url: string | URL
 }
@@ -12,15 +13,15 @@ interface MailchimpInputConfig {
  *
  * ```ts
  * import {defineConfig} from 'sanity'
- * import {formiumInput} from 'sanity-plugin-form-toolkit'
+ * import {mailchimpInput} from '@sanity/form-toolkit/mailchimp'
  *
  * export default defineConfig({
  *   // ...
- *   plugins: [formiumInput()],
+ *   plugins: [mailchimpInput()],
  * })
  * ```
  */
-
+export {fetchMailchimpData, mailchimpHandler}
 export const mailchimpInput = definePlugin<MailchimpInputConfig>((options) => {
   return {
     name: 'sanity-plugin-form-toolkit_mailchimp-input',

package/dist/index.d.mts

@@ -1,166 +0,0 @@
-import type {ComponentType} from 'react'
-import {EventHandler} from 'h3'
-import {EventHandlerRequest} from 'h3'
-import type {FC} from 'react'
-import type {HTMLProps} from 'react'
-import {IncomingMessage} from 'http'
-import {Plugin as Plugin_2} from 'sanity'
-import {ServerResponse} from 'http'
-
-export declare function fetchHubSpotData({token}: {token: string}): Promise<MappedResult[] | null>
-
-export declare function fetchMailchimpData({
-  key,
-  server,
-}: {
-  key: string
-  server: string
-}): Promise<unknown>
-
-declare type FieldChoice = {
-  label: string
-  value: string
-}
-
-declare interface FieldComponentProps {
-  field: FormField
-  fieldState: FieldState
-  error?: string
-}
-
-declare type FieldOptions = {
-  placeholder?: string
-  defaultValue?: string
-}
-
-declare interface FieldState {
-  value?: string | number | readonly string[]
-  onChange: (value: unknown) => void
-  onBlur?: () => void
-  ref?: unknown
-}
-
-export declare type FormDataProps = {
-  title: string
-  id: {
-    current: string
-  }
-  fields?: FormField[]
-  submitButton?: {
-    text: string
-    position: 'left' | 'center' | 'right'
-  }
-}
-
-declare type FormField = {
-  type: string
-  label?: string
-  name: string
-  required: boolean
-  validation?: ValidationRule[]
-  options?: FieldOptions
-  choices?: FieldChoice[]
-  _key: string
-}
-
-export declare const FormRenderer: FC<FormRendererProps>
-
-declare interface FormRendererProps extends HTMLProps<HTMLFormElement> {
-  formData: FormDataProps
-  getFieldState?: (fieldName: string) => FieldState
-  getFieldError?: (fieldName: string) => string | undefined
-  fieldComponents?: Record<string, ComponentType<FieldComponentProps>>
-}
-
-export declare const formSchema: Plugin_2<void>
-
-declare type HubSpotForm = {
-  id: string
-  name: string
-  [key: string]: unknown
-}
-
-export declare const hubSpotHandler: ({token}: {token: string}) =>
-  | ((req: IncomingMessage, res: ServerResponse) => Promise<void>)
-  | EventHandler<EventHandlerRequest, Promise<unknown>>
-  | {
-      GET: ({request}: {request: Request}) => Promise<Response>
-      loader?: undefined
-      get?: undefined
-    }
-  | {
-      loader: ({request}: {request: Request}) => Promise<Response>
-      GET?: undefined
-      get?: undefined
-    }
-  | {
-      get: ({request}: {request: Request}) => Promise<{
-        body: string
-        headers: {
-          'Content-Type': string
-        }
-      }>
-      GET?: undefined
-      loader?: undefined
-    }
-
-export declare const hubSpotInput: Plugin_2<HubSpotInputConfig>
-
-declare interface HubSpotInputConfig {
-  url: string | URL
-}
-
-export declare const mailchimpHandler: (keys: {key: string; server: string}) =>
-  | ((req: IncomingMessage, res: ServerResponse) => Promise<void>)
-  | EventHandler<EventHandlerRequest, Promise<unknown>>
-  | {
-      GET: ({request}: {request: Request}) => Promise<Response>
-      loader?: undefined
-      get?: undefined
-    }
-  | {
-      loader: ({request}: {request: Request}) => Promise<Response>
-      GET?: undefined
-      get?: undefined
-    }
-  | {
-      get: ({request}: {request: Request}) => Promise<{
-        body: string
-        headers: {
-          'Content-Type': string
-        }
-      }>
-      GET?: undefined
-      loader?: undefined
-    }
-
-/**
- * Usage in `sanity.config.ts` (or .js)
- *
- * ```ts
- * import {defineConfig} from 'sanity'
- * import {formiumInput} from 'sanity-plugin-form-toolkit'
- *
- * export default defineConfig({
- *   // ...
- *   plugins: [formiumInput()],
- * })
- * ```
- */
-export declare const mailchimpInput: Plugin_2<MailchimpInputConfig>
-
-declare interface MailchimpInputConfig {
-  url: string | URL
-}
-
-declare type MappedResult = HubSpotForm & {
-  value: string
-}
-
-declare type ValidationRule = {
-  type: string
-  value: string
-  message: string
-}
-
-export {}