@ainsleydev/payload-helper 0.0.40 → 0.1.0

package/README.md

@@ -91,6 +91,82 @@ payloadHelper({
 })
 ```
 
+### Email configuration
+
+Configure branded email templates for Payload authentication flows. Automatically applies to all collections with `auth` enabled.
+
+```typescript
+payloadHelper({
+	siteName: 'My Site',
+	email: {
+		frontEndUrl: 'https://your-site.com', // Optional, defaults to Payload's serverURL
+		theme: {
+			branding: {
+				companyName: 'My Company',
+				logoUrl: 'https://your-site.com/logo.png',
+			},
+			colours: {
+				background: {
+					accent: '#ff5043',
+				},
+			},
+		},
+		forgotPassword: {
+			heading: 'Reset your password',
+			bodyText: 'Click the button below to reset your password.',
+			buttonText: 'Reset Password',
+		},
+		verifyAccount: {
+			heading: 'Welcome aboard',
+			bodyText: 'Please verify your email address.',
+			buttonText: 'Verify Email',
+		},
+	},
+})
+```
+
+#### Previewing emails
+
+Preview your emails with your actual branding directly from your Payload configuration:
+
+```bash
+npx payload-helper preview-emails
+```
+
+This command will:
+- Read your `payload.config.ts` to extract your email theme configuration
+- Generate preview templates with your actual branding
+- Launch a preview server at http://localhost:3000
+
+You can optionally specify a custom port:
+
+```bash
+npx payload-helper preview-emails --port 3001
+```
+
+The preview will show both ForgotPassword and VerifyAccount emails using your configured theme, frontEndUrl, and content overrides.
+
+## Utilities
+
+### Environment Variables
+
+The package exports an `env` utility object that provides access to environment variables required by Payload Helper.
+
+```typescript
+import { env } from '@ainsleydev/payload-helper'
+
+// Access environment variables
+const spaces = {
+	key: env.DO_SPACES_KEY,
+	secret: env.DO_SPACES_SECRET,
+	endpoint: env.DO_SPACES_ENDPOINT,
+	region: env.DO_SPACES_REGION,
+	bucket: env.DO_SPACES_BUCKET,
+}
+```
+
+**Note:** When using ESM modules, always import utilities from the main package entry point as shown above. Direct imports to subpaths (e.g., `@ainsleydev/payload-helper/dist/util/env`) are not supported.
+
 ## Open Source
 
 ainsley.dev permits the use of any HTML, SCSS and Javascript found within the repository for use

package/dist/cli/bin.js

@@ -1,9 +1,29 @@
 #!/usr/bin/env node
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { Command } from 'commander';
+import { getPayload } from 'payload';
+import { previewEmails } from './commands/preview-emails.js';
 const program = new Command();
+const filename = fileURLToPath(import.meta.url);
+const dirname = path.dirname(filename);
 program.command('generate-types').description('Generate JSON schema types for Payload CMS');
+program.command('preview-emails').description('Preview email templates with your Payload configuration').option('-p, --port <number>', 'Port to run preview server on', '3000').action(async (options)=>{
+    const payload = await getPayloadInstance();
+    await previewEmails({
+        payload,
+        port: Number.parseInt(options.port, 10)
+    });
+});
 export const bin = async ()=>{
     await program.parseAsync(process.argv);
 };
+const getPayloadInstance = async ()=>{
+    const configPath = path.join(process.cwd(), 'src/payload.config.ts');
+    const config = (await import(configPath)).default;
+    return await getPayload({
+        config
+    });
+};
 
 //# sourceMappingURL=bin.js.map

package/dist/cli/bin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/cli/bin.ts"],"sourcesContent":["#!/usr/bin/env node\nimport chalk from 'chalk';\nimport { Command } from 'commander';\n\nconst program = new Command();\n\nprogram.command('generate-types').description('Generate JSON schema types for Payload CMS');\n\nexport const bin = async () => {\n\tawait program.parseAsync(process.argv);\n};\n"],"names":["Command","program","command","description","bin","parseAsync","process","argv"],"mappings":";AAEA,SAASA,OAAO,QAAQ,YAAY;AAEpC,MAAMC,UAAU,IAAID;AAEpBC,QAAQC,OAAO,CAAC,kBAAkBC,WAAW,CAAC;AAE9C,OAAO,MAAMC,MAAM;IAClB,MAAMH,QAAQI,UAAU,CAACC,QAAQC,IAAI;AACtC,EAAE"}
+{"version":3,"sources":["../../src/cli/bin.ts"],"sourcesContent":["#!/usr/bin/env node\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport { Command } from 'commander';\nimport { type Payload, getPayload } from 'payload';\nimport { previewEmails } from './commands/preview-emails.js';\n\nconst program = new Command();\nconst filename = fileURLToPath(import.meta.url);\nconst dirname = path.dirname(filename);\n\nprogram.command('generate-types').description('Generate JSON schema types for Payload CMS');\nprogram\n\t.command('preview-emails')\n\t.description('Preview email templates with your Payload configuration')\n\t.option('-p, --port <number>', 'Port to run preview server on', '3000')\n\t.action(async (options) => {\n\t\tconst payload = await getPayloadInstance();\n\n\t\tawait previewEmails({\n\t\t\tpayload,\n\t\t\tport: Number.parseInt(options.port, 10),\n\t\t});\n\t});\n\nexport const bin = async () => {\n\tawait program.parseAsync(process.argv);\n};\n\nconst getPayloadInstance = async (): Promise<Payload> => {\n\tconst configPath = path.join(process.cwd(), 'src/payload.config.ts');\n\tconst config = (await import(configPath)).default;\n\n\treturn await getPayload({ config });\n};\n"],"names":["path","fileURLToPath","Command","getPayload","previewEmails","program","filename","url","dirname","command","description","option","action","options","payload","getPayloadInstance","port","Number","parseInt","bin","parseAsync","process","argv","configPath","join","cwd","config","default"],"mappings":";AAEA,OAAOA,UAAU,YAAY;AAC7B,SAASC,aAAa,QAAQ,WAAW;AACzC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAAuBC,UAAU,QAAQ,UAAU;AACnD,SAASC,aAAa,QAAQ,+BAA+B;AAE7D,MAAMC,UAAU,IAAIH;AACpB,MAAMI,WAAWL,cAAc,YAAYM,GAAG;AAC9C,MAAMC,UAAUR,KAAKQ,OAAO,CAACF;AAE7BD,QAAQI,OAAO,CAAC,kBAAkBC,WAAW,CAAC;AAC9CL,QACEI,OAAO,CAAC,kBACRC,WAAW,CAAC,2DACZC,MAAM,CAAC,uBAAuB,iCAAiC,QAC/DC,MAAM,CAAC,OAAOC;IACd,MAAMC,UAAU,MAAMC;IAEtB,MAAMX,cAAc;QACnBU;QACAE,MAAMC,OAAOC,QAAQ,CAACL,QAAQG,IAAI,EAAE;IACrC;AACD;AAED,OAAO,MAAMG,MAAM;IAClB,MAAMd,QAAQe,UAAU,CAACC,QAAQC,IAAI;AACtC,EAAE;AAEF,MAAMP,qBAAqB;IAC1B,MAAMQ,aAAavB,KAAKwB,IAAI,CAACH,QAAQI,GAAG,IAAI;IAC5C,MAAMC,SAAS,AAAC,CAAA,MAAM,MAAM,CAACH,WAAU,EAAGI,OAAO;IAEjD,OAAO,MAAMxB,WAAW;QAAEuB;IAAO;AAClC"}

package/dist/cli/commands/preview-emails.d.ts

@@ -0,0 +1,5 @@
+import type { Payload } from 'payload';
+export declare const previewEmails: (options: {
+    payload: Payload;
+    port?: number;
+}) => Promise<void>;

package/dist/cli/commands/preview-emails.js

@@ -0,0 +1,123 @@
+import { spawn } from 'node:child_process';
+import { mkdirSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import chalk from 'chalk';
+/**
+ * Escapes a string for safe use in template literals.
+ */ const escapeForTemplate = (str)=>{
+    return str.replace(/\\/g, '\\\\').replace(/`/g, '\\`').replace(/\$/g, '\\$');
+};
+/**
+ * Retrieves the email configuration from the Payload config.
+ */ const getEmailConfig = (payload)=>{
+    const custom = payload.config.custom;
+    const payloadHelperOptions = custom?.payloadHelperOptions;
+    return payloadHelperOptions?.email;
+};
+export const previewEmails = async (options)=>{
+    const port = options.port || 3000;
+    const payload = options.payload;
+    console.log(chalk.blue('🔍 Looking for email configuration...'));
+    // Get email config from stored plugin options
+    const emailConfig = getEmailConfig(payload);
+    if (!emailConfig) {
+        console.log(chalk.yellow('⚠️  No email configuration found'));
+        console.log(chalk.yellow('   Make sure you have configured email in your payloadHelper plugin:\n'));
+        console.log(chalk.cyan(`   payloadHelper({
+     email: {
+       theme: { /* ... */ },
+       frontEndUrl: 'https://yoursite.com',
+     }
+   })`));
+        console.log(chalk.yellow('\n   Using default theme for email previews'));
+    } else {
+        console.log(chalk.green('✓ Found email configuration'));
+    }
+    // Create temp directory for preview files
+    const tempDir = join(tmpdir(), `payload-helper-preview-${Date.now()}-${process.pid}`);
+    mkdirSync(tempDir, {
+        recursive: true
+    });
+    console.log(chalk.blue('📝 Generating preview templates...'));
+    // Extract theme and frontEndUrl
+    const themeConfig = emailConfig?.theme ? JSON.stringify(emailConfig.theme, null, 2) : '{}';
+    const frontEndUrl = emailConfig?.frontEndUrl || 'https://yoursite.com';
+    // Safely escape the frontEndUrl for use in template strings
+    const escapedFrontEndUrl = escapeForTemplate(frontEndUrl);
+    // Generate ForgotPassword preview
+    const forgotPasswordContent = emailConfig?.forgotPassword ? JSON.stringify(emailConfig.forgotPassword, null, 3) : 'undefined';
+    const forgotPasswordPreview = `import { renderEmail } from '@ainsleydev/email-templates';
+import { ForgotPasswordEmail } from '@ainsleydev/payload-helper';
+
+export default async function render() {
+	return renderEmail({
+		component: ForgotPasswordEmail,
+		props: {
+			user: { firstName: 'John', email: 'john@example.com' },
+			resetUrl: \`${escapedFrontEndUrl}/admin/reset/token123\`,
+			content: ${forgotPasswordContent},
+		},
+		theme: ${themeConfig},
+	});
+}
+`;
+    // Generate VerifyAccount preview
+    const verifyAccountContent = emailConfig?.verifyAccount ? JSON.stringify(emailConfig.verifyAccount, null, 3) : 'undefined';
+    const verifyAccountPreview = `import { renderEmail } from '@ainsleydev/email-templates';
+import { VerifyAccountEmail } from '@ainsleydev/payload-helper';
+
+export default async function render() {
+	return renderEmail({
+		component: VerifyAccountEmail,
+		props: {
+			user: { firstName: 'John', email: 'john@example.com' },
+			verifyUrl: \`${escapedFrontEndUrl}/admin/verify/token123\`,
+			content: ${verifyAccountContent},
+		},
+		theme: ${themeConfig},
+	});
+}
+`;
+    // Write preview files
+    writeFileSync(join(tempDir, 'forgot-password-email-preview.tsx'), forgotPasswordPreview);
+    writeFileSync(join(tempDir, 'verify-account-email-preview.tsx'), verifyAccountPreview);
+    console.log(chalk.green('✓ Preview templates generated'));
+    console.log(chalk.blue(`🚀 Starting preview server on http://localhost:${port}...`));
+    // Launch email-templates preview
+    const previewProcess = spawn('npx', [
+        'email-templates',
+        'preview',
+        tempDir,
+        `--port=${port}`
+    ], {
+        stdio: 'inherit',
+        shell: true
+    });
+    // Cleanup on exit
+    const cleanup = ()=>{
+        console.log(chalk.blue('\n🧹 Cleaning up...'));
+        try {
+            rmSync(tempDir, {
+                recursive: true,
+                force: true
+            });
+            console.log(chalk.green('✓ Cleanup complete'));
+        } catch (error) {
+            console.error(chalk.red('❌ Error during cleanup:'), error);
+        }
+    };
+    previewProcess.on('exit', (code)=>{
+        cleanup();
+        process.exit(code || 0);
+    });
+    // Handle Ctrl+C
+    process.on('SIGINT', ()=>{
+        previewProcess.kill('SIGINT');
+    });
+    process.on('SIGTERM', ()=>{
+        previewProcess.kill('SIGTERM');
+    });
+};
+
+//# sourceMappingURL=preview-emails.js.map

