@rovela-ai/sdk 0.4.1 → 0.4.2

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

@@ -0,0 +1,16 @@
+/**
+ * @rovela/sdk/emails/templates
+ *
+ * Email template render functions.
+ */
+export { baseLayout, primaryButton, heading, paragraph, infoBox, linkFallback, detailBox, statusBadge, labeledValue, labeledValueRow, highlightBox, secondaryButton, addressSection, sectionHeading, STYLES, } from './base';
+export { renderEmailVerification, getEmailVerificationSubject, } from './email-verification';
+export { renderWelcomeEmail, getWelcomeEmailSubject } from './welcome';
+export { renderPasswordResetEmail, getPasswordResetSubject, } from './password-reset';
+export { renderAdminInviteEmail, getAdminInviteSubject, } from './admin-invite';
+export { renderOrderConfirmation, getOrderConfirmationSubject, } from './order-confirmation';
+export { renderOrderShipped, getOrderShippedSubject } from './order-shipped';
+export { renderOrderDelivered, getOrderDeliveredSubject, } from './order-delivered';
+export { renderOrderCancelled, getOrderCancelledSubject, } from './order-cancelled';
+export { renderRefundProcessed, getRefundProcessedSubject, } from './refund-processed';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,EACL,UAAU,EACV,aAAa,EACb,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,eAAe,EACf,cAAc,EACd,cAAc,EACd,MAAM,GACP,MAAM,QAAQ,CAAA;AAMf,OAAO,EACL,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAEtE,OAAO,EACL,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,kBAAkB,CAAA;AAMzB,OAAO,EACL,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,gBAAgB,CAAA;AAMvB,OAAO,EACL,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAE5E,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,oBAAoB,CAAA"}

package/dist/emails/templates/index.js

@@ -0,0 +1,28 @@
+/**
+ * @rovela/sdk/emails/templates
+ *
+ * Email template render functions.
+ */
+// =============================================================================
+// Base Components
+// =============================================================================
+export { baseLayout, primaryButton, heading, paragraph, infoBox, linkFallback, detailBox, statusBadge, labeledValue, labeledValueRow, highlightBox, secondaryButton, addressSection, sectionHeading, STYLES, } from './base';
+// =============================================================================
+// Auth Templates
+// =============================================================================
+export { renderEmailVerification, getEmailVerificationSubject, } from './email-verification';
+export { renderWelcomeEmail, getWelcomeEmailSubject } from './welcome';
+export { renderPasswordResetEmail, getPasswordResetSubject, } from './password-reset';
+// =============================================================================
+// Admin Templates (Phase 3)
+// =============================================================================
+export { renderAdminInviteEmail, getAdminInviteSubject, } from './admin-invite';
+// =============================================================================
+// Order Templates
+// =============================================================================
+export { renderOrderConfirmation, getOrderConfirmationSubject, } from './order-confirmation';
+export { renderOrderShipped, getOrderShippedSubject } from './order-shipped';
+export { renderOrderDelivered, getOrderDeliveredSubject, } from './order-delivered';
+export { renderOrderCancelled, getOrderCancelledSubject, } from './order-cancelled';
+export { renderRefundProcessed, getRefundProcessedSubject, } from './refund-processed';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/emails/templates/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF,OAAO,EACL,UAAU,EACV,aAAa,EACb,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,eAAe,EACf,cAAc,EACd,cAAc,EACd,MAAM,GACP,MAAM,QAAQ,CAAA;AAEf,gFAAgF;AAChF,iBAAiB;AACjB,gFAAgF;AAEhF,OAAO,EACL,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAEtE,OAAO,EACL,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,kBAAkB,CAAA;AAEzB,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,OAAO,EACL,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,gBAAgB,CAAA;AAEvB,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF,OAAO,EACL,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAE5E,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EACL,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,oBAAoB,CAAA"}

package/dist/emails/templates/order-cancelled.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @rovela/sdk/emails/templates/order-cancelled
+ *
+ * Order cancelled email template.
+ */
+import type { OrderCancelledData } from '../types';
+/**
+ * Render the order cancelled email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderOrderCancelled } from '@rovela/sdk/emails'
+ *
+ * const html = renderOrderCancelled({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   cancellationReason: 'Customer requested cancellation.',
+ *   cancellationDate: 'November 28, 2025',
+ *   refundMessage: 'Your refund will be processed within 3-5 business days.',
+ * })
+ * ```
+ */
+export declare function renderOrderCancelled(data: OrderCancelledData): string;
+/**
+ * Get the subject line for order cancelled emails.
+ */
+export declare function getOrderCancelledSubject(storeName: string, orderNumber: string): string;
+//# sourceMappingURL=order-cancelled.d.ts.map

