@rovela-ai/sdk 0.1.0 → 0.1.1

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

@@ -0,0 +1,161 @@
+"use strict";
+/**
+ * @rovela/sdk/emails/templates/order-confirmation
+ *
+ * Order confirmation email template.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderOrderConfirmation = renderOrderConfirmation;
+exports.getOrderConfirmationSubject = getOrderConfirmationSubject;
+const utils_1 = require("../utils");
+const base_1 = require("./base");
+// =============================================================================
+// Order Item Component
+// =============================================================================
+function renderOrderItem(item) {
+    const imageHtml = item.imageUrl
+        ? `<td width="80" style="padding-right: 16px;">
+        <img src="${(0, utils_1.escapeHtml)(item.imageUrl)}" alt="${(0, utils_1.escapeHtml)(item.name)}" style="width: 80px; height: 80px; border-radius: 8px; object-fit: cover; border: 1px solid #E8DFD3;" />
+      </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: ${base_1.STYLES.fontFamily}; font-size: 16px; font-weight: 600; color: ${base_1.STYLES.textPrimary};">${(0, utils_1.escapeHtml)(item.name)}</p>
+          <p style="margin: 0 0 8px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${base_1.STYLES.textSecondary};">Quantity: ${item.quantity}</p>
+          <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 16px; font-weight: 600; color: ${base_1.STYLES.textPrimary};">${(0, utils_1.escapeHtml)(item.price)}</p>
+        </td>
+      </tr>
+    </table>
+  `;
+}
+function renderOrderItems(items) {
+    return items.map(renderOrderItem).join('');
+}
+// =============================================================================
+// Order Summary Component
+// =============================================================================
+function renderOrderSummary(data) {
+    return `
+    <div style="padding: 24px; background-color: #FBF8F5; border-radius: 16px; border: 1px solid #E8DFD3; margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        <tr>
+          <td style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${base_1.STYLES.textSecondary};">Subtotal</p>
+          </td>
+          <td align="right" style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 500; color: ${base_1.STYLES.textPrimary};">${(0, utils_1.escapeHtml)(data.subtotal)}</p>
+          </td>
+        </tr>
+        <tr>
+          <td style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${base_1.STYLES.textSecondary};">Shipping</p>
+          </td>
+          <td align="right" style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 500; color: ${base_1.STYLES.textPrimary};">${(0, utils_1.escapeHtml)(data.shippingCost)}</p>
+          </td>
+        </tr>
+        <tr>
+          <td style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${base_1.STYLES.textSecondary};">Tax</p>
+          </td>
+          <td align="right" style="padding-bottom: 8px;">
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 500; color: ${base_1.STYLES.textPrimary};">${(0, utils_1.escapeHtml)(data.tax)}</p>
+          </td>
+        </tr>
+        <tr>
+          <td style="padding-top: 16px; border-top: 1px solid #E8DFD3;">
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 18px; font-weight: 700; color: ${base_1.STYLES.textPrimary};">Total</p>
+          </td>
+          <td align="right" style="padding-top: 16px; border-top: 1px solid #E8DFD3;">
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 18px; font-weight: 700; color: ${base_1.STYLES.textPrimary};">${(0, utils_1.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',
+ * })
+ * ```
+ */
+function renderOrderConfirmation(data) {
+    // Build the badge separately since it needs special positioning
+    const badge = (0, base_1.statusBadge)('Order Confirmed');
+    // Order details box
+    const orderDetailsBox = `
+    <div style="padding: 24px; background-color: #FBF8F5; border-radius: 16px; border: 1px solid #E8DFD3; margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        ${(0, base_1.labeledValueRow)({ label: 'Order Number', value: `#${data.orderNumber}` }, { label: 'Order Date', value: data.orderDate }, true)}
+        ${(0, base_1.labeledValue)('Payment Status', data.paymentStatus, {
+        valueColor: '#10B981',
+        valueSize: '16px',
+        borderTop: true,
+    })}
+      </table>
+    </div>
+  `;
+    const content = `
+    ${badge}
+    ${(0, base_1.heading)('Thank You for Your Order!')}
+
+    <p style="margin: 0 0 32px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 16px; font-weight: 400; line-height: 1.625; color: ${base_1.STYLES.textSecondary}; text-align: center;">
+      Hi ${(0, utils_1.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;">
+      ${(0, base_1.sectionHeading)('Order Items')}
+      ${renderOrderItems(data.items)}
+    </div>
+
+    ${renderOrderSummary({
+        subtotal: data.subtotal,
+        shippingCost: data.shippingCost,
+        tax: data.tax,
+        total: data.total,
+    })}
+
+    ${(0, base_1.addressSection)('Shipping Address', (0, utils_1.formatAddressHtml)(data.shippingAddress))}
+
+    ${(0, base_1.primaryButton)('Track Your Order', data.orderTrackingUrl)}
+  `;
+    return (0, base_1.baseLayout)({
+        config: data.config,
+        title: `Order Confirmation - #${data.orderNumber}`,
+        content,
+    });
+}
+/**
+ * Get the subject line for order confirmation emails.
+ */
+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,CA0DrE;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,95 @@
+"use strict";
+/**
+ * @rovela/sdk/emails/templates/order-delivered
+ *
+ * Order delivered email template.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderOrderDelivered = renderOrderDelivered;
+exports.getOrderDeliveredSubject = getOrderDeliveredSubject;
+const utils_1 = require("../utils");
+const base_1 = require("./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',
+ * })
+ * ```
+ */
+function renderOrderDelivered(data) {
+    const badge = (0, base_1.statusBadge)('Delivered');
+    // Delivery details box
+    const deliveryDetailsBox = `
+    <div style="padding: 24px; background-color: #FBF8F5; border-radius: 16px; border: 1px solid #E8DFD3; margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        ${(0, base_1.labeledValue)('Order Number', `#${data.orderNumber}`, { borderBottom: true })}
+        ${(0, base_1.labeledValue)('Delivered On', data.deliveryDate, {
+        valueColor: base_1.STYLES.primaryColor,
+        borderTop: true,
+        borderBottom: true,
+    })}
+        ${(0, base_1.labeledValue)('Delivered To', data.deliveryLocation, {
+        valueSize: '16px',
+        borderTop: true,
+    })}
+      </table>
+    </div>
+  `;
+    // Feedback section
+    const feedbackSection = (0, base_1.highlightBox)(`
+    <h3 style="margin: 0 0 12px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 20px; font-weight: 600; color: ${base_1.STYLES.textPrimary}; text-align: center;">How's Everything?</h3>
+    <p style="margin: 0 0 20px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.5; color: ${base_1.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="${(0, utils_1.escapeHtml)(data.reviewUrl)}" style="display: inline-block; padding: 12px 32px; background-color: ${base_1.STYLES.primaryColor}; color: #FFFFFF; text-decoration: none; border-radius: 12px; font-family: ${base_1.STYLES.fontFamily}; font-size: 16px; font-weight: 600;">Leave a Review</a>
+        </td>
+      </tr>
+    </table>
+  `);
+    const content = `
+    ${badge}
+    ${(0, base_1.heading)('Your Order Has Been Delivered!')}
+
+    <p style="margin: 0 0 32px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 16px; font-weight: 400; line-height: 1.625; color: ${base_1.STYLES.textSecondary}; text-align: center;">
+      Hi ${(0, utils_1.escapeHtml)(data.customerName)}, your order has been successfully delivered. We hope you love your purchase!
+    </p>
+
+    ${deliveryDetailsBox}
+
+    ${feedbackSection}
+
+    ${(0, base_1.paragraph)('Need to return or exchange something?', '16px')}
+
+    ${(0, base_1.secondaryButton)('Visit Return Center', data.returnCenterUrl)}
+  `;
+    return (0, base_1.baseLayout)({
+        config: data.config,
+        title: `Order Delivered - #${data.orderNumber}`,
+        content,
+    });
+}
+/**
+ * Get the subject line for order delivered emails.
+ */
+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;;AAuCH,oDA0DC;AAKD,4DAKC;AAxGD,oCAAqC;AACrC,iCAUe;AAEf,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,oBAAoB,CAAC,IAAwB;IAC3D,MAAM,KAAK,GAAG,IAAA,kBAAW,EAAC,WAAW,CAAC,CAAA;IAEtC,uBAAuB;IACvB,MAAM,kBAAkB,GAAG;;;UAGnB,IAAA,mBAAY,EAAC,cAAc,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;UAC5E,IAAA,mBAAY,EAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE;QAChD,UAAU,EAAE,aAAM,CAAC,YAAY;QAC/B,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,IAAI;KACnB,CAAC;UACA,IAAA,mBAAY,EAAC,cAAc,EAAE,IAAI,CAAC,gBAAgB,EAAE;QACpD,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,IAAI;KAChB,CAAC;;;GAGP,CAAA;IAED,mBAAmB;IACnB,MAAM,eAAe,GAAG,IAAA,mBAAY,EAAC;kDACW,aAAM,CAAC,UAAU,+CAA+C,aAAM,CAAC,WAAW;iDACnF,aAAM,CAAC,UAAU,iEAAiE,aAAM,CAAC,aAAa;;;;;;qBAMlI,IAAA,kBAAU,EAAC,IAAI,CAAC,SAAS,CAAC,yEAAyE,aAAM,CAAC,YAAY,8EAA8E,aAAM,CAAC,UAAU;;;;GAIvO,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG;MACZ,KAAK;MACL,IAAA,cAAO,EAAC,gCAAgC,CAAC;;iDAEE,aAAM,CAAC,UAAU,mEAAmE,aAAM,CAAC,aAAa;WAC9I,IAAA,kBAAU,EAAC,IAAI,CAAC,YAAY,CAAC;;;MAGlC,kBAAkB;;MAElB,eAAe;;MAEf,IAAA,gBAAS,EAAC,uCAAuC,EAAE,MAAM,CAAC;;MAE1D,IAAA,sBAAe,EAAC,qBAAqB,EAAE,IAAI,CAAC,eAAe,CAAC;GAC/D,CAAA;IAED,OAAO,IAAA,iBAAU,EAAC;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,SAAgB,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"}

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

