payload-plugin-newsletter 0.7.1 → 0.8.0

package/CHANGELOG.md

@@ -1,4 +1,7 @@
-## [0.7.1] - 2025-06-30
+## [0.8.0] - 2025-06-30
+
+- feat: complete welcome email implementation in afterCreate hook
+
 
 ### Fixed
 - Fixed CI test runner error by adding explicit Rollup dependency for Linux platforms

package/dist/index.cjs

@@ -101,6 +101,238 @@ var adminOrSelf = (config) => ({ req, id }) => {
   return false;
 };
 
+// src/emails/render.tsx
+var import_render = require("@react-email/render");
+
+// src/emails/MagicLink.tsx
+var import_components = require("@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
+var import_jsx_runtime = require("react/jsx-runtime");
+var MagicLinkEmail = ({
+  magicLink,
+  email,
+  siteName = "Newsletter",
+  expiresIn = "24 hours"
+}) => {
+  const previewText = `Sign in to ${siteName}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Html, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Head, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Preview, { children: previewText }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Body, { style: styles.main, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Container, { style: styles.container, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { style: styles.heading, children: [
+        "Sign in to ",
+        siteName
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { style: styles.text, children: [
+        "Hi ",
+        email.split("@")[0],
+        ","
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.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__ */ (0, import_jsx_runtime.jsxs)(import_components.Button, { href: magicLink, style: styles.button, children: [
+        "Sign in to ",
+        siteName
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, { style: styles.text, children: "Or copy and paste this URL into your browser:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: styles.code, children: magicLink }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Hr, { style: styles.hr }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.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
+var import_components2 = require("@react-email/components");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var WelcomeEmail = ({
+  email,
+  siteName = "Newsletter",
+  preferencesUrl
+}) => {
+  const previewText = `Welcome to ${siteName}!`;
+  const firstName = email.split("@")[0];
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Html, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Head, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Preview, { children: previewText }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Body, { style: styles.main, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Container, { style: styles.container, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Text, { style: styles.heading, children: [
+        "Welcome to ",
+        siteName,
+        "! \u{1F389}"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Text, { style: styles.text, children: [
+        "Hi ",
+        firstName,
+        ","
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Text, { style: styles.text, children: [
+        "Thanks for subscribing to ",
+        siteName,
+        "! We're excited to have you as part of our community."
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, { style: styles.text, children: "You'll receive our newsletter based on your preferences. Speaking of which, you can update your preferences anytime:" }),
+      preferencesUrl && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Button, { href: preferencesUrl, style: styles.button, children: "Manage Preferences" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, { style: styles.text, children: "Here's what you can expect from us:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Text, { style: styles.text, children: [
+        "\u2022 Regular updates based on your chosen frequency",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
+        "\u2022 Content tailored to your interests",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
+        "\u2022 Easy unsubscribe options in every email",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
+        "\u2022 Your privacy respected always"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Hr, { style: styles.hr }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, { 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
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SignInEmail = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MagicLinkEmail, { ...props });
+};
+
+// src/emails/render.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+async function renderEmail(template, data) {
+  try {
+    switch (template) {
+      case "magic-link": {
+        const magicLinkData = data;
+        return (0, import_render.render)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            MagicLinkEmail,
+            {
+              magicLink: magicLinkData.magicLink || magicLinkData.verificationUrl || magicLinkData.magicLinkUrl || "",
+              email: magicLinkData.email || "",
+              siteName: magicLinkData.siteName,
+              expiresIn: magicLinkData.expiresIn
+            }
+          )
+        );
+      }
+      case "signin": {
+        const signinData = data;
+        return (0, import_render.render)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            SignInEmail,
+            {
+              magicLink: signinData.magicLink || signinData.verificationUrl || signinData.magicLinkUrl || "",
+              email: signinData.email || "",
+              siteName: signinData.siteName,
+              expiresIn: signinData.expiresIn
+            }
+          )
+        );
+      }
+      case "welcome": {
+        const welcomeData = data;
+        return (0, import_render.render)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            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";
@@ -310,7 +542,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) {
@@ -1195,238 +1444,6 @@ function generateMagicLinkURL(token, baseURL, config) {
   return url.toString();
 }
 
-// src/emails/render.tsx
-var import_render = require("@react-email/render");
-
-// src/emails/MagicLink.tsx
-var import_components = require("@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
-var import_jsx_runtime = require("react/jsx-runtime");
-var MagicLinkEmail = ({
-  magicLink,
-  email,
-  siteName = "Newsletter",
-  expiresIn = "24 hours"
-}) => {
-  const previewText = `Sign in to ${siteName}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Html, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Head, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Preview, { children: previewText }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Body, { style: styles.main, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Container, { style: styles.container, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { style: styles.heading, children: [
-        "Sign in to ",
-        siteName
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Text, { style: styles.text, children: [
-        "Hi ",
-        email.split("@")[0],
-        ","
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.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__ */ (0, import_jsx_runtime.jsxs)(import_components.Button, { href: magicLink, style: styles.button, children: [
-        "Sign in to ",
-        siteName
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, { style: styles.text, children: "Or copy and paste this URL into your browser:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: styles.code, children: magicLink }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Hr, { style: styles.hr }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.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
-var import_components2 = require("@react-email/components");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var WelcomeEmail = ({
-  email,
-  siteName = "Newsletter",
-  preferencesUrl
-}) => {
-  const previewText = `Welcome to ${siteName}!`;
-  const firstName = email.split("@")[0];
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Html, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Head, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Preview, { children: previewText }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Body, { style: styles.main, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Container, { style: styles.container, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Text, { style: styles.heading, children: [
-        "Welcome to ",
-        siteName,
-        "! \u{1F389}"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Text, { style: styles.text, children: [
-        "Hi ",
-        firstName,
-        ","
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Text, { style: styles.text, children: [
-        "Thanks for subscribing to ",
-        siteName,
-        "! We're excited to have you as part of our community."
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, { style: styles.text, children: "You'll receive our newsletter based on your preferences. Speaking of which, you can update your preferences anytime:" }),
-      preferencesUrl && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Button, { href: preferencesUrl, style: styles.button, children: "Manage Preferences" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, { style: styles.text, children: "Here's what you can expect from us:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_components2.Text, { style: styles.text, children: [
-        "\u2022 Regular updates based on your chosen frequency",
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
-        "\u2022 Content tailored to your interests",
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
-        "\u2022 Easy unsubscribe options in every email",
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
-        "\u2022 Your privacy respected always"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Hr, { style: styles.hr }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_components2.Text, { 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
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var SignInEmail = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MagicLinkEmail, { ...props });
-};
-
-// src/emails/render.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-async function renderEmail(template, data) {
-  try {
-    switch (template) {
-      case "magic-link": {
-        const magicLinkData = data;
-        return (0, import_render.render)(
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            MagicLinkEmail,
-            {
-              magicLink: magicLinkData.magicLink || magicLinkData.verificationUrl || magicLinkData.magicLinkUrl || "",
-              email: magicLinkData.email || "",
-              siteName: magicLinkData.siteName,
-              expiresIn: magicLinkData.expiresIn
-            }
-          )
-        );
-      }
-      case "signin": {
-        const signinData = data;
-        return (0, import_render.render)(
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            SignInEmail,
-            {
-              magicLink: signinData.magicLink || signinData.verificationUrl || signinData.magicLinkUrl || "",
-              email: signinData.email || "",
-              siteName: signinData.siteName,
-              expiresIn: signinData.expiresIn
-            }
-          )
-        );
-      }
-      case "welcome": {
-        const welcomeData = data;
-        return (0, import_render.render)(
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            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 {