package/dist/emails/templates/order-cancelled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-cancelled.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/order-cancelled.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAgBlD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAyDrE;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,CAER"}

package/dist/emails/templates/order-cancelled.js

@@ -0,0 +1,83 @@
+/**
+ * @rovela/sdk/emails/templates/order-cancelled
+ *
+ * Order cancelled email template.
+ */
+import { escapeHtml } from '../utils';
+import { baseLayout, heading, paragraph, primaryButton, labeledValue, highlightBox, STYLES, } from './base';
+// =============================================================================
+// Main Template
+// =============================================================================
+/**
+ * Render the order cancelled email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderOrderCancelled } from '@rovela/sdk/emails'
+ *
+ * const html = renderOrderCancelled({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   cancellationReason: 'Customer requested cancellation.',
+ *   cancellationDate: 'November 28, 2025',
+ *   refundMessage: 'Your refund will be processed within 3-5 business days.',
+ * })
+ * ```
+ */
+export function renderOrderCancelled(data) {
+    // Build cancellation reason text
+    const reasonText = data.cancellationReason
+        ? ` ${escapeHtml(data.cancellationReason)}`
+        : '';
+    // Order details box
+    const orderDetailsBox = `
+    <div style="padding: 24px; background-color: ${STYLES.footerBackground}; border-radius: 16px; border: 1px solid ${STYLES.cardBorder}; margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        ${labeledValue('Order Number', `#${data.orderNumber}`, {
+        valueSize: '16px',
+        borderBottom: true,
+    })}
+        ${labeledValue('Cancelled On', data.cancellationDate, {
+        valueSize: '16px',
+        borderTop: true,
+    })}
+      </table>
+    </div>
+  `;
+    // Refund information box
+    const refundInfoBox = highlightBox(`
+    <h3 style="margin: 0 0 12px 0; font-family: ${STYLES.fontFamily}; font-size: 18px; font-weight: 600; color: ${STYLES.textPrimary};">Refund Information</h3>
+    <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.5; color: ${STYLES.textSecondary};">
+      ${escapeHtml(data.refundMessage)}
+    </p>
+  `);
+    const content = `
+    ${heading('Order Cancelled')}
+
+    ${paragraph(`Hi ${escapeHtml(data.customerName)},`)}
+
+    ${paragraph(`Your order #${escapeHtml(data.orderNumber)} has been cancelled as requested.${reasonText}`, '32px')}
+
+    ${orderDetailsBox}
+
+    ${refundInfoBox}
+
+    ${paragraph("If you have any questions about this cancellation, please don't hesitate to reach out to our support team.", '32px')}
+
+    ${primaryButton('Continue Shopping', data.config.shopUrl)}
+  `;
+    return baseLayout({
+        config: data.config,
+        title: `Order Cancelled - #${data.orderNumber}`,
+        content,
+    });
+}
+/**
+ * Get the subject line for order cancelled emails.
+ */
+export function getOrderCancelledSubject(storeName, orderNumber) {
+    return `Order Cancelled - #${orderNumber} | ${storeName}`;
+}
+//# sourceMappingURL=order-cancelled.js.map

package/dist/emails/templates/order-cancelled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-cancelled.js","sourceRoot":"","sources":["../../../src/emails/templates/order-cancelled.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,EACZ,YAAY,EACZ,MAAM,GACP,MAAM,QAAQ,CAAA;AAEf,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAwB;IAC3D,iCAAiC;IACjC,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB;QACxC,CAAC,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE;QAC3C,CAAC,CAAC,EAAE,CAAA;IAEN,oBAAoB;IACpB,MAAM,eAAe,GAAG;mDACyB,MAAM,CAAC,gBAAgB,4CAA4C,MAAM,CAAC,UAAU;;UAE7H,YAAY,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;QACrD,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,IAAI;KACnB,CAAC;UACA,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,gBAAgB,EAAE;QACpD,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,IAAI;KAChB,CAAC;;;GAGP,CAAA;IAED,yBAAyB;IACzB,MAAM,aAAa,GAAG,YAAY,CAAC;kDACa,MAAM,CAAC,UAAU,+CAA+C,MAAM,CAAC,WAAW;wCAC5F,MAAM,CAAC,UAAU,iEAAiE,MAAM,CAAC,aAAa;QACtI,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;;GAEnC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG;MACZ,OAAO,CAAC,iBAAiB,CAAC;;MAE1B,SAAS,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;;MAEjD,SAAS,CACT,eAAe,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,oCAAoC,UAAU,EAAE,EAC3F,MAAM,CACP;;MAEC,eAAe;;MAEf,aAAa;;MAEb,SAAS,CACT,4GAA4G,EAC5G,MAAM,CACP;;MAEC,aAAa,CAAC,mBAAmB,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;GAC1D,CAAA;IAED,OAAO,UAAU,CAAC;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,sBAAsB,IAAI,CAAC,WAAW,EAAE;QAC/C,OAAO;KACR,CAAC,CAAA;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,wBAAwB,CACtC,SAAiB,EACjB,WAAmB;IAEnB,OAAO,sBAAsB,WAAW,MAAM,SAAS,EAAE,CAAA;AAC3D,CAAC"}