@@ -0,0 +1,87 @@
+"use strict";
+/**
+ * @rovela/sdk/emails/templates/order-shipped
+ *
+ * Order shipped email template.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderOrderShipped = renderOrderShipped;
+exports.getOrderShippedSubject = getOrderShippedSubject;
+const utils_1 = require("../utils");
+const base_1 = require("./base");
+// =============================================================================
+// Main Template
+// =============================================================================
+/**
+ * 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/...',
+ * })
+ * ```
+ */
+function renderOrderShipped(data) {
+    const badge = (0, base_1.statusBadge)('Order Shipped', '📦');
+    // Tracking info box
+    const trackingInfoBox = `
+    <div style="padding: 24px; background-color: #FBF8F5; border-radius: 16px; border: 1px solid #E8DFD3; margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        ${(0, base_1.labeledValue)('Order Number', `#${data.orderNumber}`, { borderBottom: true })}
+        ${(0, base_1.labeledValue)('Tracking Number', data.trackingNumber, {
+        valueColor: base_1.STYLES.primaryColor,
+        borderTop: true,
+        borderBottom: true,
+    })}
+        ${(0, base_1.labeledValue)('Carrier', data.carrierName, {
+        valueSize: '16px',
+        borderTop: true,
+    })}
+      </table>
+    </div>
+  `;
+    // Estimated delivery highlight box
+    const estimatedDeliveryBox = (0, base_1.highlightBox)(`
+    <p style="margin: 0 0 8px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 400; color: ${base_1.STYLES.textSecondary}; text-transform: uppercase; letter-spacing: 0.05em; text-align: center;">Estimated Delivery</p>
+    <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 24px; font-weight: 700; color: ${base_1.STYLES.primaryColor}; text-align: center;">${(0, utils_1.escapeHtml)(data.estimatedDeliveryDate)}</p>
+  `);
+    const content = `
+    ${badge}
+    ${(0, base_1.heading)('Your Order is On Its Way!')}
+
+    <p style="margin: 0 0 32px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 16px; font-weight: 400; line-height: 1.625; color: ${base_1.STYLES.textSecondary}; text-align: center;">
+      Hi ${(0, utils_1.escapeHtml)(data.customerName)}, great news! Your order has been shipped and is heading your way.
+    </p>
+
+    ${trackingInfoBox}
+
+    ${estimatedDeliveryBox}
+
+    ${(0, base_1.addressSection)('Shipping To', (0, utils_1.formatAddressHtml)(data.shippingAddress))}
+
+    ${(0, base_1.primaryButton)('Track Your Package', data.trackingUrl)}
+  `;
+    return (0, base_1.baseLayout)({
+        config: data.config,
+        title: `Your Order Has Shipped - #${data.orderNumber}`,
+        content,
+    });
+}
+/**
+ * Get the subject line for order shipped emails.
+ */
+function getOrderShippedSubject(storeName, orderNumber) {
+    return `Your Order Has Shipped - #${orderNumber} | ${storeName}`;
+}
+//# sourceMappingURL=order-shipped.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"order-shipped.js","sourceRoot":"","sources":["../../../src/emails/templates/order-shipped.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAuCH,gDAiDC;AAKD,wDAKC;AA/FD,oCAAwD;AACxD,iCASe;AAEf,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,kBAAkB,CAAC,IAAsB;IACvD,MAAM,KAAK,GAAG,IAAA,kBAAW,EAAC,eAAe,EAAE,IAAI,CAAC,CAAA;IAEhD,oBAAoB;IACpB,MAAM,eAAe,GAAG;;;UAGhB,IAAA,mBAAY,EAAC,cAAc,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;UAC5E,IAAA,mBAAY,EAAC,iBAAiB,EAAE,IAAI,CAAC,cAAc,EAAE;QACrD,UAAU,EAAE,aAAM,CAAC,YAAY;QAC/B,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,IAAI;KACnB,CAAC;UACA,IAAA,mBAAY,EAAC,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE;QAC1C,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,IAAI;KAChB,CAAC;;;GAGP,CAAA;IAED,mCAAmC;IACnC,MAAM,oBAAoB,GAAG,IAAA,mBAAY,EAAC;gDACI,aAAM,CAAC,UAAU,+CAA+C,aAAM,CAAC,aAAa;wCAC5F,aAAM,CAAC,UAAU,+CAA+C,aAAM,CAAC,YAAY,0BAA0B,IAAA,kBAAU,EAAC,IAAI,CAAC,qBAAqB,CAAC;GACxL,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG;MACZ,KAAK;MACL,IAAA,cAAO,EAAC,2BAA2B,CAAC;;iDAEO,aAAM,CAAC,UAAU,mEAAmE,aAAM,CAAC,aAAa;WAC9I,IAAA,kBAAU,EAAC,IAAI,CAAC,YAAY,CAAC;;;MAGlC,eAAe;;MAEf,oBAAoB;;MAEpB,IAAA,qBAAc,EAAC,aAAa,EAAE,IAAA,yBAAiB,EAAC,IAAI,CAAC,eAAe,CAAC,CAAC;;MAEtE,IAAA,oBAAa,EAAC,oBAAoB,EAAE,IAAI,CAAC,WAAW,CAAC;GACxD,CAAA;IAED,OAAO,IAAA,iBAAU,EAAC;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,6BAA6B,IAAI,CAAC,WAAW,EAAE;QACtD,OAAO;KACR,CAAC,CAAA;AACJ,CAAC;AAED;;GAEG;AACH,SAAgB,sBAAsB,CACpC,SAAiB,EACjB,WAAmB;IAEnB,OAAO,6BAA6B,WAAW,MAAM,SAAS,EAAE,CAAA;AAClE,CAAC"}

