@rovela-ai/sdk 0.4.1 → 0.4.2

package/dist/emails/templates/admin-invite.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @rovela/sdk/emails/templates/admin-invite
+ *
+ * Admin invite email template. Sent by the owner/administrator flow
+ * (`inviteAdmin` service) to invite a new admin to manage a store.
+ *
+ * Copy intentionally welcoming — this is the invitee's first touch with
+ * the store's admin system, and they haven't opted in yet. Must convey:
+ *   - Who invited them
+ *   - Which store
+ *   - What role they're getting
+ *   - A single clear CTA
+ *   - A safety note (expiry)
+ *   - A link-fallback for plain-text email clients
+ */
+import type { AdminInviteEmailData } from '../types';
+/**
+ * Render the admin invite email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderAdminInviteEmail } from '@rovela-ai/sdk/emails'
+ *
+ * const html = renderAdminInviteEmail({
+ *   config: emailConfig,
+ *   adminName: 'Jane',
+ *   inviterName: 'Chris',
+ *   storeName: 'Acme Co.',
+ *   roleLabel: 'Administrator',
+ *   acceptLink: 'https://store.com/admin/accept-invite?token=...',
+ *   expiryHours: '72',
+ * })
+ * ```
+ */
+export declare function renderAdminInviteEmail(data: AdminInviteEmailData): string;
+/**
+ * Get the subject line for admin invite emails.
+ */
+export declare function getAdminInviteSubject(storeName: string, inviterName: string): string;
+//# sourceMappingURL=admin-invite.d.ts.map

package/dist/emails/templates/admin-invite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-invite.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/admin-invite.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAUpD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,oBAAoB,GAAG,MAAM,CA8BzE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,CAER"}

package/dist/emails/templates/admin-invite.js

@@ -0,0 +1,62 @@
+/**
+ * @rovela/sdk/emails/templates/admin-invite
+ *
+ * Admin invite email template. Sent by the owner/administrator flow
+ * (`inviteAdmin` service) to invite a new admin to manage a store.
+ *
+ * Copy intentionally welcoming — this is the invitee's first touch with
+ * the store's admin system, and they haven't opted in yet. Must convey:
+ *   - Who invited them
+ *   - Which store
+ *   - What role they're getting
+ *   - A single clear CTA
+ *   - A safety note (expiry)
+ *   - A link-fallback for plain-text email clients
+ */
+import { escapeHtml } from '../utils';
+import { baseLayout, heading, paragraph, primaryButton, linkFallback, } from './base';
+/**
+ * Render the admin invite email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderAdminInviteEmail } from '@rovela-ai/sdk/emails'
+ *
+ * const html = renderAdminInviteEmail({
+ *   config: emailConfig,
+ *   adminName: 'Jane',
+ *   inviterName: 'Chris',
+ *   storeName: 'Acme Co.',
+ *   roleLabel: 'Administrator',
+ *   acceptLink: 'https://store.com/admin/accept-invite?token=...',
+ *   expiryHours: '72',
+ * })
+ * ```
+ */
+export function renderAdminInviteEmail(data) {
+    const content = `
+    ${heading(`You've been invited to ${escapeHtml(data.storeName)}`)}
+
+    ${paragraph(`Hi ${escapeHtml(data.adminName)},`)}
+
+    ${paragraph(`${escapeHtml(data.inviterName)} invited you to manage <strong>${escapeHtml(data.storeName)}</strong> as <strong>${escapeHtml(data.roleLabel)}</strong>. Click the button below to set your password and access the admin dashboard.`, '32px')}
+
+    ${primaryButton('Accept invitation', data.acceptLink)}
+
+    ${paragraph(`This invitation expires in ${escapeHtml(data.expiryHours)} hours. If you weren't expecting this invite, you can safely ignore this email.`, '24px')}
+
+    ${linkFallback(data.acceptLink)}
+  `;
+    return baseLayout({
+        config: data.config,
+        title: `You've been invited to ${data.storeName}`,
+        content,
+    });
+}
+/**
+ * Get the subject line for admin invite emails.
+ */
+export function getAdminInviteSubject(storeName, inviterName) {
+    return `${inviterName} invited you to ${storeName}`;
+}
+//# sourceMappingURL=admin-invite.js.map

