@sanity/form-toolkit 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Chris LaRocque
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,179 @@
+## Usage
+
+# @sanity/form-toolkit
+
+Plugin for integrating 3rd party form services or building your own forms with Sanity.
+
+> This is a **Sanity Studio v3** plugin.
+
+## Installation
+
+```sh
+npm install @sanity/form-toolkit
+```
+
+## HubSpot
+
+The HubSpot integration fetches all forms in a HubSpot project and adds them as options in a selectable list.
+
+### Usage
+
+This plugin requires you to set up your own API route to fetch against HubSpot's API. You'll need to also create a Private App in HubSpot to create and pass a Private App access token to the provided fetch function. Learn how to create a Private App and get an access token [here](https://developers.hubspot.com/docs/guides/apps/private-apps/overview).
+
+There's an "out of the box" handler for Next.js API routes:
+
+```ts
+// pages/api/hubspot.ts
+import {hubSpotHandler} from '@sanity/form-toolkit'
+
+const handler = hubSpotHandler({
+  token: process.env.HUBSPOT_TOKEN ?? '',
+})
+
+export default handler
+```
+
+Or add `fetchHubSpotData` to an API route in your non-Next framework
+
+```ts
+// my-nuxt-app/server/api/hubspot.ts
+import {fetchHubSpotData} from '@sanity/form-toolkit'
+
+export default defineEventHandler(async (event) => {
+  const req = event.node.req
+  const res = event.node.res
+  const data = await fetchHubSpotData({
+    token: process.env.HUBSPOT_TOKEN ?? '',
+  })
+  res.writeHead(200, {'Content-Type': 'application/json'})
+  res.end(JSON.stringify(data))
+})
+```
+
+Add it as a plugin in `sanity.config.ts` (or .js):
+
+```ts
+import {defineConfig} from 'sanity'
+import {hubSpotInput} from '@sanity/form-toolkit'
+
+export default defineConfig({
+  //...
+  plugins: [
+    hubSpotInput({
+      url: 'your-api-endpoint',
+    }),
+  ],
+})
+```
+
+Finally, add the field type to the schema you'd like to use it in
+
+```ts
+// schemaTypes/post.ts
+export default defineType({
+  name: 'post',
+  title: 'Post',
+  type: 'document',
+  fields: [
+    //...rest of schma
+    defineField({
+      name: 'hubSpot',
+      type: 'hubSpotForm',
+    }),
+  ],
+})
+```
+
+## Mailchimp
+
+The Mailchimp integration fetches all signup forms across all lists in your Mailchimp account and syncs the URL for the selected form.
+
+### Usage
+
+This plugin requires you to set up your own API route to fetch against Mailchimp's API. You'll need to pass an API key and server prefix to the underlying Mailchimp marketing client. Learn how to get a Mailchimp API key [here](https://mailchimp.com/help/about-api-keys/).
+
+There's an "out of the box" handler for Next.js API routes:
+
+```ts
+// pages/api/mailchimp.ts
+import {mailchimpHandler} from '@sanity/form-toolkit'
+
+const handler = mailchimpHandler({
+  key: process.env.MAILCHIMP_KEY ?? '',
+  server: process.env.MAILCHIMP_SERVER_PREFIX ?? '',
+})
+
+export default handler
+```
+
+Or add `fetchMailchimpData` to an API route in your non-Next framework
+
+```ts
+// my-nuxt-app/server/api/mailchimp.ts
+import {fetchMailchimpData} from '@sanity/form-toolkit'
+
+export default defineEventHandler(async (event) => {
+  const req = event.node.req
+  const res = event.node.res
+  const data = await fetchMailchimpData({
+    key: process.env.MAILCHIMP_KEY ?? '',
+    server: process.env.MAILCHIMP_SERVER_PREFIX ?? '',
+  })
+  res.writeHead(200, {'Content-Type': 'application/json'})
+  res.end(JSON.stringify(data))
+})
+```
+
+Add it as a plugin in `sanity.config.ts` (or .js):
+
+```ts
+import {defineConfig} from 'sanity'
+import {mailchimpInput} from '@sanity/form-toolkit'
+
+export default defineConfig({
+  //...
+  plugins: [
+    mailchimpInput({
+      url: 'your-api-endpoint',
+    }),
+  ],
+})
+```
+
+Finally, add the field type to the schema you'd like to use it in
+
+```ts
+// schemaTypes/post.ts
+export default defineType({
+  name: 'post',
+  title: 'Post',
+  type: 'document',
+  fields: [
+    //...rest of schma
+    defineField({
+      name: 'mailchimp',
+      type: 'mailchimpForm',
+    }),
+  ],
+})
+```
+
+## License
+
+[MIT](LICENSE) © Chris LaRocque
+
+## Develop & test
+
+This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
+with default configuration for build & watch scripts.
+
+See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
+on how to run this plugin with hotreload in the studio.
+
+
+### Release new version
+
+Run ["CI & Release" workflow](https://github.com/sanity-io/form-toolkit/actions/workflows/main.yml).
+Make sure to select the main branch and check "Release new version".
+
+Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/dist/index.d.mts

@@ -0,0 +1,100 @@
+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 fetchHubSpotData({token}: {token: string}): Promise<MappedResult[] | null>
+
+export declare function fetchMailchimpData({
+  key,
+  server,
+}: {
+  key: string
+  server: string
+}): Promise<unknown>
+
+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
+}
+
+export {}

package/dist/index.d.ts

@@ -0,0 +1,100 @@
+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 fetchHubSpotData({token}: {token: string}): Promise<MappedResult[] | null>
+
+export declare function fetchMailchimpData({
+  key,
+  server,
+}: {
+  key: string
+  server: string
+}): Promise<unknown>
+
+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
+}
+
+export {}

package/dist/index.js

@@ -0,0 +1,150 @@
+"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"), h3 = require("h3"), mailchimp = require("@mailchimp/mailchimp_marketing");
+function _interopDefaultCompat(e) {
+  return e && typeof e == "object" && "default" in e ? e : { default: e };
+}
+var mailchimp__default = /* @__PURE__ */ _interopDefaultCompat(mailchimp);
+const Option$1 = (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.name }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { paddingTop: 2, tone: "inherit", style: { background: "inherit" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", children: `ID: ${option.value}` }) })
+] }), hubSpotInput = sanity.definePlugin((options) => ({
+  name: "sanity-plugin-form-toolkit_hubspot-input",
+  plugins: [
+    sanityPluginAsyncList.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 h3.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__ */ 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"}` }) })
+] }), 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)
+      }
+    })
+  ]
+}));
+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(() => fetchMailchimpData(keys));
+exports.fetchHubSpotData = fetchHubSpotData;
+exports.fetchMailchimpData = fetchMailchimpData;
+exports.hubSpotHandler = hubSpotHandler;
+exports.hubSpotInput = hubSpotInput;
+exports.mailchimpHandler = mailchimpHandler;
+exports.mailchimpInput = mailchimpInput;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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","jsxs","Card","jsx","Text","definePlugin","asyncList","defineEventHandler","mailchimp"],"mappings":"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"}