package/dist/emails/templates/password-reset.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @rovela/sdk/emails/templates/password-reset
+ *
+ * Password reset email template.
+ */
+import type { PasswordResetEmailData } from '../types';
+/**
+ * Render the password reset email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderPasswordResetEmail } from '@rovela/sdk/emails'
+ *
+ * const html = renderPasswordResetEmail({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   resetLink: 'https://store.com/reset-password?token=...',
+ *   expiryTime: '1',
+ * })
+ * ```
+ */
+export declare function renderPasswordResetEmail(data: PasswordResetEmailData): string;
+/**
+ * Get the subject line for password reset emails.
+ */
+export declare function getPasswordResetSubject(storeName: string): string;
+//# sourceMappingURL=password-reset.d.ts.map

package/dist/emails/templates/password-reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-reset.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/password-reset.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAUtD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,sBAAsB,GAAG,MAAM,CA8B7E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAEjE"}

package/dist/emails/templates/password-reset.js

@@ -0,0 +1,55 @@
+"use strict";
+/**
+ * @rovela/sdk/emails/templates/password-reset
+ *
+ * Password reset email template.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderPasswordResetEmail = renderPasswordResetEmail;
+exports.getPasswordResetSubject = getPasswordResetSubject;
+const utils_1 = require("../utils");
+const base_1 = require("./base");
+/**
+ * Render the password reset email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderPasswordResetEmail } from '@rovela/sdk/emails'
+ *
+ * const html = renderPasswordResetEmail({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   resetLink: 'https://store.com/reset-password?token=...',
+ *   expiryTime: '1',
+ * })
+ * ```
+ */
+function renderPasswordResetEmail(data) {
+    const content = `
+    ${(0, base_1.heading)('Reset Your Password')}
+
+    ${(0, base_1.paragraph)(`Hi ${(0, utils_1.escapeHtml)(data.customerName)},`)}
+
+    ${(0, base_1.paragraph)('We received a request to reset your password. Click the button below to create a new password:', '32px')}
+
+    ${(0, base_1.primaryButton)('Reset Password', data.resetLink)}
+
+    ${(0, base_1.paragraph)(`This link will expire in ${(0, utils_1.escapeHtml)(data.expiryTime)} hours for security reasons.`)}
+
+    ${(0, base_1.paragraph)("If you didn't request a password reset, you can safely ignore this email. Your password will remain unchanged.", '24px')}
+
+    ${(0, base_1.linkFallback)(data.resetLink)}
+  `;
+    return (0, base_1.baseLayout)({
+        config: data.config,
+        title: 'Reset Your Password',
+        content,
+    });
+}
+/**
+ * Get the subject line for password reset emails.
+ */
+function getPasswordResetSubject(storeName) {
+    return `Reset your password - ${storeName}`;
+}
+//# sourceMappingURL=password-reset.js.map