package/dist/emails/templates/order-confirmation.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @rovela/sdk/emails/templates/order-confirmation
+ *
+ * Order confirmation email template.
+ */
+import type { OrderConfirmationData } from '../types';
+/**
+ * Render the order confirmation email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderOrderConfirmation } from '@rovela/sdk/emails'
+ *
+ * const html = renderOrderConfirmation({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   orderDate: 'November 28, 2025',
+ *   paymentStatus: 'Paid',
+ *   items: [...],
+ *   subtotal: '$99.00',
+ *   shippingCost: '$5.00',
+ *   tax: '$8.00',
+ *   total: '$112.00',
+ *   shippingAddress: {...},
+ *   orderTrackingUrl: 'https://store.com/orders/12345',
+ * })
+ * ```
+ */
+export declare function renderOrderConfirmation(data: OrderConfirmationData): string;
+/**
+ * Get the subject line for order confirmation emails.
+ */
+export declare function getOrderConfirmationSubject(storeName: string, orderNumber: string): string;
+//# sourceMappingURL=order-confirmation.d.ts.map

package/dist/emails/templates/order-confirmation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-confirmation.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/order-confirmation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAkB,MAAM,UAAU,CAAA;AAmHrE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,qBAAqB,GAAG,MAAM,CAyD3E;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,CAER"}

package/dist/emails/templates/order-confirmation.js

