@inkeep/agents-email 0.58.21 → 0.59.0

package/dist/components/email-button.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/email-button.d.ts
 interface EmailButtonProps {
@@ -9,6 +9,6 @@ interface EmailButtonProps {
 declare function EmailButton({
   href,
   children
-}: EmailButtonProps): react_jsx_runtime4.JSX.Element;
+}: EmailButtonProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { EmailButton };

package/dist/components/email-footer.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/email-footer.d.ts
 interface EmailFooterProps {
@@ -6,6 +6,6 @@ interface EmailFooterProps {
 }
 declare function EmailFooter({
   securityText
-}: EmailFooterProps): react_jsx_runtime3.JSX.Element;
+}: EmailFooterProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { EmailFooter };

package/dist/components/email-header.d.ts

@@ -1,6 +1,13 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/email-header.d.ts
-declare function EmailHeader(): react_jsx_runtime0.JSX.Element;
+interface EmailHeaderProps {
+  title: string;
+  description?: string;
+}
+declare function EmailHeader({
+  title,
+  description
+}: EmailHeaderProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { EmailHeader };

package/dist/components/email-header.js

@@ -1,16 +1,35 @@
 import { LOGO_ALT, LOGO_HEIGHT, LOGO_URL } from "../theme.js";
-import { Img, Section } from "@react-email/components";
-import { jsx } from "react/jsx-runtime";
+import { Column, Img, Row, Section, Text } from "@react-email/components";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/email-header.tsx
-function EmailHeader() {
+function EmailHeader({ title, description }) {
 	return /* @__PURE__ */ jsx(Section, {
 		className: "py-[24px]",
-		children: /* @__PURE__ */ jsx(Img, {
-			src: LOGO_URL,
-			alt: LOGO_ALT,
-			height: LOGO_HEIGHT
-		})
+		children: /* @__PURE__ */ jsxs(Row, { children: [/* @__PURE__ */ jsx(Column, {
+			style: {
+				width: 48,
+				verticalAlign: "middle"
+			},
+			children: /* @__PURE__ */ jsx(Img, {
+				src: LOGO_URL,
+				alt: LOGO_ALT,
+				height: LOGO_HEIGHT,
+				width: LOGO_HEIGHT
+			})
+		}), /* @__PURE__ */ jsxs(Column, {
+			style: {
+				verticalAlign: "middle",
+				paddingLeft: 16
+			},
+			children: [/* @__PURE__ */ jsx(Text, {
+				className: "text-email-text text-[20px] leading-[24px] font-semibold m-0",
+				children: title
+			}), description && /* @__PURE__ */ jsx(Text, {
+				className: "text-email-text-secondary text-[14px] leading-[20px] m-0 mt-[4px]",
+				children: description
+			})]
+		})] })
 	});
 }
 

package/dist/components/email-layout.d.ts

@@ -1,16 +1,20 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/email-layout.d.ts
 interface EmailLayoutProps {
   previewText: string;
   securityText: string;
+  title: string;
+  description?: string;
   children: ReactNode;
 }
 declare function EmailLayout({
   previewText,
   securityText,
+  title,
+  description,
   children
-}: EmailLayoutProps): react_jsx_runtime0.JSX.Element;
+}: EmailLayoutProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { EmailLayout };

package/dist/components/email-layout.js

@@ -5,7 +5,7 @@ import { Body, Container, Head, Html, Preview, Tailwind } from "@react-email/com
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/email-layout.tsx
-function EmailLayout({ previewText, securityText, children }) {
+function EmailLayout({ previewText, securityText, title, description, children }) {
 	return /* @__PURE__ */ jsxs(Html, {
 		lang: "en",
 		children: [/* @__PURE__ */ jsx(Head, {}), /* @__PURE__ */ jsx(Tailwind, {
@@ -16,7 +16,10 @@ function EmailLayout({ previewText, securityText, children }) {
 				children: [/* @__PURE__ */ jsx(Preview, { children: previewText }), /* @__PURE__ */ jsxs(Container, {
 					className: "bg-email-card rounded-[8px] mx-auto my-[40px] p-[32px] max-w-[600px]",
 					children: [
-						/* @__PURE__ */ jsx(EmailHeader, {}),
+						/* @__PURE__ */ jsx(EmailHeader, {
+							title,
+							description
+						}),
 						children,
 						/* @__PURE__ */ jsx(EmailFooter, { securityText })
 					]

package/dist/templates/invitation.d.ts

@@ -1,5 +1,5 @@
 import { InvitationEmailData } from "../types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/templates/invitation.d.ts
 interface InvitationEmailProps {
@@ -7,6 +7,6 @@ interface InvitationEmailProps {
 }
 declare function InvitationEmail({
   data
-}: InvitationEmailProps): react_jsx_runtime1.JSX.Element;
+}: InvitationEmailProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InvitationEmail };

package/dist/templates/invitation.js

@@ -4,40 +4,31 @@ import { Section, Text } from "@react-email/components";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/templates/invitation.tsx
+function isSSOMethod(authMethod) {
+	return !!authMethod && authMethod !== "email-password" && authMethod !== "google";
+}
 function getCtaText(authMethod) {
-	switch (authMethod) {
-		case "google": return "Sign in with Google";
-		case "sso": return "Sign in with SSO";
-		default: return "Accept Invitation";
-	}
+	if (authMethod === "google") return "Sign in with Google";
+	if (isSSOMethod(authMethod)) return "Sign in with SSO";
+	return "Accept Invitation";
 }
 function getInstructions(authMethod) {
-	switch (authMethod) {
-		case "google": return "Sign in with your Google account to get started.";
-		case "sso": return "Sign in with your organization's SSO to get started.";
-		default: return "Click the button below to accept the invitation and set up your account.";
-	}
+	if (authMethod === "google") return "Sign in with your Google account to get started.";
+	if (isSSOMethod(authMethod)) return "Sign in with your organization's SSO to get started.";
+	return "Click the button below to accept the invitation and set up your account.";
 }
 function InvitationEmail({ data }) {
 	const { inviterName, organizationName, role, invitationUrl, authMethod, expiresInDays = 7 } = data;
 	return /* @__PURE__ */ jsxs(EmailLayout, {
 		previewText: `Accept your invitation to the ${organizationName} organization on Inkeep as ${role}.`,
 		securityText: "If you didn't expect this invitation, you can safely ignore this email.",
+		title: `Join ${organizationName}`,
+		description: `${inviterName} invited you as ${role}.`,
 		children: [
-			/* @__PURE__ */ jsxs(Section, { children: [/* @__PURE__ */ jsxs(Text, {
-				className: "text-email-text text-[16px] leading-[24px] mt-0",
-				children: [
-					inviterName,
-					" invited you to the ",
-					/* @__PURE__ */ jsx("strong", { children: organizationName }),
-					" organization on Inkeep as ",
-					/* @__PURE__ */ jsx("strong", { children: role }),
-					"."
-				]
-			}), /* @__PURE__ */ jsx(Text, {
-				className: "text-email-text-secondary text-[14px] leading-[20px]",
+			/* @__PURE__ */ jsx(Section, { children: /* @__PURE__ */ jsx(Text, {
+				className: "text-email-text-secondary text-[14px] leading-[20px] mt-0",
 				children: getInstructions(authMethod)
-			})] }),
+			}) }),
 			/* @__PURE__ */ jsx(Section, {
 				className: "text-center my-[24px]",
 				children: /* @__PURE__ */ jsx(EmailButton, {

package/dist/templates/password-reset.js

@@ -9,30 +9,22 @@ function PasswordResetEmail({ data }) {
 	return /* @__PURE__ */ jsxs(EmailLayout, {
 		previewText: `This link expires in ${expiresInMinutes} minutes.`,
 		securityText: "If you didn't request this, you can safely ignore this email.",
-		children: [
-			/* @__PURE__ */ jsxs(Section, { children: [/* @__PURE__ */ jsx(Text, {
-				className: "text-email-text text-[16px] leading-[24px] mt-0",
-				children: "Reset your Inkeep password"
-			}), /* @__PURE__ */ jsx(Text, {
-				className: "text-email-text-secondary text-[14px] leading-[20px]",
-				children: "We received a request to reset the password for your account."
-			})] }),
-			/* @__PURE__ */ jsx(Section, {
-				className: "text-center my-[24px]",
-				children: /* @__PURE__ */ jsx(EmailButton, {
-					href: resetUrl,
-					children: "Reset Password"
-				})
-			}),
-			/* @__PURE__ */ jsx(Section, { children: /* @__PURE__ */ jsxs(Text, {
-				className: "text-email-text-muted text-[12px] leading-[16px]",
-				children: [
-					"This link expires in ",
-					expiresInMinutes,
-					" minutes."
-				]
-			}) })
-		]
+		title: "Reset your password",
+		description: "We received a request to reset the password for your account.",
+		children: [/* @__PURE__ */ jsx(Section, {
+			className: "text-center my-[24px]",
+			children: /* @__PURE__ */ jsx(EmailButton, {
+				href: resetUrl,
+				children: "Reset Password"
+			})
+		}), /* @__PURE__ */ jsx(Section, { children: /* @__PURE__ */ jsxs(Text, {
+			className: "text-email-text-muted text-[12px] leading-[16px]",
+			children: [
+				"This link expires in ",
+				expiresInMinutes,
+				" minutes."
+			]
+		}) })]
 	});
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-email",
-  "version": "0.58.21",
+  "version": "0.59.0",
   "description": "Email service for Inkeep Agents — transactional emails via Nodemailer/SMTP",
   "private": false,
   "type": "module",