package/dist/emails/templates/password-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-reset.js","sourceRoot":"","sources":["../../../src/emails/templates/password-reset.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AA2BH,4DA8BC;AAKD,0DAEC;AA7DD,oCAAqC;AACrC,iCAMe;AAEf;;;;;;;;;;;;;;GAcG;AACH,SAAgB,wBAAwB,CAAC,IAA4B;IACnE,MAAM,OAAO,GAAG;MACZ,IAAA,cAAO,EAAC,qBAAqB,CAAC;;MAE9B,IAAA,gBAAS,EAAC,MAAM,IAAA,kBAAU,EAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;;MAEjD,IAAA,gBAAS,EACT,gGAAgG,EAChG,MAAM,CACP;;MAEC,IAAA,oBAAa,EAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC;;MAE/C,IAAA,gBAAS,EACT,4BAA4B,IAAA,kBAAU,EAAC,IAAI,CAAC,UAAU,CAAC,8BAA8B,CACtF;;MAEC,IAAA,gBAAS,EACT,gHAAgH,EAChH,MAAM,CACP;;MAEC,IAAA,mBAAY,EAAC,IAAI,CAAC,SAAS,CAAC;GAC/B,CAAA;IAED,OAAO,IAAA,iBAAU,EAAC;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,qBAAqB;QAC5B,OAAO;KACR,CAAC,CAAA;AACJ,CAAC;AAED;;GAEG;AACH,SAAgB,uBAAuB,CAAC,SAAiB;IACvD,OAAO,yBAAyB,SAAS,EAAE,CAAA;AAC7C,CAAC"}

