payload-plugin-newsletter 0.7.1 → 0.8.0

package/dist/index.js

@@ -59,6 +59,256 @@ var adminOrSelf = (config) => ({ req, id }) => {
   return false;
 };
 
+// src/emails/render.tsx
+import { render } from "@react-email/render";
+
+// src/emails/MagicLink.tsx
+import {
+  Body,
+  Button,
+  Container,
+  Head,
+  Hr,
+  Html,
+  Preview,
+  Text
+} from "@react-email/components";
+
+// src/emails/styles.ts
+var styles = {
+  main: {
+    backgroundColor: "#f6f9fc",
+    fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif'
+  },
+  container: {
+    backgroundColor: "#ffffff",
+    border: "1px solid #f0f0f0",
+    borderRadius: "5px",
+    margin: "0 auto",
+    padding: "45px",
+    marginBottom: "64px",
+    maxWidth: "500px"
+  },
+  heading: {
+    fontSize: "24px",
+    letterSpacing: "-0.5px",
+    lineHeight: "1.3",
+    fontWeight: "600",
+    color: "#484848",
+    margin: "0 0 20px",
+    padding: "0"
+  },
+  text: {
+    fontSize: "16px",
+    lineHeight: "26px",
+    fontWeight: "400",
+    color: "#484848",
+    margin: "16px 0"
+  },
+  button: {
+    backgroundColor: "#000000",
+    borderRadius: "5px",
+    color: "#fff",
+    fontSize: "16px",
+    fontWeight: "bold",
+    textDecoration: "none",
+    textAlign: "center",
+    display: "block",
+    width: "100%",
+    padding: "14px 20px",
+    margin: "30px 0"
+  },
+  link: {
+    color: "#2754C5",
+    fontSize: "14px",
+    textDecoration: "underline",
+    wordBreak: "break-all"
+  },
+  hr: {
+    borderColor: "#e6ebf1",
+    margin: "30px 0"
+  },
+  footer: {
+    fontSize: "14px",
+    lineHeight: "24px",
+    color: "#9ca2ac",
+    textAlign: "center",
+    margin: "0"
+  },
+  code: {
+    display: "inline-block",
+    padding: "16px",
+    width: "100%",
+    backgroundColor: "#f4f4f4",
+    borderRadius: "5px",
+    border: "1px solid #eee",
+    fontSize: "14px",
+    fontFamily: "monospace",
+    textAlign: "center",
+    margin: "24px 0"
+  }
+};
+
+// src/emails/MagicLink.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var MagicLinkEmail = ({
+  magicLink,
+  email,
+  siteName = "Newsletter",
+  expiresIn = "24 hours"
+}) => {
+  const previewText = `Sign in to ${siteName}`;
+  return /* @__PURE__ */ jsxs(Html, { children: [
+    /* @__PURE__ */ jsx(Head, {}),
+    /* @__PURE__ */ jsx(Preview, { children: previewText }),
+    /* @__PURE__ */ jsx(Body, { style: styles.main, children: /* @__PURE__ */ jsxs(Container, { style: styles.container, children: [
+      /* @__PURE__ */ jsxs(Text, { style: styles.heading, children: [
+        "Sign in to ",
+        siteName
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { style: styles.text, children: [
+        "Hi ",
+        email.split("@")[0],
+        ","
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { style: styles.text, children: [
+        "We received a request to sign in to your ",
+        siteName,
+        " account. Click the button below to complete your sign in:"
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { href: magicLink, style: styles.button, children: [
+        "Sign in to ",
+        siteName
+      ] }),
+      /* @__PURE__ */ jsx(Text, { style: styles.text, children: "Or copy and paste this URL into your browser:" }),
+      /* @__PURE__ */ jsx("code", { style: styles.code, children: magicLink }),
+      /* @__PURE__ */ jsx(Hr, { style: styles.hr }),
+      /* @__PURE__ */ jsxs(Text, { style: styles.footer, children: [
+        "This link will expire in ",
+        expiresIn,
+        ". If you didn't request this email, you can safely ignore it."
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/emails/Welcome.tsx
+import {
+  Body as Body2,
+  Button as Button2,
+  Container as Container2,
+  Head as Head2,
+  Hr as Hr2,
+  Html as Html2,
+  Preview as Preview2,
+  Text as Text2
+} from "@react-email/components";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var WelcomeEmail = ({
+  email,
+  siteName = "Newsletter",
+  preferencesUrl
+}) => {
+  const previewText = `Welcome to ${siteName}!`;
+  const firstName = email.split("@")[0];
+  return /* @__PURE__ */ jsxs2(Html2, { children: [
+    /* @__PURE__ */ jsx2(Head2, {}),
+    /* @__PURE__ */ jsx2(Preview2, { children: previewText }),
+    /* @__PURE__ */ jsx2(Body2, { style: styles.main, children: /* @__PURE__ */ jsxs2(Container2, { style: styles.container, children: [
+      /* @__PURE__ */ jsxs2(Text2, { style: styles.heading, children: [
+        "Welcome to ",
+        siteName,
+        "! \u{1F389}"
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { style: styles.text, children: [
+        "Hi ",
+        firstName,
+        ","
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { style: styles.text, children: [
+        "Thanks for subscribing to ",
+        siteName,
+        "! We're excited to have you as part of our community."
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { style: styles.text, children: "You'll receive our newsletter based on your preferences. Speaking of which, you can update your preferences anytime:" }),
+      preferencesUrl && /* @__PURE__ */ jsx2(Button2, { href: preferencesUrl, style: styles.button, children: "Manage Preferences" }),
+      /* @__PURE__ */ jsx2(Text2, { style: styles.text, children: "Here's what you can expect from us:" }),
+      /* @__PURE__ */ jsxs2(Text2, { style: styles.text, children: [
+        "\u2022 Regular updates based on your chosen frequency",
+        /* @__PURE__ */ jsx2("br", {}),
+        "\u2022 Content tailored to your interests",
+        /* @__PURE__ */ jsx2("br", {}),
+        "\u2022 Easy unsubscribe options in every email",
+        /* @__PURE__ */ jsx2("br", {}),
+        "\u2022 Your privacy respected always"
+      ] }),
+      /* @__PURE__ */ jsx2(Hr2, { style: styles.hr }),
+      /* @__PURE__ */ jsx2(Text2, { style: styles.footer, children: "If you have any questions, feel free to reply to this email. We're here to help!" })
+    ] }) })
+  ] });
+};
+
+// src/emails/SignIn.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SignInEmail = (props) => {
+  return /* @__PURE__ */ jsx3(MagicLinkEmail, { ...props });
+};
+
+// src/emails/render.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+async function renderEmail(template, data) {
+  try {
+    switch (template) {
+      case "magic-link": {
+        const magicLinkData = data;
+        return render(
+          /* @__PURE__ */ jsx4(
+            MagicLinkEmail,
+            {
+              magicLink: magicLinkData.magicLink || magicLinkData.verificationUrl || magicLinkData.magicLinkUrl || "",
+              email: magicLinkData.email || "",
+              siteName: magicLinkData.siteName,
+              expiresIn: magicLinkData.expiresIn
+            }
+          )
+        );
+      }
+      case "signin": {
+        const signinData = data;
+        return render(
+          /* @__PURE__ */ jsx4(
+            SignInEmail,
+            {
+              magicLink: signinData.magicLink || signinData.verificationUrl || signinData.magicLinkUrl || "",
+              email: signinData.email || "",
+              siteName: signinData.siteName,
+              expiresIn: signinData.expiresIn
+            }
+          )
+        );
+      }
+      case "welcome": {
+        const welcomeData = data;
+        return render(
+          /* @__PURE__ */ jsx4(
+            WelcomeEmail,
+            {
+              email: welcomeData.email || "",
+              siteName: welcomeData.siteName,
+              preferencesUrl: welcomeData.preferencesUrl
+            }
+          )
+        );
+      }
+      default:
+        throw new Error(`Unknown email template: ${template}`);
+    }
+  } catch (error) {
+    console.error(`Failed to render email template ${template}:`, error);
+    throw error;
+  }
+}
+
 // src/collections/Subscribers.ts
 var createSubscribersCollection = (pluginConfig) => {
   const slug = pluginConfig.subscribersSlug || "subscribers";
@@ -268,7 +518,24 @@ var createSubscribersCollection = (pluginConfig) => {
             }
             if (doc.subscriptionStatus === "active" && emailService) {
               try {
-              } catch {
+                const settings = await req.payload.findGlobal({
+                  slug: pluginConfig.settingsSlug || "newsletter-settings"
+                });
+                const serverURL = req.payload.config.serverURL || process.env.PAYLOAD_PUBLIC_SERVER_URL || "";
+                const html = await renderEmail("welcome", {
+                  email: doc.email,
+                  siteName: settings?.brandSettings?.siteName || "Newsletter",
+                  preferencesUrl: `${serverURL}/account/preferences`
+                  // This could be customized
+                });
+                await emailService.send({
+                  to: doc.email,
+                  subject: settings?.brandSettings?.siteName ? `Welcome to ${settings.brandSettings.siteName}!` : "Welcome!",
+                  html
+                });
+                console.log(`Welcome email sent to: ${doc.email}`);
+              } catch (error) {
+                console.error("Failed to send welcome email:", error);
               }
             }
             if (pluginConfig.hooks?.afterSubscribe) {
@@ -1153,256 +1420,6 @@ function generateMagicLinkURL(token, baseURL, config) {
   return url.toString();
 }
 
-// src/emails/render.tsx
-import { render } from "@react-email/render";
-
-// src/emails/MagicLink.tsx
-import {
-  Body,
-  Button,
-  Container,
-  Head,
-  Hr,
-  Html,
-  Preview,
-  Text
-} from "@react-email/components";
-
-// src/emails/styles.ts
-var styles = {
-  main: {
-    backgroundColor: "#f6f9fc",
-    fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif'
-  },
-  container: {
-    backgroundColor: "#ffffff",
-    border: "1px solid #f0f0f0",
-    borderRadius: "5px",
-    margin: "0 auto",
-    padding: "45px",
-    marginBottom: "64px",
-    maxWidth: "500px"
-  },
-  heading: {
-    fontSize: "24px",
-    letterSpacing: "-0.5px",
-    lineHeight: "1.3",
-    fontWeight: "600",
-    color: "#484848",
-    margin: "0 0 20px",
-    padding: "0"
-  },
-  text: {
-    fontSize: "16px",
-    lineHeight: "26px",
-    fontWeight: "400",
-    color: "#484848",
-    margin: "16px 0"
-  },
-  button: {
-    backgroundColor: "#000000",
-    borderRadius: "5px",
-    color: "#fff",
-    fontSize: "16px",
-    fontWeight: "bold",
-    textDecoration: "none",
-    textAlign: "center",
-    display: "block",
-    width: "100%",
-    padding: "14px 20px",
-    margin: "30px 0"
-  },
-  link: {
-    color: "#2754C5",
-    fontSize: "14px",
-    textDecoration: "underline",
-    wordBreak: "break-all"
-  },
-  hr: {
-    borderColor: "#e6ebf1",
-    margin: "30px 0"
-  },
-  footer: {
-    fontSize: "14px",
-    lineHeight: "24px",
-    color: "#9ca2ac",
-    textAlign: "center",
-    margin: "0"
-  },
-  code: {
-    display: "inline-block",
-    padding: "16px",
-    width: "100%",
-    backgroundColor: "#f4f4f4",
-    borderRadius: "5px",
-    border: "1px solid #eee",
-    fontSize: "14px",
-    fontFamily: "monospace",
-    textAlign: "center",
-    margin: "24px 0"
-  }
-};
-
-// src/emails/MagicLink.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var MagicLinkEmail = ({
-  magicLink,
-  email,
-  siteName = "Newsletter",
-  expiresIn = "24 hours"
-}) => {
-  const previewText = `Sign in to ${siteName}`;
-  return /* @__PURE__ */ jsxs(Html, { children: [
-    /* @__PURE__ */ jsx(Head, {}),
-    /* @__PURE__ */ jsx(Preview, { children: previewText }),
-    /* @__PURE__ */ jsx(Body, { style: styles.main, children: /* @__PURE__ */ jsxs(Container, { style: styles.container, children: [
-      /* @__PURE__ */ jsxs(Text, { style: styles.heading, children: [
-        "Sign in to ",
-        siteName
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { style: styles.text, children: [
-        "Hi ",
-        email.split("@")[0],
-        ","
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { style: styles.text, children: [
-        "We received a request to sign in to your ",
-        siteName,
-        " account. Click the button below to complete your sign in:"
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { href: magicLink, style: styles.button, children: [
-        "Sign in to ",
-        siteName
-      ] }),
-      /* @__PURE__ */ jsx(Text, { style: styles.text, children: "Or copy and paste this URL into your browser:" }),
-      /* @__PURE__ */ jsx("code", { style: styles.code, children: magicLink }),
-      /* @__PURE__ */ jsx(Hr, { style: styles.hr }),
-      /* @__PURE__ */ jsxs(Text, { style: styles.footer, children: [
-        "This link will expire in ",
-        expiresIn,
-        ". If you didn't request this email, you can safely ignore it."
-      ] })
-    ] }) })
-  ] });
-};
-
-// src/emails/Welcome.tsx
-import {
-  Body as Body2,
-  Button as Button2,
-  Container as Container2,
-  Head as Head2,
-  Hr as Hr2,
-  Html as Html2,
-  Preview as Preview2,
-  Text as Text2
-} from "@react-email/components";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var WelcomeEmail = ({
-  email,
-  siteName = "Newsletter",
-  preferencesUrl
-}) => {
-  const previewText = `Welcome to ${siteName}!`;
-  const firstName = email.split("@")[0];
-  return /* @__PURE__ */ jsxs2(Html2, { children: [
-    /* @__PURE__ */ jsx2(Head2, {}),
-    /* @__PURE__ */ jsx2(Preview2, { children: previewText }),
-    /* @__PURE__ */ jsx2(Body2, { style: styles.main, children: /* @__PURE__ */ jsxs2(Container2, { style: styles.container, children: [
-      /* @__PURE__ */ jsxs2(Text2, { style: styles.heading, children: [
-        "Welcome to ",
-        siteName,
-        "! \u{1F389}"
-      ] }),
-      /* @__PURE__ */ jsxs2(Text2, { style: styles.text, children: [
-        "Hi ",
-        firstName,
-        ","
-      ] }),
-      /* @__PURE__ */ jsxs2(Text2, { style: styles.text, children: [
-        "Thanks for subscribing to ",
-        siteName,
-        "! We're excited to have you as part of our community."
-      ] }),
-      /* @__PURE__ */ jsx2(Text2, { style: styles.text, children: "You'll receive our newsletter based on your preferences. Speaking of which, you can update your preferences anytime:" }),
-      preferencesUrl && /* @__PURE__ */ jsx2(Button2, { href: preferencesUrl, style: styles.button, children: "Manage Preferences" }),
-      /* @__PURE__ */ jsx2(Text2, { style: styles.text, children: "Here's what you can expect from us:" }),
-      /* @__PURE__ */ jsxs2(Text2, { style: styles.text, children: [
-        "\u2022 Regular updates based on your chosen frequency",
-        /* @__PURE__ */ jsx2("br", {}),
-        "\u2022 Content tailored to your interests",
-        /* @__PURE__ */ jsx2("br", {}),
-        "\u2022 Easy unsubscribe options in every email",
-        /* @__PURE__ */ jsx2("br", {}),
-        "\u2022 Your privacy respected always"
-      ] }),
-      /* @__PURE__ */ jsx2(Hr2, { style: styles.hr }),
-      /* @__PURE__ */ jsx2(Text2, { style: styles.footer, children: "If you have any questions, feel free to reply to this email. We're here to help!" })
-    ] }) })
-  ] });
-};
-
-// src/emails/SignIn.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SignInEmail = (props) => {
-  return /* @__PURE__ */ jsx3(MagicLinkEmail, { ...props });
-};
-
-// src/emails/render.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-async function renderEmail(template, data) {
-  try {
-    switch (template) {
-      case "magic-link": {
-        const magicLinkData = data;
-        return render(
-          /* @__PURE__ */ jsx4(
-            MagicLinkEmail,
-            {
-              magicLink: magicLinkData.magicLink || magicLinkData.verificationUrl || magicLinkData.magicLinkUrl || "",
-              email: magicLinkData.email || "",
-              siteName: magicLinkData.siteName,
-              expiresIn: magicLinkData.expiresIn
-            }
-          )
-        );
-      }
-      case "signin": {
-        const signinData = data;
-        return render(
-          /* @__PURE__ */ jsx4(
-            SignInEmail,
-            {
-              magicLink: signinData.magicLink || signinData.verificationUrl || signinData.magicLinkUrl || "",
-              email: signinData.email || "",
-              siteName: signinData.siteName,
-              expiresIn: signinData.expiresIn
-            }
-          )
-        );
-      }
-      case "welcome": {
-        const welcomeData = data;
-        return render(
-          /* @__PURE__ */ jsx4(
-            WelcomeEmail,
-            {
-              email: welcomeData.email || "",
-              siteName: welcomeData.siteName,
-              preferencesUrl: welcomeData.preferencesUrl
-            }
-          )
-        );
-      }
-      default:
-        throw new Error(`Unknown email template: ${template}`);
-    }
-  } catch (error) {
-    console.error(`Failed to render email template ${template}:`, error);
-    throw error;
-  }
-}
-
 // src/endpoints/subscribe.ts
 var createSubscribeEndpoint = (config) => {
   return {