feat: estimate, receipt, credit note mail preview

packages/server/src/api/controllers/Sales/PaymentReceives.ts

@@ -411,9 +411,8 @@ export default class PaymentReceivesController extends BaseController {
     const { tenantId } = req;
 
     try {
-      const data = await this.paymentReceiveApplication.getPaymentReceivedState(
-        tenantId
-      );
+      const data =
+        await this.paymentReceiveApplication.getPaymentReceivedState(tenantId);
       return res.status(200).send({ data });
     } catch (error) {
       next(error);
@@ -471,7 +470,7 @@ export default class PaymentReceivesController extends BaseController {
       ACCEPT_TYPE.APPLICATION_JSON,
       ACCEPT_TYPE.APPLICATION_PDF,
     ]);
-    // Response in pdf format.
+    // Responses pdf format.
     if (ACCEPT_TYPE.APPLICATION_PDF === acceptType) {
       const [pdfContent, filename] =
         await this.paymentReceiveApplication.getPaymentReceivePdf(
@@ -484,7 +483,14 @@ export default class PaymentReceivesController extends BaseController {
         'Content-Disposition': `attachment; filename="${filename}"`,
       });
       res.send(pdfContent);
-      // Response in json format.
+      // Responses html format.
+    } else if (ACCEPT_TYPE.APPLICATION_TEXT_HTML === acceptType) {
+      const htmlContent = this.paymentReceiveApplication.getPaymentReceivedHtml(
+        tenantId,
+        paymentReceiveId
+      );
+      return res.status(200).send({ htmlContent });
+      // Responses json format.
     } else {
       const paymentReceive =
         await this.paymentReceiveApplication.getPaymentReceive(

packages/server/src/api/controllers/Sales/SalesEstimates.ts

@@ -13,11 +13,8 @@ import DynamicListingService from '@/services/DynamicListing/DynamicListService'
 import { ServiceError } from '@/exceptions';
 import CheckPolicies from '@/api/middleware/CheckPolicies';
 import { SaleEstimatesApplication } from '@/services/Sales/Estimates/SaleEstimatesApplication';
+import { ACCEPT_TYPE } from '@/interfaces/Http';
 
-const ACCEPT_TYPE = {
-  APPLICATION_PDF: 'application/pdf',
-  APPLICATION_JSON: 'application/json',
-};
 @Service()
 export default class SalesEstimatesController extends BaseController {
   @Inject()
@@ -395,6 +392,7 @@ export default class SalesEstimatesController extends BaseController {
     const acceptType = accept.types([
       ACCEPT_TYPE.APPLICATION_JSON,
       ACCEPT_TYPE.APPLICATION_PDF,
+      ACCEPT_TYPE.APPLICATION_TEXT_HTML,
     ]);
     // Retrieves estimate in pdf format.
     if (ACCEPT_TYPE.APPLICATION_PDF == acceptType) {
@@ -410,7 +408,14 @@ export default class SalesEstimatesController extends BaseController {
       });
       res.send(pdfContent);
       // Retrieves estimates in json format.
-    } else {
+    } else if (ACCEPT_TYPE.APPLICATION_TEXT_HTML === acceptType) {
+      const htmlContent =
+        await this.saleEstimatesApplication.getSaleEstimateHtml(
+          tenantId,
+          estimateId
+        );
+      return res.status(200).send({ htmlContent });
+    } else if (ACCEPT_TYPE.APPLICATION_JSON) {
       const estimate = await this.saleEstimatesApplication.getSaleEstimate(
         tenantId,
         estimateId

packages/server/src/api/controllers/Sales/SalesReceipts.ts

@@ -353,6 +353,7 @@ export default class SalesReceiptsController extends BaseController {
     const acceptType = accept.types([
       ACCEPT_TYPE.APPLICATION_JSON,
       ACCEPT_TYPE.APPLICATION_PDF,
+      ACCEPT_TYPE.APPLICATION_TEXT_HTML,
     ]);
     // Retrieves receipt in pdf format.
     if (ACCEPT_TYPE.APPLICATION_PDF == acceptType) {
@@ -368,6 +369,12 @@ export default class SalesReceiptsController extends BaseController {
       });
       res.send(pdfContent);
       // Retrieves receipt in json format.
+    } else if (ACCEPT_TYPE.APPLICATION_TEXT_HTML === acceptType) {
+      const htmlContent = await this.saleReceiptsApplication.getSaleReceiptHtml(
+        tenantId,
+        saleReceiptId
+      );
+      res.send({ htmlContent });
     } else {
       const saleReceipt = await this.saleReceiptsApplication.getSaleReceipt(
         tenantId,

packages/server/src/services/Sales/Estimates/SaleEstimatesApplication.ts

@@ -220,6 +220,18 @@ export class SaleEstimatesApplication {
     );
   }
 
+  /**
+   * Retrieve the HTML content of the given sale estimate.
+   * @param {number} tenantId
+   * @param {number} saleEstimateId
+   */
+  public getSaleEstimateHtml(tenantId: number, saleEstimateId: number) {
+    return this.saleEstimatesPdfService.saleEstimateHtml(
+      tenantId,
+      saleEstimateId
+    );
+  }
+
   /**
    * Send the reminder mail of the given sale estimate.
    * @param {number} tenantId

packages/server/src/services/Sales/Estimates/SaleEstimatesPdf.ts

@@ -8,6 +8,7 @@ import { transformEstimateToPdfTemplate } from './utils';
 import { EstimatePdfBrandingAttributes } from './constants';
 import events from '@/subscribers/events';
 import { EventPublisher } from '@/lib/EventPublisher/EventPublisher';
+import { renderEstimatePaperTemplateHtml } from '@bigcapital/pdf-templates';
 
 @Service()
 export class SaleEstimatesPdf {
@@ -29,6 +30,22 @@ export class SaleEstimatesPdf {
   @Inject()
   private eventPublisher: EventPublisher;
 
+  /**
+   * Retrieve sale estimate html content.
+   * @param {number} tenantId -
+   * @param {number} invoiceId -
+   */
+  public async saleEstimateHtml(
+    tenantId: number,
+    estimateId: number
+  ): Promise<string> {
+    const brandingAttributes = await this.getEstimateBrandingAttributes(
+      tenantId,
+      estimateId
+    );
+    return renderEstimatePaperTemplateHtml({ ...brandingAttributes });
+  }
+
   /**
    * Retrieve sale invoice pdf content.
    * @param {number} tenantId -
@@ -42,15 +59,9 @@ export class SaleEstimatesPdf {
       tenantId,
       saleEstimateId
     );
-    const brandingAttributes = await this.getEstimateBrandingAttributes(
-      tenantId,
-      saleEstimateId
-    );
-    const htmlContent = await this.templateInjectable.render(
-      tenantId,
-      'modules/estimate-regular',
-      brandingAttributes
-    );
+    // Retireves the sale estimate html.
+    const htmlContent = await this.saleEstimateHtml(tenantId, saleEstimateId);
+
     const content = await this.chromiumlyTenancy.convertHtmlContent(
       tenantId,
       htmlContent

packages/server/src/services/Sales/PaymentReceived/GetPaymentReceivedPdf.ts

@@ -1,13 +1,13 @@
 import { Inject, Service } from 'typedi';
+import { renderPaymentReceivedPaperTemplateHtml } from '@bigcapital/pdf-templates';
 import { ChromiumlyTenancy } from '@/services/ChromiumlyTenancy/ChromiumlyTenancy';
-import { TemplateInjectable } from '@/services/TemplateInjectable/TemplateInjectable';
 import { GetPaymentReceived } from './GetPaymentReceived';
 import HasTenancyService from '@/services/Tenancy/TenancyService';
 import { PaymentReceivedBrandingTemplate } from './PaymentReceivedBrandingTemplate';
 import { transformPaymentReceivedToPdfTemplate } from './utils';
 import { PaymentReceivedPdfTemplateAttributes } from '@/interfaces';
-import events from '@/subscribers/events';
 import { EventPublisher } from '@/lib/EventPublisher/EventPublisher';
+import events from '@/subscribers/events';
 
 @Service()
 export default class GetPaymentReceivedPdf {
@@ -17,9 +17,6 @@ export default class GetPaymentReceivedPdf {
   @Inject()
   private chromiumlyTenancy: ChromiumlyTenancy;
 
-  @Inject()
-  private templateInjectable: TemplateInjectable;
-
   @Inject()
   private getPaymentService: GetPaymentReceived;
 
@@ -29,6 +26,23 @@ export default class GetPaymentReceivedPdf {
   @Inject()
   private eventPublisher: EventPublisher;
 
+  /**
+   * Retrieves payment received html content.
+   * @param {number} tenantId
+   * @param {number} paymentReceivedId
+   * @returns {Promise<string>}
+   */
+  public async getPaymentReceivedHtml(
+    tenantId: number,
+    paymentReceivedId: number
+  ): Promise<string> {
+    const brandingAttributes = await this.getPaymentBrandingAttributes(
+      tenantId,
+      paymentReceivedId
+    );
+    return renderPaymentReceivedPaperTemplateHtml(brandingAttributes);
+  }
+
   /**
    * Retrieve sale invoice pdf content.
    * @param {number} tenantId -
@@ -39,15 +53,10 @@ export default class GetPaymentReceivedPdf {
     tenantId: number,
     paymentReceivedId: number
   ): Promise<[Buffer, string]> {
-    const brandingAttributes = await this.getPaymentBrandingAttributes(
+    const htmlContent = await this.getPaymentReceivedHtml(
       tenantId,
       paymentReceivedId
     );
-    const htmlContent = await this.templateInjectable.render(
-      tenantId,
-      'modules/payment-receive-standard',
-      brandingAttributes
-    );
     const filename = await this.getPaymentReceivedFilename(
       tenantId,
       paymentReceivedId

packages/server/src/services/Sales/PaymentReceived/PaymentReceivedApplication.ts

@@ -228,6 +228,22 @@ export class PaymentReceivesApplication {
     );
   };
 
+  /**
+   * Retrieves the given payment receive html document.
+   * @param {number} tenantId
+   * @param {number} paymentReceiveId
+   * @returns {Promise<string>}
+   */
+  public getPaymentReceivedHtml = (
+    tenantId: number,
+    paymentReceiveId: number
+  ) => {
+    return this.getPaymentReceivePdfService.getPaymentReceivedHtml(
+      tenantId,
+      paymentReceiveId
+    );
+  };
+
   /**
    * Retrieves the create/edit initial state of the payment received.
    * @param {number} tenantId - The ID of the tenant.

packages/server/src/services/Sales/Receipts/SaleReceiptApplication.ts

@@ -152,6 +152,19 @@ export class SaleReceiptApplication {
     );
   }
 
+  /**
+   * Retrieves the given sale receipt html.
+   * @param {number} tenantId
+   * @param {number} saleReceiptId
+   * @returns {Promise<string>}
+   */
+  public getSaleReceiptHtml(tenantId: number, saleReceiptId: number) {
+    return this.getSaleReceiptPdfService.saleReceiptHtml(
+      tenantId,
+      saleReceiptId
+    );
+  }
+
   /**
    * Notify receipt customer by SMS of the given sale receipt.
    * @param {number} tenantId

packages/server/src/services/Sales/Receipts/SaleReceiptsPdfService.ts

@@ -8,6 +8,7 @@ import { transformReceiptToBrandingTemplateAttributes } from './utils';
 import { ISaleReceiptBrandingTemplateAttributes } from '@/interfaces';
 import { EventPublisher } from '@/lib/EventPublisher/EventPublisher';
 import events from '@/subscribers/events';
+import { renderReceiptPaperTemplateHtml } from '@bigcapital/pdf-templates';
 
 @Service()
 export class SaleReceiptsPdf {
@@ -29,6 +30,19 @@ export class SaleReceiptsPdf {
   @Inject()
   private eventPublisher: EventPublisher;
 
+  /**
+   * Retrieves sale receipt html content.
+   * @param {number} tennatId
+   * @param {number} saleReceiptId
+   */
+  public async saleReceiptHtml(tennatId: number, saleReceiptId: number) {
+    const brandingAttributes = await this.getReceiptBrandingAttributes(
+      tennatId,
+      saleReceiptId
+    );
+    return renderReceiptPaperTemplateHtml(brandingAttributes);
+  }
+
   /**
    * Retrieves sale invoice pdf content.
    * @param {number} tenantId -
@@ -41,16 +55,9 @@ export class SaleReceiptsPdf {
   ): Promise<[Buffer, string]> {
     const filename = await this.getSaleReceiptFilename(tenantId, saleReceiptId);
 
-    const brandingAttributes = await this.getReceiptBrandingAttributes(
-      tenantId,
-      saleReceiptId
-    );
     // Converts the receipt template to html content.
-    const htmlContent = await this.templateInjectable.render(
-      tenantId,
-      'modules/receipt-regular',
-      brandingAttributes
-    );
+    const htmlContent = await this.saleReceiptHtml(tenantId, saleReceiptId);
+
     // Renders the html content to pdf document.
     const content = await this.chromiumlyTenancy.convertHtmlContent(
       tenantId,