fix: change default invoice mail message

packages/server/src/services/Sales/Invoices/constants.ts

@@ -1,20 +1,19 @@
 import config from '@/config';
 
 export const DEFAULT_INVOICE_MAIL_SUBJECT =
-  'Invoice {Invoice Number} from {Company Name}';
+  'Invoice {Invoice Number} from {Company Name} for {Customer Name}';
-export const DEFAULT_INVOICE_MAIL_CONTENT = `
+export const DEFAULT_INVOICE_MAIL_CONTENT = `Hi {Customer Name},
-<p>Dear {Customer Name}</p>
-<p>Thank you for your business, You can view or print your invoice from attachements.</p>
-<p>
-Invoice <strong>#{Invoice Number}</strong><br />
-Due Date : <strong>{Invoice Due Date}</strong><br />
-Amount   : <strong>{Invoice Amount}</strong></br />
-</p>
 
-<p>
+Here's invoice # {Invoice Number} for {Invoice Amount}
-<i>Regards</i><br />
+
-<i>{Company Name}</i>
+The amount outstanding of {Invoice Due Amount} is due on {Invoice Due Date}.
-</p>
+
+From your online payment page you can print a PDF or view your outstanding bills.
+
+If you have any questions, please let us know.
+
+Thanks,
+{Company Name}
 `;
 
 export const DEFAULT_INVOICE_REMINDER_MAIL_SUBJECT =

shared/email-components/src/lib/InvoicePaymentEmail.tsx

@@ -197,7 +197,7 @@ export const InvoicePaymentEmail: React.FC<
         </Tailwind>
       </Html>
     );
-};
+  };
 
 export const renderInvoicePaymentEmail = (props: InvoicePaymentEmailProps) => {
   return render(<InvoicePaymentEmail {...props} />);
@@ -274,6 +274,7 @@ const invoiceMessageStyle: CSSProperties = {
   whiteSpace: 'pre-line',
   color: '#252A31',
   margin: '0 0 20px 0',
+  lineHeight: '20px',
 };
 
 const dueAmounLineRowStyle: CSSProperties = {