package/dist/emails/templates/refund-processed.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @rovela/sdk/emails/templates/refund-processed
+ *
+ * Refund processed email template.
+ */
+import type { RefundProcessedData } from '../types';
+/**
+ * Render the refund processed email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderRefundProcessed } from '@rovela/sdk/emails'
+ *
+ * const html = renderRefundProcessed({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   refundAmount: '$99.00',
+ *   refundDate: 'November 28, 2025',
+ *   paymentMethod: 'Visa ending in 4242',
+ *   estimatedArrival: '3-5 business days',
+ *   businessDays: '3-5',
+ * })
+ * ```
+ */
+export declare function renderRefundProcessed(data: RefundProcessedData): string;
+/**
+ * Get the subject line for refund processed emails.
+ */
+export declare function getRefundProcessedSubject(storeName: string, orderNumber: string): string;
+//# sourceMappingURL=refund-processed.d.ts.map

package/dist/emails/templates/refund-processed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refund-processed.d.ts","sourceRoot":"","sources":["../../../src/emails/templates/refund-processed.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAiBnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,mBAAmB,GAAG,MAAM,CAgEvE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,CAER"}

package/dist/emails/templates/refund-processed.js

@@ -0,0 +1,96 @@
+"use strict";
+/**
+ * @rovela/sdk/emails/templates/refund-processed
+ *
+ * Refund processed email template.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderRefundProcessed = renderRefundProcessed;
+exports.getRefundProcessedSubject = getRefundProcessedSubject;
+const utils_1 = require("../utils");
+const base_1 = require("./base");
+// =============================================================================
+// Main Template
+// =============================================================================
+/**
+ * Render the refund processed email template.
+ *
+ * @example
+ * ```typescript
+ * import { renderRefundProcessed } from '@rovela/sdk/emails'
+ *
+ * const html = renderRefundProcessed({
+ *   config: emailConfig,
+ *   customerName: 'John',
+ *   customerEmail: 'john@example.com',
+ *   orderNumber: 'ORD-12345',
+ *   refundAmount: '$99.00',
+ *   refundDate: 'November 28, 2025',
+ *   paymentMethod: 'Visa ending in 4242',
+ *   estimatedArrival: '3-5 business days',
+ *   businessDays: '3-5',
+ * })
+ * ```
+ */
+function renderRefundProcessed(data) {
+    const badge = (0, base_1.statusBadge)('Refund Processed');
+    // Refund details box (green highlighted)
+    const refundDetailsBox = `
+    <div style="padding: 24px; background-color: rgba(12, 175, 125, 0.05); border-radius: 16px; border: 1px solid rgba(12, 175, 125, 0.2); margin-bottom: 32px;">
+      <table width="100%" cellpadding="0" cellspacing="0">
+        <tr>
+          <td style="padding-bottom: 16px;">
+            <p style="margin: 0 0 4px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 12px; font-weight: 400; color: ${base_1.STYLES.textSecondary}; text-transform: uppercase; letter-spacing: 0.05em;">Refund Amount</p>
+            <p style="margin: 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 28px; font-weight: 700; color: ${base_1.STYLES.primaryColor};">${(0, utils_1.escapeHtml)(data.refundAmount)}</p>
+          </td>
+        </tr>
+        ${(0, base_1.labeledValue)('Order Number', `#${data.orderNumber}`, {
+        valueSize: '16px',
+        borderTop: true,
+        borderBottom: true,
+    })}
+        ${(0, base_1.labeledValue)('Refund Date', data.refundDate, {
+        valueSize: '16px',
+        borderTop: true,
+    })}
+      </table>
+    </div>
+  `;
+    // Payment method info box
+    const paymentMethodBox = (0, base_1.detailBox)('Refund Details', [
+        { label: 'Payment Method', value: data.paymentMethod },
+        { label: 'Estimated Arrival', value: data.estimatedArrival },
+    ]);
+    const content = `
+    ${badge}
+    ${(0, base_1.heading)('Your Refund Has Been Processed')}
+
+    ${(0, base_1.paragraph)(`Hi ${(0, utils_1.escapeHtml)(data.customerName)},`)}
+
+    ${(0, base_1.paragraph)(`Good news! Your refund for order #${(0, utils_1.escapeHtml)(data.orderNumber)} has been processed and issued to your original payment method.`, '32px')}
+
+    ${refundDetailsBox}
+
+    ${paymentMethodBox}
+
+    ${(0, base_1.paragraph)(`Please allow ${(0, utils_1.escapeHtml)(data.businessDays)} business days for the refund to appear in your account. The exact timing depends on your bank or card issuer.`, '32px')}
+
+    <p style="margin: 0 0 32px 0; font-family: ${base_1.STYLES.fontFamily}; font-size: 14px; font-weight: 400; line-height: 1.625; color: ${base_1.STYLES.textSecondary}; text-align: center;">
+      If you have any questions about this refund, please don't hesitate to contact us.
+    </p>
+
+    ${(0, base_1.primaryButton)('Continue Shopping', data.config.shopUrl)}
+  `;
+    return (0, base_1.baseLayout)({
+        config: data.config,
+        title: `Refund Processed - #${data.orderNumber}`,
+        content,
+    });
+}
+/**
+ * Get the subject line for refund processed emails.
+ */
+function getRefundProcessedSubject(storeName, orderNumber) {
+    return `Refund Processed - #${orderNumber} | ${storeName}`;
+}
+//# sourceMappingURL=refund-processed.js.map