package/dist/emails/templates/admin-invite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-invite.js","sourceRoot":"","sources":["../../../src/emails/templates/admin-invite.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EACL,UAAU,EACV,OAAO,EACP,SAAS,EACT,aAAa,EACb,YAAY,GACb,MAAM,QAAQ,CAAA;AAEf;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,sBAAsB,CAAC,IAA0B;IAC/D,MAAM,OAAO,GAAG;MACZ,OAAO,CAAC,0BAA0B,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;;MAE/D,SAAS,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;;MAE9C,SAAS,CACT,GAAG,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,kCAAkC,UAAU,CACzE,IAAI,CAAC,SAAS,CACf,wBAAwB,UAAU,CACjC,IAAI,CAAC,SAAS,CACf,wFAAwF,EACzF,MAAM,CACP;;MAEC,aAAa,CAAC,mBAAmB,EAAE,IAAI,CAAC,UAAU,CAAC;;MAEnD,SAAS,CACT,8BAA8B,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,iFAAiF,EAC3I,MAAM,CACP;;MAEC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;GAChC,CAAA;IAED,OAAO,UAAU,CAAC;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,0BAA0B,IAAI,CAAC,SAAS,EAAE;QACjD,OAAO;KACR,CAAC,CAAA;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB,CACnC,SAAiB,EACjB,WAAmB;IAEnB,OAAO,GAAG,WAAW,mBAAmB,SAAS,EAAE,CAAA;AACrD,CAAC"}

package/dist/emails/templates/base.d.ts

@@ -0,0 +1,109 @@
+/**
+ * @rovela/sdk/emails/templates/base
+ *
+ * Base email layout used by all email templates.
+ * Provides consistent styling and structure.
+ *
+ * Uses consistent brand defaults for reliable email client rendering.
+ * Email clients have limited CSS support, so we use reliable fallback colors.
+ */
+import type { EmailConfig } from '../types';
+declare const STYLES: {
+    readonly fontFamily: "'Plus Jakarta Sans', system-ui, sans-serif";
+    readonly fontName: "Plus Jakarta Sans";
+    readonly backgroundColor: "#F7F7F7";
+    readonly cardBackground: "#FFFFFF";
+    readonly cardBorder: "#E8DFD3";
+    readonly footerBackground: "#FBF8F5";
+    readonly primaryColor: "#0CAF7D";
+    readonly textPrimary: "#0A0A0A";
+    readonly textSecondary: "#78716C";
+    readonly textMuted: "#1C1917";
+};
+export interface BaseLayoutOptions {
+    config: EmailConfig;
+    title: string;
+    content: string;
+}
+/**
+ * Wrap email content in the base layout.
+ * All email templates should use this function.
+ *
+ * @example
+ * ```typescript
+ * const html = baseLayout({
+ *   config: emailConfig,
+ *   title: 'Order Confirmation',
+ *   content: '<h1>Thank you for your order!</h1>...',
+ * })
+ * ```
+ */
+export declare function baseLayout({ config, title, content }: BaseLayoutOptions): string;
+/**
+ * Render a primary CTA button.
+ */
+export declare function primaryButton(text: string, href: string): string;
+/**
+ * Render a heading (h1).
+ */
+export declare function heading(text: string): string;
+/**
+ * Render a paragraph of text.
+ */
+export declare function paragraph(text: string, marginBottom?: string): string;
+/**
+ * Render an info box (muted background).
+ */
+export declare function infoBox(content: string): string;
+/**
+ * Render a link with fallback text.
+ */
+export declare function linkFallback(href: string): string;
+/**
+ * Render a detail box with label-value pairs.
+ */
+export declare function detailBox(title: string, details: Array<{
+    label: string;
+    value: string;
+}>): string;
+/**
+ * Render a success status badge.
+ */
+export declare function statusBadge(text: string, emoji?: string): string;
+/**
+ * Render a labeled value row.
+ */
+export declare function labeledValue(label: string, value: string, options?: {
+    valueColor?: string;
+    valueSize?: string;
+    borderTop?: boolean;
+    borderBottom?: boolean;
+}): string;
+/**
+ * Render a two-column labeled value row.
+ */
+export declare function labeledValueRow(left: {
+    label: string;
+    value: string;
+}, right: {
+    label: string;
+    value: string;
+}, borderBottom?: boolean): string;
+/**
+ * Render a highlighted box (green tinted).
+ */
+export declare function highlightBox(content: string): string;
+/**
+ * Render a secondary/outline button.
+ */
+export declare function secondaryButton(text: string, href: string): string;
+/**
+ * Render address section.
+ */
+export declare function addressSection(title: string, addressHtml: string): string;
+/**
+ * Render a section heading.
+ */
+export declare function sectionHeading(text: string): string;
+export { STYLES };
+//# sourceMappingURL=base.d.ts.map

