import mailChannelsPlugin from "@cloudflare/pages-plugin-mailchannels";
import staticFormsPlugin from "@cloudflare/pages-plugin-static-forms";

export const onRequest: PagesFunction = async (context) => {
  // First, handle the form submission with the static forms plugin
  const formResponse = await staticFormsPlugin({
    respondWith: async ({ formData, name }) => {
      // Extract the email, name, message, and category from the form submission
      const email = formData.get('email');
      const senderName = formData.get('name');
      const message = formData.get('message');
      const category = formData.get('category');

      // Send an email to the workers with the form data
      const mailResponse = await mailChannelsPlugin({
        personalizations: [
          {
            to: [
              {
                name: "Abigail Claucherty",
                email: "[email protected]",
              },
            ],
            reply_to: {
              email: email, // Use the sender's email for reply_to
            },
            subject: `Message from ${senderName}: Looking for a ${category}`,
            dkim_domain: "bbybloom.co",
            dkim_selector: "mailchannels",
            dkim_private_key: context.env.DKIM_PRIVATE_KEY,
          },
        ],
        from: {
          name: "Bby Bloom",
          email: "[email protected]",
        },
        // Customize this response as needed
        respondWith: () => new Response(null, {
          status: 302,
          headers: { Location: "#thankyou" },
        }),
      })(context);

      // Return the mail response or handle as needed
      return mailResponse;
    }
  })(context);

  return formResponse;
};

import mailChannelsPlugin from "@cloudflare/pages-plugin-mailchannels";
import staticFormsPlugin from "@cloudflare/pages-plugin-static-forms";

export const onRequest: PagesFunction = async (context) => {
  // First, handle the form submission with the static forms plugin
  const formResponse = await staticFormsPlugin({
    respondWith: async ({ formData, name }) => {
      // Extract the email, name, message, and category from the form submission
      const email = formData.get('email');
      const senderName = formData.get('name');
      const message = formData.get('message');
      const category = formData.get('category');

      // Send an email to the workers with the form data
      const mailResponse = await mailChannelsPlugin({
        personalizations: [
          {
            to: [
              {
                name: "Abigail Claucherty",
                email: "[email protected]",
              },
            ],
            reply_to: {
              email: email, // Use the sender's email for reply_to
            },
            subject: `Message from ${senderName}: Looking for a ${category}`,
            dkim_domain: "bbybloom.co",
            dkim_selector: "mailchannels",
            dkim_private_key: context.env.DKIM_PRIVATE_KEY,
          },
        ],
        from: {
          name: "Bby Bloom",
          email: "[email protected]",
        },
        // Customize this response as needed
        respondWith: () => new Response(null, {
          status: 302,
          headers: { Location: "#thankyou" },
        }),
      })(context);

      // Return the mail response or handle as needed
      return mailResponse;
    }
  })(context);

  return formResponse;
};