@@ -0,0 +1,174 @@
+/**
+ * @rovela/sdk/emails/templates/order-confirmation
+ *
+ * Order confirmation email template.
+ */
+import { escapeHtml, formatAddressHtml } from '../utils';
+import { baseLayout, statusBadge, heading, primaryButton, secondaryButton, labeledValueRow, labeledValue, sectionHeading, addressSection, STYLES, } from './base';
+// =============================================================================
+// Order Item Component
+// =============================================================================
+function renderOrderItem(item) {
+    const imageHtml = item.imageUrl
+        ? `<td width="80" style="padding-right: 16px;">
+        <img src="${escapeHtml(item.imageUrl)}" alt="${escapeHtml(item.name)}" style="width: 80px; height: 80px; border-radius: 8px; object-fit: cover; border: 1px solid ${STYLES.cardBorder};" />
+      </td>`
+        : '';
+    return `
+    <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom: 16px;">
+      <tr>
+        ${imageHtml}
+        <td>
+          <p style="margin: 0 0 4px 0; font-family: ${STYLES.fontFamily}; font-size: 16px; font-weight: 600; color: ${STYLES.textPrimary};">${escapeHtml(item.name)}</p>
+          <p style="margin: 0 0 8px 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${STYLES.textSecondary};">Quantity: ${item.quantity}</p>
+          <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 16px; font-weight: 600; color: ${STYLES.textPrimary};">${escapeHtml(item.price)}</p>
+        </td>
+      </tr>
+    </table>
+  `;
+}
+function renderOrderItems(items) {
+    return items.map(renderOrderItem).join('');
+}
+// =============================================================================
+// Order Summary Component
+// =============================================================================
+function renderOrderSummary(data) {
+    // Render discount row only if discount is provided
+    const discountRow = data.discount
+        ? `
+        <tr>
+          <td style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: #10B981;">Discount${data.discountCode ? ` (${escapeHtml(data.discountCode)})` : ''}</p>
+          </td>
+          <td align="right" style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 500; color: #10B981;">${escapeHtml(data.discount)}</p>
+          </td>
+        </tr>
+      `
+        : '';
+    return `
+    <div style="padding: 24px; background-color: ${STYLES.footerBackground}; border-radius: 16px; border: 1px solid ${STYLES.cardBorder}; margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        <tr>
+          <td style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${STYLES.textSecondary};">Subtotal</p>
+          </td>
+          <td align="right" style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 500; color: ${STYLES.textPrimary};">${escapeHtml(data.subtotal)}</p>
+          </td>
+        </tr>
+        ${discountRow}
+        <tr>
+          <td style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${STYLES.textSecondary};">Shipping</p>
+          </td>
+          <td align="right" style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 500; color: ${STYLES.textPrimary};">${escapeHtml(data.shippingCost)}</p>
+          </td>
+        </tr>
+        <tr>
+          <td style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${STYLES.textSecondary};">Tax</p>
+          </td>
+          <td align="right" style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 500; color: ${STYLES.textPrimary};">${escapeHtml(data.tax)}</p>
+          </td>
+        </tr>
+        <tr>
+          <td style="padding-top: 16px; border-top: 1px solid ${STYLES.cardBorder};">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 18px; font-weight: 700; color: ${STYLES.textPrimary};">Total</p>
+          </td>
+          <td align="right" style="padding-top: 16px; border-top: 1px solid ${STYLES.cardBorder};">
+            <p style="margin: 0; font-family: ${STYLES.fontFamily}; font-size: 18px; font-weight: 700; color: ${STYLES.textPrimary};">${escapeHtml(data.total)}</p>
+          </td>
+        </tr>
+      </table>
+    </div>
+  `;
+}
+// =============================================================================
+// Main Template
+// =============================================================================
+/**
+ * Render the order confirmation email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderOrderConfirmation } from '@rovela/sdk/emails'
+ *
+ * const html = renderOrderConfirmation({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   orderDate: 'November 28, 2025',
+ *   paymentStatus: 'Paid',
+ *   items: [...],
+ *   subtotal: '$99.00',
+ *   shippingCost: '$5.00',
+ *   tax: '$8.00',
+ *   total: '$112.00',
+ *   shippingAddress: {...},
+ *   orderTrackingUrl: 'https://store.com/orders/12345',
+ * })
+ * ```
+ */
+export function renderOrderConfirmation(data) {
+    // Build the badge separately since it needs special positioning
+    const badge = statusBadge('Order Confirmed');
+    // Order details box
+    const orderDetailsBox = `
+    <div style="padding: 24px; background-color: ${STYLES.footerBackground}; border-radius: 16px; border: 1px solid ${STYLES.cardBorder}; margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        ${labeledValueRow({ label: 'Order Number', value: `#${data.orderNumber}` }, { label: 'Order Date', value: data.orderDate }, true)}
+        ${labeledValue('Payment Status', data.paymentStatus, {
+        valueColor: '#10B981',
+        valueSize: '16px',
+        borderTop: true,
+    })}
+      </table>
+    </div>
+  `;
+    const content = `
+    ${badge}
+    ${heading('Thank You for Your Order!')}
+
+    <p style="margin: 0 0 32px 0; font-family: ${STYLES.fontFamily}; font-size: 16px; font-weight: 400; line-height: 1.625; color: ${STYLES.textSecondary}; text-align: center;">
+      Hi ${escapeHtml(data.customerName)}, we've received your order and we're getting it ready. You'll receive a shipping confirmation email once your order is on its way.
+    </p>
+
+    ${orderDetailsBox}
+
+    <div style="margin-bottom: 32px;">
+      ${sectionHeading('Order Items')}
+      ${renderOrderItems(data.items)}
+    </div>
+
+    ${renderOrderSummary({
+        subtotal: data.subtotal,
+        discount: data.discount,
+        discountCode: data.discountCode,
+        shippingCost: data.shippingCost,
+        tax: data.tax,
+        total: data.total,
+    })}
+
+    ${addressSection('Shipping Address', formatAddressHtml(data.shippingAddress))}
+
+    ${primaryButton('View Order Details', data.orderTrackingUrl)}
+    ${data.receiptUrl ? secondaryButton('Download Receipt', data.receiptUrl) : ''}
+  `;
+    return baseLayout({
+        config: data.config,
+        title: `Order Confirmation - #${data.orderNumber}`,
+        content,
+    });
+}
+/**
+ * Get the subject line for order confirmation emails.
+ */
+export function getOrderConfirmationSubject(storeName, orderNumber) {
+    return `Order Confirmed - #${orderNumber} | ${storeName}`;
+}
+//# sourceMappingURL=order-confirmation.js.map