package/dist/emails/templates/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/base.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA4D3C,QAAA,MAAM,MAAM;;;;;;;;;;;CAWF,CAAA;AA0DV,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,iBAAiB,GAAG,MAAM,CAiChF;AAMD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAUhE;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,GAAE,MAAe,GAAG,MAAM,CAE7E;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAQ/C;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKjD;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,GAC/C,MAAM,CAiBR;AAMD;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAahE;AAMD;;GAEG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,OAAO,GAAE;IACP,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CAClB,GACL,MAAM,CAmBR;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACtC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACvC,YAAY,CAAC,EAAE,OAAO,GACrB,MAAM,CAeR;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAMpD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAUlE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CASzE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEnD;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/emails/templates/base.js

@@ -0,0 +1,334 @@
+/**
+ * @rovela/sdk/emails/templates/base
+ *
+ * Base email layout used by all email templates.
+ * Provides consistent styling and structure.
+ *
+ * Uses consistent brand defaults for reliable email client rendering.
+ * Email clients have limited CSS support, so we use reliable fallback colors.
+ */
+import { escapeHtml } from '../utils';
+// =============================================================================
+// Theme Loading
+// =============================================================================
+/**
+ * Default email colors (Rovela brand colors as fallback)
+ */
+const DEFAULT_COLORS = {
+    primary: '#0CAF7D',
+    neutral50: '#FBF8F5',
+    neutral200: '#E8DFD3',
+    neutral500: '#78716C',
+    neutral800: '#1C1917',
+    neutral900: '#0A0A0A',
+};
+/**
+ * Default email typography
+ */
+const DEFAULT_TYPOGRAPHY = {
+    fontFamily: "'Plus Jakarta Sans', system-ui, sans-serif",
+    fontName: 'Plus Jakarta Sans',
+};
+/**
+ * Email theme configuration.
+ * Uses consistent brand defaults for reliable email client rendering.
+ */
+const THEME = {
+    colors: DEFAULT_COLORS,
+    fontFamily: DEFAULT_TYPOGRAPHY.fontFamily,
+    fontName: DEFAULT_TYPOGRAPHY.fontName,
+};
+// =============================================================================
+// Color Utilities
+// =============================================================================
+/**
+ * Convert hex color to rgba with opacity.
+ * Used for translucent backgrounds and borders.
+ */
+function hexToRgba(hex, opacity) {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    if (!result)
+        return `rgba(0, 0, 0, ${opacity})`;
+    const r = parseInt(result[1], 16);
+    const g = parseInt(result[2], 16);
+    const b = parseInt(result[3], 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+// =============================================================================
+// Styles
+// =============================================================================
+const STYLES = {
+    fontFamily: THEME.fontFamily,
+    fontName: THEME.fontName,
+    backgroundColor: '#F7F7F7',
+    cardBackground: '#FFFFFF',
+    cardBorder: THEME.colors.neutral200,
+    footerBackground: THEME.colors.neutral50,
+    primaryColor: THEME.colors.primary,
+    textPrimary: THEME.colors.neutral900,
+    textSecondary: THEME.colors.neutral500,
+    textMuted: THEME.colors.neutral800,
+};
+// =============================================================================
+// Layout Components
+// =============================================================================
+/**
+ * Render the email header with logo.
+ * When no logo is provided, returns a spacer row for consistent top padding.
+ */
+function renderHeader(logoUrl) {
+    if (!logoUrl) {
+        // Return a spacer row for top padding when no logo
+        return `
+    <tr>
+      <td style="padding-top: 48px;"></td>
+    </tr>
+  `;
+    }
+    return `
+    <tr>
+      <td align="center" style="padding: 48px 32px 32px 32px;">
+        <img src="${escapeHtml(logoUrl)}" alt="Store Logo" style="max-width: 180px; height: auto;" />
+      </td>
+    </tr>
+  `;
+}
+/**
+ * Render the email footer.
+ */
+function renderFooter(config) {
+    return `
+    <tr>
+      <td style="padding: 32px 48px; background-color: ${STYLES.footerBackground}; border-top: 1px solid ${STYLES.cardBorder};">
+        <p style="margin: 0 0 8px 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 500; line-height: 1.5; color: ${STYLES.textMuted}; text-align: center;">
+          ${escapeHtml(config.storeName)}
+        </p>
+        ${config.storeAddress
+        ? `<p style="margin: 0 0 16px 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.5; color: ${STYLES.textSecondary}; text-align: center;">
+            ${escapeHtml(config.storeAddress)}
+          </p>`
+        : ''}
+        <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.5; color: ${STYLES.textSecondary}; text-align: center;">
+          Need help? Contact us at <a href="mailto:${escapeHtml(config.supportEmail)}" style="color: ${STYLES.primaryColor}; text-decoration: none; font-weight: 500;">${escapeHtml(config.supportEmail)}</a>
+        </p>
+      </td>
+    </tr>
+  `;
+}
+/**
+ * Wrap email content in the base layout.
+ * All email templates should use this function.
+ *
+ * @example
+ * ```typescript
+ * const html = baseLayout({
+ *   config: emailConfig,
+ *   title: 'Order Confirmation',
+ *   content: '<h1>Thank you for your order!</h1>...',
+ * })
+ * ```
+ */
+export function baseLayout({ config, title, content }) {
+    // Build Google Fonts URL with dynamic font name
+    const fontNameEncoded = STYLES.fontName.replace(/ /g, '+');
+    const googleFontsUrl = `https://fonts.googleapis.com/css2?family=${fontNameEncoded}:wght@400;500;600;700&display=swap`;
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(title)}</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="${googleFontsUrl}" rel="stylesheet">
+</head>
+<body style="margin: 0; padding: 0; font-family: ${STYLES.fontFamily}; background-color: ${STYLES.backgroundColor};">
+  <table width="100%" cellpadding="0" cellspacing="0" style="background-color: ${STYLES.backgroundColor}; padding: 40px 0;">
+    <tr>
+      <td align="center">
+        <table width="600" cellpadding="0" cellspacing="0" style="background-color: ${STYLES.cardBackground}; border-radius: 24px; overflow: hidden; border: 1px solid ${STYLES.cardBorder};">
+          ${renderHeader(config.logoUrl)}
+          <tr>
+            <td style="padding: 0 48px 48px 48px;">
+              ${content}
+            </td>
+          </tr>
+          ${renderFooter(config)}
+        </table>
+      </td>
+    </tr>
+  </table>
+</body>
+</html>`;
+}
+// =============================================================================
+// Common Components
+// =============================================================================
+/**
+ * Render a primary CTA button.
+ */
+export function primaryButton(text, href) {
+    return `
+    <table width="100%" cellpadding="0" cellspacing="0" style="margin: 0 0 32px 0;">
+      <tr>
+        <td align="center">
+          <a href="${escapeHtml(href)}" style="display: inline-block; padding: 12px 32px; background-color: ${STYLES.primaryColor}; color: #FFFFFF; text-decoration: none; border-radius: 12px; font-family: ${STYLES.fontFamily}; font-size: 16px; font-weight: 600;">${escapeHtml(text)}</a>
+        </td>
+      </tr>
+    </table>
+  `;
+}
+/**
+ * Render a heading (h1).
+ */
+export function heading(text) {
+    return `<h1 style="margin: 0 0 24px 0; font-family: ${STYLES.fontFamily}; font-size: 30px; font-weight: 700; color: ${STYLES.textPrimary}; text-align: center; line-height: 1.1;">${escapeHtml(text)}</h1>`;
+}
+/**
+ * Render a paragraph of text.
+ */
+export function paragraph(text, marginBottom = '16px') {
+    return `<p style="margin: 0 0 ${marginBottom} 0; font-family: ${STYLES.fontFamily}; font-size: 16px; font-weight: 400; line-height: 1.625; color: ${STYLES.textSecondary};">${text}</p>`;
+}
+/**
+ * Render an info box (muted background).
+ */
+export function infoBox(content) {
+    return `
+    <div style="padding: 16px; background-color: ${STYLES.footerBackground}; border-radius: 12px; border: 1px solid ${STYLES.cardBorder};">
+      <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.5; color: ${STYLES.textSecondary};">
+        ${content}
+      </p>
+    </div>
+  `;
+}
+/**
+ * Render a link with fallback text.
+ */
+export function linkFallback(href) {
+    return infoBox(`
+    If the button doesn't work, copy and paste this link into your browser:<br>
+    <a href="${escapeHtml(href)}" style="color: ${STYLES.primaryColor}; word-break: break-all; text-decoration: none;">${escapeHtml(href)}</a>
+  `);
+}
+/**
+ * Render a detail box with label-value pairs.
+ */
+export function detailBox(title, details) {
+    const detailsHtml = details
+        .map((d) => `
+      <p style="margin: 0 0 8px 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.5; color: ${STYLES.textSecondary};">
+        <strong style="color: ${STYLES.textMuted};">${escapeHtml(d.label)}:</strong> ${escapeHtml(d.value)}
+      </p>
+    `)
+        .join('');
+    return `
+    <div style="padding: 20px; background-color: ${STYLES.footerBackground}; border-radius: 12px; border: 1px solid ${STYLES.cardBorder};">
+      <h3 style="margin: 0 0 12px 0; font-family: ${STYLES.fontFamily}; font-size: 18px; font-weight: 600; color: ${STYLES.textPrimary};">${escapeHtml(title)}</h3>
+      ${detailsHtml}
+    </div>
+  `;
+}
+// =============================================================================
+// Status Badges
+// =============================================================================
+/**
+ * Render a success status badge.
+ */
+export function statusBadge(text, emoji) {
+    const displayText = emoji ? `${emoji} ${text}` : `✓ ${text}`;
+    return `
+    <table width="100%" cellpadding="0" cellspacing="0">
+      <tr>
+        <td align="center" style="padding: 0 48px 24px 48px;">
+          <div style="display: inline-block; padding: 8px 16px; background-color: ${hexToRgba(STYLES.primaryColor, 0.1)}; border-radius: 9999px; border: 1px solid ${hexToRgba(STYLES.primaryColor, 0.3)};">
+            <span style="font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 600; color: ${STYLES.primaryColor};">${escapeHtml(displayText)}</span>
+          </div>
+        </td>
+      </tr>
+    </table>
+  `;
+}
+// =============================================================================
+// Data Display Components
+// =============================================================================
+/**
+ * Render a labeled value row.
+ */
+export function labeledValue(label, value, options = {}) {
+    const { valueColor = STYLES.textPrimary, valueSize = '18px', borderTop = false, borderBottom = false, } = options;
+    const borderTopStyle = borderTop ? `padding-top: 16px; border-top: 1px solid ${STYLES.cardBorder};` : '';
+    const borderBottomStyle = borderBottom ? 'padding-bottom: 16px;' : '';
+    return `
+    <tr>
+      <td style="${borderTopStyle} ${borderBottomStyle}">
+        <p style="margin: 0 0 4px 0; font-family: ${STYLES.fontFamily}; font-size: 12px; font-weight: 400; color: ${STYLES.textSecondary}; text-transform: uppercase; letter-spacing: 0.05em;">${escapeHtml(label)}</p>
+        <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: ${valueSize}; font-weight: 600; color: ${valueColor};">${escapeHtml(value)}</p>
+      </td>
+    </tr>
+  `;
+}
+/**
+ * Render a two-column labeled value row.
+ */
+export function labeledValueRow(left, right, borderBottom) {
+    const borderStyle = borderBottom ? 'padding-bottom: 16px;' : '';
+    return `
+    <tr>
+      <td style="${borderStyle}">
+        <p style="margin: 0 0 4px 0; font-family: ${STYLES.fontFamily}; font-size: 12px; font-weight: 400; color: ${STYLES.textSecondary}; text-transform: uppercase; letter-spacing: 0.05em;">${escapeHtml(left.label)}</p>
+        <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 18px; font-weight: 600; color: ${STYLES.textPrimary};">${escapeHtml(left.value)}</p>
+      </td>
+      <td align="right" style="${borderStyle}">
+        <p style="margin: 0 0 4px 0; font-family: ${STYLES.fontFamily}; font-size: 12px; font-weight: 400; color: ${STYLES.textSecondary}; text-transform: uppercase; letter-spacing: 0.05em;">${escapeHtml(right.label)}</p>
+        <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 18px; font-weight: 600; color: ${STYLES.textPrimary};">${escapeHtml(right.value)}</p>
+      </td>
+    </tr>
+  `;
+}
+/**
+ * Render a highlighted box (green tinted).
+ */
+export function highlightBox(content) {
+    return `
+    <div style="padding: 20px; background-color: ${hexToRgba(STYLES.primaryColor, 0.05)}; border-radius: 12px; border: 1px solid ${hexToRgba(STYLES.primaryColor, 0.2)}; margin-bottom: 32px;">
+      ${content}
+    </div>
+  `;
+}
+/**
+ * Render a secondary/outline button.
+ */
+export function secondaryButton(text, href) {
+    return `
+    <table width="100%" cellpadding="0" cellspacing="0">
+      <tr>
+        <td align="center">
+          <a href="${escapeHtml(href)}" style="display: inline-block; padding: 12px 32px; background-color: transparent; color: ${STYLES.primaryColor}; text-decoration: none; border-radius: 12px; border: 1px solid ${hexToRgba(STYLES.primaryColor, 0.3)}; font-family: ${STYLES.fontFamily}; font-size: 16px; font-weight: 600;">${escapeHtml(text)}</a>
+        </td>
+      </tr>
+    </table>
+  `;
+}
+/**
+ * Render address section.
+ */
+export function addressSection(title, addressHtml) {
+    return `
+    <div style="margin-bottom: 32px;">
+      <h3 style="margin: 0 0 12px 0; font-family: ${STYLES.fontFamily}; font-size: 18px; font-weight: 600; color: ${STYLES.textPrimary};">${escapeHtml(title)}</h3>
+      <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.5; color: ${STYLES.textSecondary};">
+        ${addressHtml}
+      </p>
+    </div>
+  `;
+}
+/**
+ * Render a section heading.
+ */
+export function sectionHeading(text) {
+    return `<h3 style="margin: 0 0 16px 0; font-family: ${STYLES.fontFamily}; font-size: 18px; font-weight: 600; color: ${STYLES.textPrimary};">${escapeHtml(text)}</h3>`;
+}
+// Export styles for use in specialized templates
+export { STYLES };
+//# sourceMappingURL=base.js.map

package/dist/emails/templates/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/emails/templates/base.ts"],"names":[],"mappings":"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"}

package/dist/emails/templates/email-verification.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @rovela/sdk/emails/templates/email-verification
+ *
+ * Email verification template for new account signups.
+ */
+import type { EmailVerificationData } from '../types';
+/**
+ * Render the email verification template.
+ *
+ * @example
+ * ```typescript
+ * import { renderEmailVerification } from '@rovela/sdk/emails'
+ *
+ * const html = renderEmailVerification({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   verificationLink: 'https://store.com/verify?token=...',
+ *   expiryTime: '24',
+ * })
+ * ```
+ */
+export declare function renderEmailVerification(data: EmailVerificationData): string;
+/**
+ * Get the subject line for email verification emails.
+ */
+export declare function getEmailVerificationSubject(storeName: string): string;
+//# sourceMappingURL=email-verification.d.ts.map

package/dist/emails/templates/email-verification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-verification.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/email-verification.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAUrD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,qBAAqB,GAAG,MAAM,CA+B3E;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAErE"}

package/dist/emails/templates/email-verification.js

@@ -0,0 +1,52 @@
+/**
+ * @rovela/sdk/emails/templates/email-verification
+ *
+ * Email verification template for new account signups.
+ */
+import { escapeHtml } from '../utils';
+import { baseLayout, heading, paragraph, primaryButton, linkFallback, } from './base';
+/**
+ * Render the email verification template.
+ *
+ * @example
+ * ```typescript
+ * import { renderEmailVerification } from '@rovela/sdk/emails'
+ *
+ * const html = renderEmailVerification({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   verificationLink: 'https://store.com/verify?token=...',
+ *   expiryTime: '24',
+ * })
+ * ```
+ */
+export function renderEmailVerification(data) {
+    const content = `
+    ${heading('Verify Your Email Address')}
+
+    ${paragraph(`Hi ${escapeHtml(data.customerName)},`)}
+
+    ${paragraph(`Thanks for signing up with ${escapeHtml(data.config.storeName)}! To complete your registration and start shopping, please verify your email address by clicking the button below.`, '32px')}
+
+    ${primaryButton('Verify Email Address', data.verificationLink)}
+
+    ${paragraph(`This link will expire in ${escapeHtml(data.expiryTime)} ${data.expiryTime === '1' ? 'hour' : 'hours'} for security reasons.`, '24px')}
+
+    ${paragraph("If you didn't create an account with us, you can safely ignore this email.", '24px')}
+
+    ${linkFallback(data.verificationLink)}
+  `;
+    return baseLayout({
+        config: data.config,
+        title: 'Verify Your Email Address',
+        content,
+    });
+}
+/**
+ * Get the subject line for email verification emails.
+ */
+export function getEmailVerificationSubject(storeName) {
+    return `Verify your email address - ${storeName}`;
+}
+//# sourceMappingURL=email-verification.js.map

package/dist/emails/templates/email-verification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-verification.js","sourceRoot":"","sources":["../../../src/emails/templates/email-verification.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EACL,UAAU,EACV,OAAO,EACP,SAAS,EACT,aAAa,EACb,YAAY,GACb,MAAM,QAAQ,CAAA;AAEf;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,uBAAuB,CAAC,IAA2B;IACjE,MAAM,OAAO,GAAG;MACZ,OAAO,CAAC,2BAA2B,CAAC;;MAEpC,SAAS,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;;MAEjD,SAAS,CACT,8BAA8B,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,oHAAoH,EACnL,MAAM,CACP;;MAEC,aAAa,CAAC,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC;;MAE5D,SAAS,CACT,4BAA4B,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,wBAAwB,EAC7H,MAAM,CACP;;MAEC,SAAS,CACT,4EAA4E,EAC5E,MAAM,CACP;;MAEC,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC;GACtC,CAAA;IAED,OAAO,UAAU,CAAC;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,2BAA2B;QAClC,OAAO;KACR,CAAC,CAAA;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,2BAA2B,CAAC,SAAiB;IAC3D,OAAO,+BAA+B,SAAS,EAAE,CAAA;AACnD,CAAC"}