@sanity/form-toolkit 1.1.0

package/dist/index.mjs

@@ -0,0 +1,151 @@
+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 { defineEventHandler } from "h3";
+import mailchimp from "@mailchimp/mailchimp_marketing";
+const Option$1 = (option) => /* @__PURE__ */ jsxs(Card, { "data-as": "button", padding: 3, radius: 2, tone: "inherit", children: [
+  /* @__PURE__ */ jsx(Text, { size: 2, textOverflow: "ellipsis", children: option.name }),
+  /* @__PURE__ */ jsx(Card, { paddingTop: 2, tone: "inherit", style: { background: "inherit" }, children: /* @__PURE__ */ jsx(Text, { size: 1, textOverflow: "ellipsis", children: `ID: ${option.value}` }) })
+] }), hubSpotInput = definePlugin((options) => ({
+  name: "sanity-plugin-form-toolkit_hubspot-input",
+  plugins: [
+    asyncList({
+      schemaType: "hubSpotForm",
+      loader: async () => await (await fetch(options.url)).json(),
+      autocompleteProps: {
+        renderOption: (option) => Option$1(option),
+        renderValue(value, option) {
+          return option?.name ?? value;
+        }
+      }
+    })
+  ]
+})), detectFramework = () => {
+  if (process.env.NEXT_RUNTIME)
+    return "nextjs";
+  if (process.env.NUXT_ENV)
+    return "nuxt";
+  if (process.env.SVELTEKIT_ENV)
+    return "sveltekit";
+  if (process.env.REMIX_ENV)
+    return "remix";
+  if (process.env.ASTRO_ENV)
+    return "astro";
+  throw new Error("Unable to detect framework.");
+}, createHandler = (handlerFunc) => {
+  const framework = detectFramework(), handlerLogic = async ({
+    // eslint-disable-next-line
+    req,
+    res
+  }) => {
+    try {
+      const data = await handlerFunc();
+      return res && (res.writeHead(200, { "Content-Type": "application/json" }), res.end(JSON.stringify(data))), data;
+    } catch (error) {
+      return error instanceof Error ? (res && (res.writeHead(500, { "Content-Type": "application/json" }), res.end(JSON.stringify({ error: error.message }))), { error: error.message }) : (res && (res.writeHead(500, { "Content-Type": "application/json" }), res.end(JSON.stringify({ error: "An unexpected error occurred" }))), { error: "An unexpected error occurred" });
+    }
+  };
+  if (framework === "nextjs")
+    return async (req, res) => {
+      res.setHeader("Access-Control-Allow-Origin", "*"), res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS"), res.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization"), await handlerLogic({ req, res });
+    };
+  if (framework === "nuxt")
+    return defineEventHandler(async (event) => {
+      const req = event.node.req, res = event.node.res;
+      return handlerLogic({ req, res });
+    });
+  if (framework === "sveltekit")
+    return {
+      GET: async ({ request }) => {
+        const result = await handlerLogic({ req: request });
+        return new Response(JSON.stringify(result), {
+          headers: { "Content-Type": "application/json" }
+        });
+      }
+    };
+  if (framework === "remix")
+    return {
+      loader: async ({ request }) => {
+        const result = await handlerLogic({ req: request });
+        return new Response(JSON.stringify(result), {
+          headers: { "Content-Type": "application/json" }
+        });
+      }
+    };
+  if (framework === "astro")
+    return {
+      get: async ({ request }) => {
+        const result = await handlerLogic({ req: request });
+        return {
+          body: JSON.stringify(result),
+          headers: { "Content-Type": "application/json" }
+        };
+      }
+    };
+  throw new Error(`Unsupported framework: ${framework}`);
+};
+async function fetchHubSpotData({ token }) {
+  try {
+    const apiResponse = await fetch("https://api.hubapi.com/marketing/v3/forms/?limit=9999", {
+      headers: {
+        Authorization: `Bearer ${token}`
+      }
+    });
+    if (!apiResponse.ok)
+      return console.error(`Failed to fetch data: ${apiResponse.statusText}`), null;
+    const { results } = await apiResponse.json();
+    return results.map((result) => ({
+      ...result,
+      value: result.id
+    }));
+  } catch (e) {
+    return console.error(e), null;
+  }
+}
+const hubSpotHandler = ({ token }) => createHandler(() => fetchHubSpotData({ token })), 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"}` }) })
+] }), 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)
+      }
+    })
+  ]
+}));
+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));
+export {
+  fetchHubSpotData,
+  fetchMailchimpData,
+  hubSpotHandler,
+  hubSpotInput,
+  mailchimpHandler,
+  mailchimpInput
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/hubspot/components/option.tsx","../src/hubspot/index.ts","../src/shared/create-handler.ts","../src/hubspot/fetch-hubspot-data.ts","../src/hubspot/create-handler.ts","../src/mailchimp/components/option.tsx","../src/mailchimp/index.ts","../src/mailchimp/create-handler.ts"],"sourcesContent":["import {Card, Text} from '@sanity/ui'\nimport type {ReactElement} from 'react'\n\nexport const Option = (option: {value: string; name: string}): ReactElement => {\n  return (\n    <Card data-as=\"button\" padding={3} radius={2} tone=\"inherit\">\n      <Text size={2} textOverflow=\"ellipsis\">\n        {option.name}\n      </Text>\n      <Card paddingTop={2} tone=\"inherit\" style={{background: 'inherit'}}>\n        <Text size={1} textOverflow=\"ellipsis\">\n          {`ID: ${option.value}`}\n        </Text>\n      </Card>\n    </Card>\n  )\n}\n","import {asyncList} from '@sanity/sanity-plugin-async-list'\nimport {definePlugin} from 'sanity'\n\nimport {Option} from './components/option'\n\ninterface HubSpotInputConfig {\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 {hubSpotInput} from '@sanity/sanity-plugin-form-toolkit'\n *\n * export default defineConfig({\n *   // ...\n *   plugins: [\n *    hubSpotInput({\n *      url: 'http://localhost:3000/api/hubspot'\n *    })\n *   ],\n * })\n * ```\n */\ntype ExtendedOption = {value: string; name: string}\n\nexport const hubSpotInput = definePlugin<HubSpotInputConfig>((options) => {\n  return {\n    name: 'sanity-plugin-form-toolkit_hubspot-input',\n    plugins: [\n      asyncList({\n        schemaType: 'hubSpotForm',\n        loader: async () => {\n          const data = await fetch(options.url)\n          const body = await data.json()\n          return body\n        },\n        autocompleteProps: {\n          renderOption: (option) => Option(option as ExtendedOption),\n          renderValue(value, option) {\n            // @ts-expect-error can't extend default type?\n            return option?.name ?? value\n          },\n        },\n      }),\n    ],\n  }\n})\n","import {defineEventHandler, H3Event} from 'h3' // For Nuxt.js/Nitro\nimport type {IncomingMessage, ServerResponse} from 'http'\n\n// Utility function to detect the framework at runtime\nconst detectFramework = (): string => {\n  if (process.env.NEXT_RUNTIME) {\n    return 'nextjs'\n  } else if (process.env.NUXT_ENV) {\n    return 'nuxt'\n  } else if (process.env.SVELTEKIT_ENV) {\n    return 'sveltekit'\n  } else if (process.env.REMIX_ENV) {\n    return 'remix'\n  } else if (process.env.ASTRO_ENV) {\n    return 'astro'\n  }\n  throw new Error('Unable to detect framework.')\n}\n\n// Create a generic handler with predefined logic\nconst createHandler = (handlerFunc: () => Promise<unknown>) => {\n  const framework = detectFramework()\n\n  // Handler logic to fetch Mailchimp data\n  const handlerLogic = async ({\n    // eslint-disable-next-line\n    req,\n    res,\n  }: {\n    req: IncomingMessage | Request\n    res?: ServerResponse\n  }): Promise<unknown> => {\n    try {\n      const data = await handlerFunc()\n\n      if (res) {\n        // Send response directly for frameworks like Next.js and Nuxt.js\n        res.writeHead(200, {'Content-Type': 'application/json'})\n        res.end(JSON.stringify(data))\n      }\n\n      // Return the response for frameworks like SvelteKit, Remix, and Astro\n      return data\n    } catch (error) {\n      if (error instanceof Error) {\n        if (res) {\n          res.writeHead(500, {'Content-Type': 'application/json'})\n          res.end(JSON.stringify({error: error.message}))\n        }\n        return {error: error.message}\n      }\n      // Handle non-Error types (e.g., strings, objects)\n      if (res) {\n        res.writeHead(500, {'Content-Type': 'application/json'})\n        res.end(JSON.stringify({error: 'An unexpected error occurred'}))\n      }\n      return {error: 'An unexpected error occurred'}\n    }\n  }\n\n  // Framework-specific implementations\n  if (framework === 'nextjs') {\n    return async (req: IncomingMessage, res: ServerResponse) => {\n      // Set CORS headers\n      res.setHeader('Access-Control-Allow-Origin', '*') // Allow all origins\n      res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS') // Allowed HTTP methods\n      res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization') // Allowed headers\n\n      await handlerLogic({req, res})\n    }\n  } else if (framework === 'nuxt') {\n    return defineEventHandler(async (event: H3Event) => {\n      const req = event.node.req\n      const res = event.node.res\n      return handlerLogic({req, res})\n    })\n  } else if (framework === 'sveltekit') {\n    return {\n      GET: async ({request}: {request: Request}) => {\n        const result = await handlerLogic({req: request})\n        return new Response(JSON.stringify(result), {\n          headers: {'Content-Type': 'application/json'},\n        })\n      },\n    }\n  } else if (framework === 'remix') {\n    return {\n      loader: async ({request}: {request: Request}) => {\n        const result = await handlerLogic({req: request})\n        return new Response(JSON.stringify(result), {\n          headers: {'Content-Type': 'application/json'},\n        })\n      },\n    }\n  } else if (framework === 'astro') {\n    return {\n      get: async ({request}: {request: Request}) => {\n        const result = await handlerLogic({req: request})\n        return {\n          body: JSON.stringify(result),\n          headers: {'Content-Type': 'application/json'},\n        }\n      },\n    }\n  }\n  throw new Error(`Unsupported framework: ${framework}`)\n}\n\nexport default createHandler\n","type HubSpotForm = {\n  id: string\n  name: string\n  [key: string]: unknown // Additional properties from the API response\n}\n\ntype MappedResult = HubSpotForm & {\n  value: string\n}\nexport async function fetchHubSpotData({token}: {token: string}): Promise<MappedResult[] | null> {\n  try {\n    const apiResponse = await fetch('https://api.hubapi.com/marketing/v3/forms/?limit=9999', {\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n    })\n\n    if (!apiResponse.ok) {\n      console.error(`Failed to fetch data: ${apiResponse.statusText}`)\n      return null\n    }\n\n    const {results}: {results: HubSpotForm[]} = await apiResponse.json()\n\n    return results.map((result) => ({\n      ...result,\n      value: result.id,\n    }))\n  } catch (e: unknown) {\n    console.error(e)\n    return null // Explicitly return null on error\n  }\n}\n","import createHandler from '../shared/create-handler'\nimport {fetchHubSpotData} from './fetch-hubspot-data'\n\nexport const hubSpotHandler = ({token}: {token: string}) => {\n  return createHandler(() => fetchHubSpotData({token}))\n}\n","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 {asyncList} from '@sanity/sanity-plugin-async-list'\nimport {definePlugin} from 'sanity'\n\nimport {Option} from './components/option'\n\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 {formiumInput} from 'sanity-plugin-form-toolkit'\n *\n * export default defineConfig({\n *   // ...\n *   plugins: [formiumInput()],\n * })\n * ```\n */\n\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","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"],"names":["Option"],"mappings":"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"}

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@sanity/form-toolkit",
+  "version": "1.1.0",
+  "description": "Tool kit for integrating forms with a Sanity Studio",
+  "keywords": [
+    "sanity",
+    "sanity-plugin"
+  ],
+  "homepage": "https://github.com/sanity-io/form-toolkit#readme",
+  "bugs": {
+    "url": "https://github.com/sanity-io/form-toolkit/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/sanity-io/form-toolkit.git"
+  },
+  "license": "MIT",
+  "author": "Chris LaRocque <chris.larocque@sanity.io>",
+  "sideEffects": false,
+  "type": "commonjs",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "sanity.json",
+    "src",
+    "v2-incompatible.js"
+  ],
+  "scripts": {
+    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
+    "format": "prettier --write --cache --ignore-unknown .",
+    "link-watch": "plugin-kit link-watch",
+    "lint": "eslint .",
+    "prepublishOnly": "npm run build",
+    "watch": "pkg-utils watch --strict",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@formium/client": "^0.1.4",
+    "@mailchimp/mailchimp_marketing": "^3.0.80",
+    "@sanity/icons": "^3.5.0",
+    "@sanity/incompatible-plugin": "^1.0.4",
+    "@sanity/sanity-plugin-async-list": "^1.3.0",
+    "@sanity/ui": "^2.10.12",
+    "h3": "^1.13.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.6.1",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@sanity/pkg-utils": "^6.11.14",
+    "@sanity/plugin-kit": "^4.0.18",
+    "@sanity/semantic-release-preset": "^5.0.0",
+    "@types/mailchimp__mailchimp_marketing": "^3.0.20",
+    "@types/react": "^18",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-sanity": "^7.1.3",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.4.1",
+    "prettier": "^3.4.2",
+    "prettier-plugin-packagejson": "^2.5.6",
+    "react": "^18",
+    "react-dom": "^18",
+    "sanity": "^3.66.1",
+    "styled-components": "^6.1.13",
+    "typescript": "^5.7.2"
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "sanity": "^3"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "overrides": {
+    "conventional-changelog-conventionalcommits": ">= 8.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/sanity.json

@@ -0,0 +1,8 @@
+{
+  "parts": [
+    {
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
+    }
+  ]
+}

package/src/form-schema/index.ts

@@ -0,0 +1,27 @@
+import {definePlugin} from 'sanity'
+
+import {schema} from './schema-types'
+interface FormSchemaConfig {
+  /* nothing here yet */
+}
+
+/**
+ * Usage in `sanity.config.ts` (or .js)
+ *
+ * ```ts
+ * import {defineConfig} from 'sanity'
+ * import {formiumInput} from 'sanity-plugin-form-toolkit'
+ *
+ * export default defineConfig({
+ *   // ...
+ *   plugins: [formiumInput()],
+ * })
+ * ```
+ */
+// Is Formium dead? All attempts to use the API come back with an expired cert https://github.com/formium/formium/issues/77
+export const formSchema = definePlugin<FormSchemaConfig | void>(() => {
+  return {
+    name: 'sanity-plugin-form-toolkit_form-schema',
+    schema,
+  }
+})

package/src/form-schema/schema-types/form-field.ts

@@ -0,0 +1,146 @@
+import {
+  CalendarIcon,
+  ClockIcon,
+  ColorWheelIcon,
+  DocumentIcon,
+  EarthGlobeIcon,
+  EnvelopeIcon,
+  HashIcon,
+  NumberIcon,
+  TextIcon,
+} from '@sanity/icons'
+import {defineField, defineType} from 'sanity'
+
+export const formFieldType = defineType({
+  name: 'formField',
+  type: 'object',
+  fields: [
+    defineField({
+      name: 'label',
+      type: 'string',
+      group: 'info',
+    }),
+    defineField({
+      name: 'name',
+      type: 'slug',
+      group: 'info',
+      validation: (rule) => rule.required(),
+      options: {
+        source: 'label',
+      },
+    }),
+    defineField({
+      name: 'type',
+      type: 'string',
+      group: 'info',
+      validation: (rule) => rule.required(),
+      options: {
+        list: [
+          {value: 'color', title: 'Color'},
+          {value: 'date', title: 'Date'},
+          {value: 'datetime-local', title: 'Date-time'},
+          'email',
+          'file',
+          {value: 'month', title: 'Month & year'},
+          'number',
+          {value: 'tel', title: 'Telephone'},
+          'text',
+          'time',
+          'range',
+          {value: 'url', title: 'URL'},
+          'week',
+        ],
+      },
+    }),
+    defineField({
+      group: 'validation',
+      name: 'required',
+      type: 'boolean',
+      hidden: ({parent}) => {
+        const unallowedTypes = ['hidden', 'range', 'color']
+
+        return unallowedTypes.includes(parent.type)
+      },
+    }),
+    defineField({
+      group: 'validation',
+      name: 'max',
+      type: 'number',
+      hidden: ({parent}) => {
+        const allowedTypes = ['date', 'month', 'week', 'time', 'datetime-local', 'number', 'range']
+
+        return !allowedTypes.includes(parent.type)
+      },
+    }),
+    defineField({
+      group: 'validation',
+      name: 'min',
+      type: 'number',
+      hidden: ({parent}) => {
+        const allowedTypes = ['date', 'month', 'week', 'time', 'datetime-local', 'number', 'range']
+
+        return !allowedTypes.includes(parent.type)
+      },
+    }),
+    defineField({
+      group: 'validation',
+      name: 'step',
+      type: 'number',
+      hidden: ({parent}) => {
+        const allowedTypes = ['date', 'month', 'week', 'time', 'datetime-local', 'number', 'range']
+
+        return !allowedTypes.includes(parent.type)
+      },
+    }),
+    defineField({
+      group: 'validation',
+      name: 'maxlength',
+      title: 'Max length',
+      type: 'number',
+      hidden: ({parent}) => {
+        const allowedTypes = ['text', 'search', 'url', 'tel', 'email', 'password']
+
+        return !allowedTypes.includes(parent.type)
+      },
+    }),
+    defineField({
+      group: 'validation',
+      name: 'minlength',
+      title: 'Min length',
+      type: 'number',
+      hidden: ({parent}) => {
+        const allowedTypes = ['text', 'search', 'url', 'tel', 'email', 'password']
+
+        return !allowedTypes.includes(parent.type)
+      },
+    }),
+  ],
+  groups: [{name: 'info'}, {name: 'validation'}],
+  preview: {
+    select: {
+      title: 'label',
+      subtitle: 'type',
+    },
+    prepare: ({title, subtitle}) => {
+      const icon: Record<
+        string,
+        typeof TextIcon | typeof NumberIcon | typeof CalendarIcon | typeof ClockIcon
+      > = {
+        text: TextIcon,
+        number: NumberIcon,
+        date: CalendarIcon,
+        'datetime-local': CalendarIcon,
+        month: CalendarIcon,
+        time: ClockIcon,
+        color: ColorWheelIcon,
+        email: EnvelopeIcon,
+        url: EarthGlobeIcon,
+        file: DocumentIcon,
+        tel: HashIcon,
+        week: CalendarIcon,
+        range: NumberIcon,
+      }
+      return {title, subtitle, media: icon[subtitle]}
+    },
+  },
+})

package/src/form-schema/schema-types/form.ts

@@ -0,0 +1,13 @@
+import {defineField, defineType} from 'sanity'
+
+export const formType = defineType({
+  name: 'form',
+  type: 'object',
+  fields: [
+    defineField({
+      name: 'fields',
+      type: 'array',
+      of: [{type: 'formField'}],
+    }),
+  ],
+})

package/src/form-schema/schema-types/index.ts

@@ -0,0 +1,8 @@
+import type {SchemaTypeDefinition} from 'sanity'
+
+import {formType} from './form'
+import {formFieldType} from './form-field'
+
+export const schema: {types: SchemaTypeDefinition[]} = {
+  types: [formFieldType, formType],
+}

package/src/formium/index.ts

@@ -0,0 +1,52 @@
+import {createClient, type Form} from '@formium/client'
+import {asyncList} from '@sanity/sanity-plugin-async-list'
+import {definePlugin} from 'sanity'
+
+interface FormiumInputConfig {
+  /* nothing here yet */
+}
+
+/**
+ * Usage in `sanity.config.ts` (or .js)
+ *
+ * ```ts
+ * import {defineConfig} from 'sanity'
+ * import {formiumInput} from 'sanity-plugin-form-toolkit'
+ *
+ * export default defineConfig({
+ *   // ...
+ *   plugins: [formiumInput()],
+ * })
+ * ```
+ */
+// Is Formium dead? All attempts to use the API come back with an expired cert https://github.com/formium/formium/issues/77
+export const formiumInput = definePlugin<FormiumInputConfig | void>(() => {
+  return {
+    name: 'sanity-plugin-form-toolkit_formium-input',
+    plugins: [
+      asyncList({
+        schemaType: 'formiumInput',
+        secrets: {
+          keys: [
+            {key: 'projectId', title: 'Project ID'},
+            {key: 'token', title: 'Token'},
+          ],
+        },
+        loader: async ({secrets}) => {
+          const formium = createClient(secrets?.projectId || '', {
+            apiToken: secrets?.token,
+          })
+          const {data}: {data: Form[]} = await formium.findForms()
+          return data && data.length
+            ? data.map(({name, id}) => {
+                return {
+                  title: name,
+                  value: id,
+                }
+              })
+            : []
+        },
+      }),
+    ],
+  }
+})

package/src/hubspot/components/option.tsx

@@ -0,0 +1,17 @@
+import {Card, Text} from '@sanity/ui'
+import type {ReactElement} from 'react'
+
+export const Option = (option: {value: string; name: string}): ReactElement => {
+  return (
+    <Card data-as="button" padding={3} radius={2} tone="inherit">
+      <Text size={2} textOverflow="ellipsis">
+        {option.name}
+      </Text>
+      <Card paddingTop={2} tone="inherit" style={{background: 'inherit'}}>
+        <Text size={1} textOverflow="ellipsis">
+          {`ID: ${option.value}`}
+        </Text>
+      </Card>
+    </Card>
+  )
+}

package/src/hubspot/create-handler.ts

@@ -0,0 +1,6 @@
+import createHandler from '../shared/create-handler'
+import {fetchHubSpotData} from './fetch-hubspot-data'
+
+export const hubSpotHandler = ({token}: {token: string}) => {
+  return createHandler(() => fetchHubSpotData({token}))
+}

package/src/hubspot/fetch-hubspot-data.ts

@@ -0,0 +1,33 @@
+type HubSpotForm = {
+  id: string
+  name: string
+  [key: string]: unknown // Additional properties from the API response
+}
+
+type MappedResult = HubSpotForm & {
+  value: string
+}
+export async function fetchHubSpotData({token}: {token: string}): Promise<MappedResult[] | null> {
+  try {
+    const apiResponse = await fetch('https://api.hubapi.com/marketing/v3/forms/?limit=9999', {
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    })
+
+    if (!apiResponse.ok) {
+      console.error(`Failed to fetch data: ${apiResponse.statusText}`)
+      return null
+    }
+
+    const {results}: {results: HubSpotForm[]} = await apiResponse.json()
+
+    return results.map((result) => ({
+      ...result,
+      value: result.id,
+    }))
+  } catch (e: unknown) {
+    console.error(e)
+    return null // Explicitly return null on error
+  }
+}

package/src/hubspot/index.ts

@@ -0,0 +1,50 @@
+import {asyncList} from '@sanity/sanity-plugin-async-list'
+import {definePlugin} from 'sanity'
+
+import {Option} from './components/option'
+
+interface HubSpotInputConfig {
+  url: string | URL
+}
+
+/**
+ * Usage in `sanity.config.ts` (or .js)
+ *
+ * ```ts
+ * import {defineConfig} from 'sanity'
+ * import {hubSpotInput} from '@sanity/sanity-plugin-form-toolkit'
+ *
+ * export default defineConfig({
+ *   // ...
+ *   plugins: [
+ *    hubSpotInput({
+ *      url: 'http://localhost:3000/api/hubspot'
+ *    })
+ *   ],
+ * })
+ * ```
+ */
+type ExtendedOption = {value: string; name: string}
+
+export const hubSpotInput = definePlugin<HubSpotInputConfig>((options) => {
+  return {
+    name: 'sanity-plugin-form-toolkit_hubspot-input',
+    plugins: [
+      asyncList({
+        schemaType: 'hubSpotForm',
+        loader: async () => {
+          const data = await fetch(options.url)
+          const body = await data.json()
+          return body
+        },
+        autocompleteProps: {
+          renderOption: (option) => Option(option as ExtendedOption),
+          renderValue(value, option) {
+            // @ts-expect-error can't extend default type?
+            return option?.name ?? value
+          },
+        },
+      }),
+    ],
+  }
+})

package/src/index.ts

@@ -0,0 +1,16 @@
+// import {formSchema} from './form-schema'
+// import {formiumInput} from './formium'
+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,
+  hubSpotHandler,
+  hubSpotInput,
+  mailchimpHandler,
+  mailchimpInput,
+}