package/dist/emails/templates/order-confirmation.js.map

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

package/dist/emails/templates/order-delivered.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @rovela/sdk/emails/templates/order-delivered
+ *
+ * Order delivered email template.
+ */
+import type { OrderDeliveredData } from '../types';
+/**
+ * Render the order delivered email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderOrderDelivered } from '@rovela/sdk/emails'
+ *
+ * const html = renderOrderDelivered({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   deliveryDate: 'December 3, 2025',
+ *   deliveryLocation: 'Front Door',
+ *   reviewUrl: 'https://store.com/review/12345',
+ *   returnCenterUrl: 'https://store.com/returns',
+ * })
+ * ```
+ */
+export declare function renderOrderDelivered(data: OrderDeliveredData): string;
+/**
+ * Get the subject line for order delivered emails.
+ */
+export declare function getOrderDeliveredSubject(storeName: string, orderNumber: string): string;
+//# sourceMappingURL=order-delivered.d.ts.map

package/dist/emails/templates/order-delivered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-delivered.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/order-delivered.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAkBlD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAqErE;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,CAER"}

package/dist/emails/templates/order-delivered.js

@@ -0,0 +1,100 @@
+/**
+ * @rovela/sdk/emails/templates/order-delivered
+ *
+ * Order delivered email template.
+ */
+import { escapeHtml } from '../utils';
+import { baseLayout, statusBadge, heading, primaryButton, secondaryButton, labeledValue, highlightBox, paragraph, STYLES, } from './base';
+// =============================================================================
+// Main Template
+// =============================================================================
+/**
+ * Render the order delivered email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderOrderDelivered } from '@rovela/sdk/emails'
+ *
+ * const html = renderOrderDelivered({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   deliveryDate: 'December 3, 2025',
+ *   deliveryLocation: 'Front Door',
+ *   reviewUrl: 'https://store.com/review/12345',
+ *   returnCenterUrl: 'https://store.com/returns',
+ * })
+ * ```
+ */
+export function renderOrderDelivered(data) {
+    const badge = statusBadge('Delivered');
+    // Delivery details box - only show deliveryLocation if provided
+    const deliveryLocationRow = data.deliveryLocation
+        ? labeledValue('Delivered To', data.deliveryLocation, {
+            valueSize: '16px',
+            borderTop: true,
+        })
+        : '';
+    const deliveryDetailsBox = `
+    <div style="padding: 24px; background-color: ${STYLES.footerBackground}; border-radius: 16px; border: 1px solid ${STYLES.cardBorder}; margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        ${labeledValue('Order Number', `#${data.orderNumber}`, { borderBottom: !data.deliveryLocation })}
+        ${labeledValue('Delivered On', data.deliveryDate, {
+        valueColor: STYLES.primaryColor,
+        borderTop: true,
+        borderBottom: !!data.deliveryLocation,
+    })}
+        ${deliveryLocationRow}
+      </table>
+    </div>
+  `;
+    // Feedback section - only show if reviewUrl is provided
+    const feedbackSection = data.reviewUrl
+        ? highlightBox(`
+        <h3 style="margin: 0 0 12px 0; font-family: ${STYLES.fontFamily}; font-size: 20px; font-weight: 600; color: ${STYLES.textPrimary}; text-align: center;">How's Everything?</h3>
+        <p style="margin: 0 0 20px 0; font-family: ${STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.5; color: ${STYLES.textSecondary}; text-align: center;">
+          We'd love to hear your feedback! Your review helps other customers and helps us improve.
+        </p>
+        <table width="100%" cellpadding="0" cellspacing="0">
+          <tr>
+            <td align="center">
+              <a href="${escapeHtml(data.reviewUrl)}" 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;">Leave a Review</a>
+            </td>
+          </tr>
+        </table>
+      `)
+        : '';
+    // Return center section - only show if returnCenterUrl is provided
+    const returnCenterSection = data.returnCenterUrl
+        ? `${paragraph('Need to return or exchange something?', '16px')}${secondaryButton('Visit Return Center', data.returnCenterUrl)}`
+        : '';
+    const content = `
+    ${badge}
+    ${heading('Your Order Has Been Delivered!')}
+
+    <p style="margin: 0 0 32px 0; font-family: ${STYLES.fontFamily}; font-size: 16px; font-weight: 400; line-height: 1.625; color: ${STYLES.textSecondary}; text-align: center;">
+      Hi ${escapeHtml(data.customerName)}, your order has been successfully delivered. We hope you love your purchase!
+    </p>
+
+    ${deliveryDetailsBox}
+
+    ${feedbackSection}
+
+    ${returnCenterSection}
+
+    ${primaryButton('Continue Shopping', data.config.shopUrl)}
+  `;
+    return baseLayout({
+        config: data.config,
+        title: `Order Delivered - #${data.orderNumber}`,
+        content,
+    });
+}
+/**
+ * Get the subject line for order delivered emails.
+ */
+export function getOrderDeliveredSubject(storeName, orderNumber) {
+    return `Your Order Has Been Delivered - #${orderNumber} | ${storeName}`;
+}
+//# sourceMappingURL=order-delivered.js.map