package/dist/cli/commands/preview-emails.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cli/commands/preview-emails.ts"],"sourcesContent":["import { spawn } from 'node:child_process';\nimport { mkdirSync, rmSync, writeFileSync } from 'node:fs';\nimport { tmpdir } from 'node:os';\nimport { join } from 'node:path';\nimport chalk from 'chalk';\nimport type { Payload } from 'payload';\nimport type { PayloadHelperPluginConfig } from '../../types.js';\n\n/**\n * Escapes a string for safe use in template literals.\n */\nconst escapeForTemplate = (str: string): string => {\n\treturn str.replace(/\\\\/g, '\\\\\\\\').replace(/`/g, '\\\\`').replace(/\\$/g, '\\\\$');\n};\n\n/**\n * Retrieves the email configuration from the Payload config.\n */\nconst getEmailConfig = (payload: Payload): PayloadHelperPluginConfig['email'] | undefined => {\n\tconst custom = payload.config.custom as Record<string, unknown> | undefined;\n\tconst payloadHelperOptions = custom?.payloadHelperOptions as\n\t\t| PayloadHelperPluginConfig\n\t\t| undefined;\n\treturn payloadHelperOptions?.email;\n};\n\nexport const previewEmails = async (options: { payload: Payload; port?: number }) => {\n\tconst port = options.port || 3000;\n\tconst payload = options.payload;\n\n\tconsole.log(chalk.blue('🔍 Looking for email configuration...'));\n\n\t// Get email config from stored plugin options\n\tconst emailConfig = getEmailConfig(payload);\n\n\tif (!emailConfig) {\n\t\tconsole.log(chalk.yellow('⚠️  No email configuration found'));\n\t\tconsole.log(\n\t\t\tchalk.yellow('   Make sure you have configured email in your payloadHelper plugin:\\n'),\n\t\t);\n\t\tconsole.log(\n\t\t\tchalk.cyan(`   payloadHelper({\n     email: {\n       theme: { /* ... */ },\n       frontEndUrl: 'https://yoursite.com',\n     }\n   })`),\n\t\t);\n\t\tconsole.log(chalk.yellow('\\n   Using default theme for email previews'));\n\t} else {\n\t\tconsole.log(chalk.green('✓ Found email configuration'));\n\t}\n\n\t// Create temp directory for preview files\n\tconst tempDir = join(tmpdir(), `payload-helper-preview-${Date.now()}-${process.pid}`);\n\tmkdirSync(tempDir, { recursive: true });\n\n\tconsole.log(chalk.blue('📝 Generating preview templates...'));\n\n\t// Extract theme and frontEndUrl\n\tconst themeConfig = emailConfig?.theme ? JSON.stringify(emailConfig.theme, null, 2) : '{}';\n\tconst frontEndUrl = emailConfig?.frontEndUrl || 'https://yoursite.com';\n\n\t// Safely escape the frontEndUrl for use in template strings\n\tconst escapedFrontEndUrl = escapeForTemplate(frontEndUrl);\n\n\t// Generate ForgotPassword preview\n\tconst forgotPasswordContent = emailConfig?.forgotPassword\n\t\t? JSON.stringify(emailConfig.forgotPassword, null, 3)\n\t\t: 'undefined';\n\n\tconst forgotPasswordPreview = `import { renderEmail } from '@ainsleydev/email-templates';\nimport { ForgotPasswordEmail } from '@ainsleydev/payload-helper';\n\nexport default async function render() {\n\treturn renderEmail({\n\t\tcomponent: ForgotPasswordEmail,\n\t\tprops: {\n\t\t\tuser: { firstName: 'John', email: 'john@example.com' },\n\t\t\tresetUrl: \\`${escapedFrontEndUrl}/admin/reset/token123\\`,\n\t\t\tcontent: ${forgotPasswordContent},\n\t\t},\n\t\ttheme: ${themeConfig},\n\t});\n}\n`;\n\n\t// Generate VerifyAccount preview\n\tconst verifyAccountContent = emailConfig?.verifyAccount\n\t\t? JSON.stringify(emailConfig.verifyAccount, null, 3)\n\t\t: 'undefined';\n\n\tconst verifyAccountPreview = `import { renderEmail } from '@ainsleydev/email-templates';\nimport { VerifyAccountEmail } from '@ainsleydev/payload-helper';\n\nexport default async function render() {\n\treturn renderEmail({\n\t\tcomponent: VerifyAccountEmail,\n\t\tprops: {\n\t\t\tuser: { firstName: 'John', email: 'john@example.com' },\n\t\t\tverifyUrl: \\`${escapedFrontEndUrl}/admin/verify/token123\\`,\n\t\t\tcontent: ${verifyAccountContent},\n\t\t},\n\t\ttheme: ${themeConfig},\n\t});\n}\n`;\n\n\t// Write preview files\n\twriteFileSync(join(tempDir, 'forgot-password-email-preview.tsx'), forgotPasswordPreview);\n\twriteFileSync(join(tempDir, 'verify-account-email-preview.tsx'), verifyAccountPreview);\n\n\tconsole.log(chalk.green('✓ Preview templates generated'));\n\tconsole.log(chalk.blue(`🚀 Starting preview server on http://localhost:${port}...`));\n\n\t// Launch email-templates preview\n\tconst previewProcess = spawn('npx', ['email-templates', 'preview', tempDir, `--port=${port}`], {\n\t\tstdio: 'inherit',\n\t\tshell: true,\n\t});\n\n\t// Cleanup on exit\n\tconst cleanup = () => {\n\t\tconsole.log(chalk.blue('\\n🧹 Cleaning up...'));\n\t\ttry {\n\t\t\trmSync(tempDir, { recursive: true, force: true });\n\t\t\tconsole.log(chalk.green('✓ Cleanup complete'));\n\t\t} catch (error) {\n\t\t\tconsole.error(chalk.red('❌ Error during cleanup:'), error);\n\t\t}\n\t};\n\n\tpreviewProcess.on('exit', (code) => {\n\t\tcleanup();\n\t\tprocess.exit(code || 0);\n\t});\n\n\t// Handle Ctrl+C\n\tprocess.on('SIGINT', () => {\n\t\tpreviewProcess.kill('SIGINT');\n\t});\n\n\tprocess.on('SIGTERM', () => {\n\t\tpreviewProcess.kill('SIGTERM');\n\t});\n};\n"],"names":["spawn","mkdirSync","rmSync","writeFileSync","tmpdir","join","chalk","escapeForTemplate","str","replace","getEmailConfig","payload","custom","config","payloadHelperOptions","email","previewEmails","options","port","console","log","blue","emailConfig","yellow","cyan","green","tempDir","Date","now","process","pid","recursive","themeConfig","theme","JSON","stringify","frontEndUrl","escapedFrontEndUrl","forgotPasswordContent","forgotPassword","forgotPasswordPreview","verifyAccountContent","verifyAccount","verifyAccountPreview","previewProcess","stdio","shell","cleanup","force","error","red","on","code","exit","kill"],"mappings":"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"}

package/dist/email/ForgotPasswordEmail.d.ts

@@ -0,0 +1,38 @@
+import type { EmailTheme } from '@ainsleydev/email-templates';
+import * as React from 'react';
+/**
+ * Props for the ForgotPasswordEmail component.
+ */
+export interface ForgotPasswordEmailProps {
+    /**
+     * The email theme (required by renderEmail).
+     */
+    theme: EmailTheme;
+    /**
+     * The user object containing user information.
+     */
+    user: {
+        firstName?: string;
+        email?: string;
+    };
+    /**
+     * The URL for resetting the password.
+     */
+    resetUrl: string;
+    /**
+     * Optional content overrides.
+     */
+    content?: {
+        previewText?: string;
+        heading?: string;
+        bodyText?: string;
+        buttonText?: string;
+    };
+}
+/**
+ * Email template for password reset requests in Payload CMS.
+ *
+ * @param props - The component props
+ * @returns The rendered email component
+ */
+export declare const ForgotPasswordEmail: ({ theme, user, resetUrl, content, }: ForgotPasswordEmailProps) => React.JSX.Element;

package/dist/email/ForgotPasswordEmail.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseEmail, Button, Heading, Section, Text } from '@ainsleydev/email-templates';
+import * as React from 'react';
+/**
+ * Email template for password reset requests in Payload CMS.
+ *
+ * @param props - The component props
+ * @returns The rendered email component
+ */ export const ForgotPasswordEmail = ({ theme, user, resetUrl, content })=>{
+    const userName = user.firstName || user.email || 'there';
+    const previewText = content?.previewText || 'Reset your password';
+    const heading = content?.heading || `Hello, ${userName}!`;
+    const bodyText = content?.bodyText || 'We received a request to reset your password, please click the button below. If you did not request a password reset, you can safely ignore this email.';
+    const buttonText = content?.buttonText || 'Reset Password';
+    return /*#__PURE__*/ _jsxs(BaseEmail, {
+        theme: theme,
+        previewText: previewText,
+        children: [
+            /*#__PURE__*/ _jsx(Heading, {
+                style: {
+                    color: theme.colours.text.heading,
+                    fontSize: '24px',
+                    fontWeight: 'bold',
+                    marginBottom: '20px'
+                },
+                children: heading
+            }),
+            /*#__PURE__*/ _jsx(Text, {
+                style: {
+                    color: theme.colours.text.body,
+                    fontSize: '16px',
+                    lineHeight: '24px',
+                    marginBottom: '30px'
+                },
+                children: bodyText
+            }),
+            /*#__PURE__*/ _jsx(Section, {
+                style: {
+                    textAlign: 'center',
+                    marginBottom: '30px'
+                },
+                children: /*#__PURE__*/ _jsx(Button, {
+                    href: resetUrl,
+                    style: {
+                        backgroundColor: theme.colours.background.accent,
+                        color: theme.colours.text.heading,
+                        padding: '12px 32px',
+                        borderRadius: '5px',
+                        fontSize: '16px',
+                        fontWeight: 'bold',
+                        textDecoration: 'none',
+                        display: 'inline-block'
+                    },
+                    children: buttonText
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=ForgotPasswordEmail.js.map

package/dist/email/ForgotPasswordEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/email/ForgotPasswordEmail.tsx"],"sourcesContent":["import { BaseEmail, Button, Heading, Section, Text } from '@ainsleydev/email-templates';\nimport type { EmailTheme } from '@ainsleydev/email-templates';\nimport * as React from 'react';\n\n/**\n * Props for the ForgotPasswordEmail component.\n */\nexport interface ForgotPasswordEmailProps {\n\t/**\n\t * The email theme (required by renderEmail).\n\t */\n\ttheme: EmailTheme;\n\n\t/**\n\t * The user object containing user information.\n\t */\n\tuser: {\n\t\tfirstName?: string;\n\t\temail?: string;\n\t};\n\n\t/**\n\t * The URL for resetting the password.\n\t */\n\tresetUrl: string;\n\n\t/**\n\t * Optional content overrides.\n\t */\n\tcontent?: {\n\t\tpreviewText?: string;\n\t\theading?: string;\n\t\tbodyText?: string;\n\t\tbuttonText?: string;\n\t};\n}\n\n/**\n * Email template for password reset requests in Payload CMS.\n *\n * @param props - The component props\n * @returns The rendered email component\n */\nexport const ForgotPasswordEmail = ({\n\ttheme,\n\tuser,\n\tresetUrl,\n\tcontent,\n}: ForgotPasswordEmailProps) => {\n\tconst userName = user.firstName || user.email || 'there';\n\tconst previewText = content?.previewText || 'Reset your password';\n\tconst heading = content?.heading || `Hello, ${userName}!`;\n\tconst bodyText =\n\t\tcontent?.bodyText ||\n\t\t'We received a request to reset your password, please click the button below. If you did not request a password reset, you can safely ignore this email.';\n\tconst buttonText = content?.buttonText || 'Reset Password';\n\n\treturn (\n\t\t<BaseEmail theme={theme} previewText={previewText}>\n\t\t\t<Heading\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: theme.colours.text.heading,\n\t\t\t\t\tfontSize: '24px',\n\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\tmarginBottom: '20px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{heading}\n\t\t\t</Heading>\n\t\t\t<Text\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: theme.colours.text.body,\n\t\t\t\t\tfontSize: '16px',\n\t\t\t\t\tlineHeight: '24px',\n\t\t\t\t\tmarginBottom: '30px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{bodyText}\n\t\t\t</Text>\n\t\t\t<Section style={{ textAlign: 'center', marginBottom: '30px' }}>\n\t\t\t\t<Button\n\t\t\t\t\thref={resetUrl}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: theme.colours.background.accent,\n\t\t\t\t\t\tcolor: theme.colours.text.heading,\n\t\t\t\t\t\tpadding: '12px 32px',\n\t\t\t\t\t\tborderRadius: '5px',\n\t\t\t\t\t\tfontSize: '16px',\n\t\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\t\tdisplay: 'inline-block',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{buttonText}\n\t\t\t\t</Button>\n\t\t\t</Section>\n\t\t</BaseEmail>\n\t);\n};\n"],"names":["BaseEmail","Button","Heading","Section","Text","React","ForgotPasswordEmail","theme","user","resetUrl","content","userName","firstName","email","previewText","heading","bodyText","buttonText","style","color","colours","text","fontSize","fontWeight","marginBottom","body","lineHeight","textAlign","href","backgroundColor","background","accent","padding","borderRadius","textDecoration","display"],"mappings":";AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,IAAI,QAAQ,8BAA8B;AAExF,YAAYC,WAAW,QAAQ;AAmC/B;;;;;CAKC,GACD,OAAO,MAAMC,sBAAsB,CAAC,EACnCC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACmB;IAC1B,MAAMC,WAAWH,KAAKI,SAAS,IAAIJ,KAAKK,KAAK,IAAI;IACjD,MAAMC,cAAcJ,SAASI,eAAe;IAC5C,MAAMC,UAAUL,SAASK,WAAW,CAAC,OAAO,EAAEJ,SAAS,CAAC,CAAC;IACzD,MAAMK,WACLN,SAASM,YACT;IACD,MAAMC,aAAaP,SAASO,cAAc;IAE1C,qBACC,MAACjB;QAAUO,OAAOA;QAAOO,aAAaA;;0BACrC,KAACZ;gBACAgB,OAAO;oBACNC,OAAOZ,MAAMa,OAAO,CAACC,IAAI,CAACN,OAAO;oBACjCO,UAAU;oBACVC,YAAY;oBACZC,cAAc;gBACf;0BAECT;;0BAEF,KAACX;gBACAc,OAAO;oBACNC,OAAOZ,MAAMa,OAAO,CAACC,IAAI,CAACI,IAAI;oBAC9BH,UAAU;oBACVI,YAAY;oBACZF,cAAc;gBACf;0BAECR;;0BAEF,KAACb;gBAAQe,OAAO;oBAAES,WAAW;oBAAUH,cAAc;gBAAO;0BAC3D,cAAA,KAACvB;oBACA2B,MAAMnB;oBACNS,OAAO;wBACNW,iBAAiBtB,MAAMa,OAAO,CAACU,UAAU,CAACC,MAAM;wBAChDZ,OAAOZ,MAAMa,OAAO,CAACC,IAAI,CAACN,OAAO;wBACjCiB,SAAS;wBACTC,cAAc;wBACdX,UAAU;wBACVC,YAAY;wBACZW,gBAAgB;wBAChBC,SAAS;oBACV;8BAEClB;;;;;AAKN,EAAE"}

package/dist/email/ForgotPasswordEmail.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/email/ForgotPasswordEmail.test.js

@@ -0,0 +1,202 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { ForgotPasswordEmail } from './ForgotPasswordEmail.js';
+// Mock the email templates module
+vi.mock('@ainsleydev/email-templates', ()=>({
+        BaseEmail: ({ children })=>children,
+        Button: ({ children, href })=>/*#__PURE__*/ _jsx("a", {
+                href: href,
+                children: children
+            }),
+        Heading: ({ children })=>/*#__PURE__*/ _jsx("h1", {
+                children: children
+            }),
+        Section: ({ children })=>/*#__PURE__*/ _jsx("section", {
+                children: children
+            }),
+        Text: ({ children })=>/*#__PURE__*/ _jsx("p", {
+                children: children
+            })
+    }));
+const mockTheme = {
+    colours: {
+        text: {
+            heading: '#000000',
+            body: '#333333',
+            action: '#007bff',
+            negative: '#ffffff'
+        },
+        background: {
+            white: '#ffffff',
+            dark: '#000000',
+            darker: '#0f0f0f',
+            highlight: '#f5f5f5',
+            accent: '#007bff'
+        },
+        border: {
+            light: '#e0e0e0',
+            medium: '#cccccc',
+            dark: '#000000',
+            inverse: '#ffffff'
+        }
+    },
+    branding: {
+        companyName: 'Test Company',
+        logoUrl: 'https://example.com/logo.png',
+        logoWidth: 120,
+        websiteUrl: 'https://example.com'
+    }
+};
+describe('ForgotPasswordEmail', ()=>{
+    test('should render with default content when no overrides provided', ()=>{
+        const props = {
+            theme: mockTheme,
+            user: {
+                firstName: 'John',
+                email: 'john@example.com'
+            },
+            resetUrl: 'https://example.com/reset/token123'
+        };
+        const result = ForgotPasswordEmail(props);
+        // Component should render without errors
+        expect(result).toBeDefined();
+    });
+    test('should use firstName when available', ()=>{
+        const props = {
+            theme: mockTheme,
+            user: {
+                firstName: 'Jane',
+                email: 'jane@example.com'
+            },
+            resetUrl: 'https://example.com/reset/token123'
+        };
+        const result = ForgotPasswordEmail(props);
+        // The userName should be set to firstName
+        // This is tested through the default heading which uses userName
+        expect(result).toBeDefined();
+    });
+    test('should use email when firstName is not available', ()=>{
+        const props = {
+            theme: mockTheme,
+            user: {
+                email: 'john@example.com'
+            },
+            resetUrl: 'https://example.com/reset/token123'
+        };
+        const result = ForgotPasswordEmail(props);
+        // The userName should be set to email
+        expect(result).toBeDefined();
+    });
+    test('should use "there" when neither firstName nor email is available', ()=>{
+        const props = {
+            theme: mockTheme,
+            user: {},
+            resetUrl: 'https://example.com/reset/token123'
+        };
+        const result = ForgotPasswordEmail(props);
+        // The userName should default to "there"
+        expect(result).toBeDefined();
+    });
+    test('should use custom content overrides when provided', ()=>{
+        const props = {
+            theme: mockTheme,
+            user: {
+                firstName: 'John'
+            },
+            resetUrl: 'https://example.com/reset/token123',
+            content: {
+                previewText: 'Custom preview text',
+                heading: 'Custom Heading',
+                bodyText: 'Custom body text',
+                buttonText: 'Custom Button'
+            }
+        };
+        const result = ForgotPasswordEmail(props);
+        // Component should use custom content
+        expect(result).toBeDefined();
+    });
+    test('should use partial content overrides with defaults', ()=>{
+        const props = {
+            theme: mockTheme,
+            user: {
+                firstName: 'John'
+            },
+            resetUrl: 'https://example.com/reset/token123',
+            content: {
+                heading: 'Custom Heading Only'
+            }
+        };
+        const result = ForgotPasswordEmail(props);
+        // Component should use custom heading and default for others
+        expect(result).toBeDefined();
+    });
+    test('should pass resetUrl to the button', ()=>{
+        const resetUrl = 'https://example.com/reset/abc123xyz';
+        const props = {
+            theme: mockTheme,
+            user: {
+                firstName: 'John'
+            },
+            resetUrl
+        };
+        const result = ForgotPasswordEmail(props);
+        // The resetUrl should be used in the button href
+        expect(result).toBeDefined();
+    });
+    test('should apply theme colors correctly', ()=>{
+        const customTheme = {
+            colours: {
+                text: {
+                    heading: '#ff0000',
+                    body: '#00ff00',
+                    action: '#0000ff',
+                    negative: '#ffffff'
+                },
+                background: {
+                    white: '#ffffff',
+                    dark: '#000000',
+                    darker: '#0f0f0f',
+                    highlight: '#f5f5f5',
+                    accent: '#0000ff'
+                },
+                border: {
+                    light: '#e0e0e0',
+                    medium: '#cccccc',
+                    dark: '#000000',
+                    inverse: '#ffffff'
+                }
+            },
+            branding: {
+                companyName: 'Custom Company',
+                logoUrl: 'https://custom.com/logo.png',
+                logoWidth: 150,
+                websiteUrl: 'https://custom.com'
+            }
+        };
+        const props = {
+            theme: customTheme,
+            user: {
+                firstName: 'John'
+            },
+            resetUrl: 'https://example.com/reset/token123'
+        };
+        const result = ForgotPasswordEmail(props);
+        // Component should use custom theme colors
+        expect(result).toBeDefined();
+    });
+    test('should handle empty content object', ()=>{
+        const props = {
+            theme: mockTheme,
+            user: {
+                firstName: 'John'
+            },
+            resetUrl: 'https://example.com/reset/token123',
+            content: {}
+        };
+        const result = ForgotPasswordEmail(props);
+        // Should use all defaults when content is empty object
+        expect(result).toBeDefined();
+    });
+});
+
+//# sourceMappingURL=ForgotPasswordEmail.test.js.map

package/dist/email/ForgotPasswordEmail.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/email/ForgotPasswordEmail.test.tsx"],"sourcesContent":["import type { EmailTheme } from '@ainsleydev/email-templates';\nimport { describe, expect, test, vi } from 'vitest';\nimport { ForgotPasswordEmail } from './ForgotPasswordEmail.js';\nimport type { ForgotPasswordEmailProps } from './ForgotPasswordEmail.js';\n\n// Mock the email templates module\nvi.mock('@ainsleydev/email-templates', () => ({\n\tBaseEmail: ({ children }: { children: React.ReactNode }) => children,\n\tButton: ({ children, href }: { children: React.ReactNode; href: string }) => (\n\t\t<a href={href}>{children}</a>\n\t),\n\tHeading: ({ children }: { children: React.ReactNode }) => <h1>{children}</h1>,\n\tSection: ({ children }: { children: React.ReactNode }) => <section>{children}</section>,\n\tText: ({ children }: { children: React.ReactNode }) => <p>{children}</p>,\n}));\n\nconst mockTheme: EmailTheme = {\n\tcolours: {\n\t\ttext: {\n\t\t\theading: '#000000',\n\t\t\tbody: '#333333',\n\t\t\taction: '#007bff',\n\t\t\tnegative: '#ffffff',\n\t\t},\n\t\tbackground: {\n\t\t\twhite: '#ffffff',\n\t\t\tdark: '#000000',\n\t\t\tdarker: '#0f0f0f',\n\t\t\thighlight: '#f5f5f5',\n\t\t\taccent: '#007bff',\n\t\t},\n\t\tborder: {\n\t\t\tlight: '#e0e0e0',\n\t\t\tmedium: '#cccccc',\n\t\t\tdark: '#000000',\n\t\t\tinverse: '#ffffff',\n\t\t},\n\t},\n\tbranding: {\n\t\tcompanyName: 'Test Company',\n\t\tlogoUrl: 'https://example.com/logo.png',\n\t\tlogoWidth: 120,\n\t\twebsiteUrl: 'https://example.com',\n\t},\n};\n\ndescribe('ForgotPasswordEmail', () => {\n\ttest('should render with default content when no overrides provided', () => {\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: mockTheme,\n\t\t\tuser: {\n\t\t\t\tfirstName: 'John',\n\t\t\t\temail: 'john@example.com',\n\t\t\t},\n\t\t\tresetUrl: 'https://example.com/reset/token123',\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// Component should render without errors\n\t\texpect(result).toBeDefined();\n\t});\n\n\ttest('should use firstName when available', () => {\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: mockTheme,\n\t\t\tuser: {\n\t\t\t\tfirstName: 'Jane',\n\t\t\t\temail: 'jane@example.com',\n\t\t\t},\n\t\t\tresetUrl: 'https://example.com/reset/token123',\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// The userName should be set to firstName\n\t\t// This is tested through the default heading which uses userName\n\t\texpect(result).toBeDefined();\n\t});\n\n\ttest('should use email when firstName is not available', () => {\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: mockTheme,\n\t\t\tuser: {\n\t\t\t\temail: 'john@example.com',\n\t\t\t},\n\t\t\tresetUrl: 'https://example.com/reset/token123',\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// The userName should be set to email\n\t\texpect(result).toBeDefined();\n\t});\n\n\ttest('should use \"there\" when neither firstName nor email is available', () => {\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: mockTheme,\n\t\t\tuser: {},\n\t\t\tresetUrl: 'https://example.com/reset/token123',\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// The userName should default to \"there\"\n\t\texpect(result).toBeDefined();\n\t});\n\n\ttest('should use custom content overrides when provided', () => {\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: mockTheme,\n\t\t\tuser: {\n\t\t\t\tfirstName: 'John',\n\t\t\t},\n\t\t\tresetUrl: 'https://example.com/reset/token123',\n\t\t\tcontent: {\n\t\t\t\tpreviewText: 'Custom preview text',\n\t\t\t\theading: 'Custom Heading',\n\t\t\t\tbodyText: 'Custom body text',\n\t\t\t\tbuttonText: 'Custom Button',\n\t\t\t},\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// Component should use custom content\n\t\texpect(result).toBeDefined();\n\t});\n\n\ttest('should use partial content overrides with defaults', () => {\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: mockTheme,\n\t\t\tuser: {\n\t\t\t\tfirstName: 'John',\n\t\t\t},\n\t\t\tresetUrl: 'https://example.com/reset/token123',\n\t\t\tcontent: {\n\t\t\t\theading: 'Custom Heading Only',\n\t\t\t\t// Other fields should use defaults\n\t\t\t},\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// Component should use custom heading and default for others\n\t\texpect(result).toBeDefined();\n\t});\n\n\ttest('should pass resetUrl to the button', () => {\n\t\tconst resetUrl = 'https://example.com/reset/abc123xyz';\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: mockTheme,\n\t\t\tuser: {\n\t\t\t\tfirstName: 'John',\n\t\t\t},\n\t\t\tresetUrl,\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// The resetUrl should be used in the button href\n\t\texpect(result).toBeDefined();\n\t});\n\n\ttest('should apply theme colors correctly', () => {\n\t\tconst customTheme: EmailTheme = {\n\t\t\tcolours: {\n\t\t\t\ttext: {\n\t\t\t\t\theading: '#ff0000',\n\t\t\t\t\tbody: '#00ff00',\n\t\t\t\t\taction: '#0000ff',\n\t\t\t\t\tnegative: '#ffffff',\n\t\t\t\t},\n\t\t\t\tbackground: {\n\t\t\t\t\twhite: '#ffffff',\n\t\t\t\t\tdark: '#000000',\n\t\t\t\t\tdarker: '#0f0f0f',\n\t\t\t\t\thighlight: '#f5f5f5',\n\t\t\t\t\taccent: '#0000ff',\n\t\t\t\t},\n\t\t\t\tborder: {\n\t\t\t\t\tlight: '#e0e0e0',\n\t\t\t\t\tmedium: '#cccccc',\n\t\t\t\t\tdark: '#000000',\n\t\t\t\t\tinverse: '#ffffff',\n\t\t\t\t},\n\t\t\t},\n\t\t\tbranding: {\n\t\t\t\tcompanyName: 'Custom Company',\n\t\t\t\tlogoUrl: 'https://custom.com/logo.png',\n\t\t\t\tlogoWidth: 150,\n\t\t\t\twebsiteUrl: 'https://custom.com',\n\t\t\t},\n\t\t};\n\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: customTheme,\n\t\t\tuser: {\n\t\t\t\tfirstName: 'John',\n\t\t\t},\n\t\t\tresetUrl: 'https://example.com/reset/token123',\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// Component should use custom theme colors\n\t\texpect(result).toBeDefined();\n\t});\n\n\ttest('should handle empty content object', () => {\n\t\tconst props: ForgotPasswordEmailProps = {\n\t\t\ttheme: mockTheme,\n\t\t\tuser: {\n\t\t\t\tfirstName: 'John',\n\t\t\t},\n\t\t\tresetUrl: 'https://example.com/reset/token123',\n\t\t\tcontent: {},\n\t\t};\n\n\t\tconst result = ForgotPasswordEmail(props);\n\n\t\t// Should use all defaults when content is empty object\n\t\texpect(result).toBeDefined();\n\t});\n});\n"],"names":["describe","expect","test","vi","ForgotPasswordEmail","mock","BaseEmail","children","Button","href","a","Heading","h1","Section","section","Text","p","mockTheme","colours","text","heading","body","action","negative","background","white","dark","darker","highlight","accent","border","light","medium","inverse","branding","companyName","logoUrl","logoWidth","websiteUrl","props","theme","user","firstName","email","resetUrl","result","toBeDefined","content","previewText","bodyText","buttonText","customTheme"],"mappings":"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"}

package/dist/email/VerifyAccountEmail.d.ts

@@ -0,0 +1,38 @@
+import type { EmailTheme } from '@ainsleydev/email-templates';
+import * as React from 'react';
+/**
+ * Props for the VerifyAccountEmail component.
+ */
+export interface VerifyAccountEmailProps {
+    /**
+     * The email theme (required by renderEmail).
+     */
+    theme: EmailTheme;
+    /**
+     * The user object containing user information.
+     */
+    user: {
+        firstName?: string;
+        email?: string;
+    };
+    /**
+     * The URL for verifying the account.
+     */
+    verifyUrl: string;
+    /**
+     * Optional content overrides.
+     */
+    content?: {
+        previewText?: string;
+        heading?: string;
+        bodyText?: string;
+        buttonText?: string;
+    };
+}
+/**
+ * Email template for account verification in Payload CMS.
+ *
+ * @param props - The component props
+ * @returns The rendered email component
+ */
+export declare const VerifyAccountEmail: ({ theme, user, verifyUrl, content, }: VerifyAccountEmailProps) => React.JSX.Element;