package/dist/emails/templates/order-delivered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-delivered.js","sourceRoot":"","sources":["../../../src/emails/templates/order-delivered.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,aAAa,EACb,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,MAAM,GACP,MAAM,QAAQ,CAAA;AAEf,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAwB;IAC3D,MAAM,KAAK,GAAG,WAAW,CAAC,WAAW,CAAC,CAAA;IAEtC,gEAAgE;IAChE,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB;QAC/C,CAAC,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,gBAAgB,EAAE;YAClD,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,IAAI;SAChB,CAAC;QACJ,CAAC,CAAC,EAAE,CAAA;IAEN,MAAM,kBAAkB,GAAG;mDACsB,MAAM,CAAC,gBAAgB,4CAA4C,MAAM,CAAC,UAAU;;UAE7H,YAAY,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;UAC9F,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE;QAChD,UAAU,EAAE,MAAM,CAAC,YAAY;QAC/B,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB;KACtC,CAAC;UACA,mBAAmB;;;GAG1B,CAAA;IAED,wDAAwD;IACxD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS;QACpC,CAAC,CAAC,YAAY,CAAC;sDACmC,MAAM,CAAC,UAAU,+CAA+C,MAAM,CAAC,WAAW;qDACnF,MAAM,CAAC,UAAU,iEAAiE,MAAM,CAAC,aAAa;;;;;;yBAMlI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,yEAAyE,MAAM,CAAC,YAAY,8EAA8E,MAAM,CAAC,UAAU;;;;OAIvO,CAAC;QACJ,CAAC,CAAC,EAAE,CAAA;IAEN,mEAAmE;IACnE,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe;QAC9C,CAAC,CAAC,GAAG,SAAS,CAAC,uCAAuC,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC,qBAAqB,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE;QAChI,CAAC,CAAC,EAAE,CAAA;IAEN,MAAM,OAAO,GAAG;MACZ,KAAK;MACL,OAAO,CAAC,gCAAgC,CAAC;;iDAEE,MAAM,CAAC,UAAU,mEAAmE,MAAM,CAAC,aAAa;WAC9I,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;;;MAGlC,kBAAkB;;MAElB,eAAe;;MAEf,mBAAmB;;MAEnB,aAAa,CAAC,mBAAmB,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;GAC1D,CAAA;IAED,OAAO,UAAU,CAAC;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,sBAAsB,IAAI,CAAC,WAAW,EAAE;QAC/C,OAAO;KACR,CAAC,CAAA;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,wBAAwB,CACtC,SAAiB,EACjB,WAAmB;IAEnB,OAAO,oCAAoC,WAAW,MAAM,SAAS,EAAE,CAAA;AACzE,CAAC"}

package/dist/emails/templates/order-shipped.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @rovela/sdk/emails/templates/order-shipped
+ *
+ * Order shipped email template.
+ */
+import type { OrderShippedData } from '../types';
+/**
+ * Render the order shipped email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderOrderShipped } from '@rovela/sdk/emails'
+ *
+ * const html = renderOrderShipped({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   trackingNumber: '1Z999AA10123456784',
+ *   carrierName: 'UPS',
+ *   estimatedDeliveryDate: 'December 3, 2025',
+ *   shippingAddress: {...},
+ *   trackingUrl: 'https://ups.com/track/...',
+ * })
+ * ```
+ */
+export declare function renderOrderShipped(data: OrderShippedData): string;
+/**
+ * Get the subject line for order shipped emails.
+ */
+export declare function getOrderShippedSubject(storeName: string, orderNumber: string): string;
+//# sourceMappingURL=order-shipped.d.ts.map

package/dist/emails/templates/order-shipped.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-shipped.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/order-shipped.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAiBhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAiDjE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,CAER"}