fix: pdf templates server-side rendered

packages/server/resources/views/modules/credit-note-standard.pug

@@ -48,8 +48,8 @@ block head
       box-sizing: border-box;
       display: flex;
       flex-flow: wrap;
-      -webkit-box-align: center;
+      -webkit-box-align: flex-start;
-      align-items: center;
+      align-items: flex-start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       gap: 10px;

packages/server/resources/views/modules/estimate-regular.pug

@@ -47,9 +47,7 @@ block head
       box-sizing: border-box;
       display: flex;
       flex-flow: wrap;
-      -webkit-box-align: center;
+      align-items: flex-start;
-      align-items: center;
-      -webkit-box-pack: start;
       justify-content: flex-start;
       gap: 10px;
       margin-bottom: 24px;

packages/server/resources/views/modules/invoice-standard.pug

@@ -48,9 +48,7 @@ block head
       box-sizing: border-box;
       display: flex;
       flex-flow: wrap;
-      -webkit-box-align: center;
+      align-items: flex-start;
-      align-items: center;
-      -webkit-box-pack: start;
       justify-content: flex-start;
       gap: 10px;
       margin-bottom: 24px;

packages/server/resources/views/modules/payment-receive-standard.pug

@@ -46,9 +46,7 @@ block head
       box-sizing: border-box;
       display: flex;
       flex-flow: wrap;
-      -webkit-box-align: center;
+      align-items: flex-start;
-      align-items: center;
-      -webkit-box-pack: start;
       justify-content: flex-start;
       gap: 10px;
       margin-bottom: 24px;

packages/server/resources/views/modules/receipt-regular.pug

@@ -46,8 +46,8 @@ block head
       box-sizing: border-box;
       display: flex;
       flex-flow: wrap;
-      -webkit-box-align: center;
+      -webkit-box-align: flex-start;
-      align-items: center;
+      align-items: flex-start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       gap: 10px;

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

@@ -179,14 +179,15 @@ export const defaultInvoicePdfTemplateAttributes = {
   dateIssueLabel: 'Date of issue',
   showDateIssue: true,
 
-  // dateIssue,
+  // # Invoice number,
   invoiceNumberLabel: 'Invoice number',
   showInvoiceNumber: true,
 
-  // Address
+  // # Customer address
   showCustomerAddress: true,
   customerAddress: '',
 
+  // # Company address
   showCompanyAddress: true,
   companyAddress: '',
   billedToLabel: 'Billed To',

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

@@ -10,11 +10,9 @@ export class PaymentReceivedBrandingTemplate {
   @Inject()
   private getPdfTemplateService: GetPdfTemplate;
 
-
   @Inject()
   private getOrgBrandingAttributes: GetOrganizationBrandingAttributes;
 
-
   /**
    * Retrieves the payment received pdf template.
    * @param {number} tenantId
@@ -24,14 +22,17 @@ export class PaymentReceivedBrandingTemplate {
   public async getPaymentReceivedPdfTemplate(
     tenantId: number,
     paymentTemplateId: number
-   ) {
+  ) {
     const template = await this.getPdfTemplateService.getPdfTemplate(
       tenantId,
       paymentTemplateId
     );
     // Retrieves the organization branding attributes.
-    const commonOrgBrandingAttrs = this.getOrgBrandingAttributes.getOrganizationBrandingAttributes(tenantId);
+    const commonOrgBrandingAttrs =
-
+      await this.getOrgBrandingAttributes.getOrganizationBrandingAttributes(
+        tenantId
+      );
+    // Merges the default branding attributes with common organization branding attrs.
     const organizationBrandingAttrs = {
       ...defaultPaymentReceivedPdfTemplateAttributes,
       ...commonOrgBrandingAttrs,

packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/PaperTemplate.tsx

@@ -120,19 +120,18 @@ PaperTemplate.MutedText = () => {};
 PaperTemplate.Text = () => {};
 
 PaperTemplate.AddressesGroup = (props: GroupProps) => {
-  return <Group spacing={10} {...props} className={styles.addressRoot} />;
-};
-PaperTemplate.Address = ({
-  children,
-}: {
-  children: React.ReactNode;
-}) => {
   return (
-    <Box>
+    <Group
-      {children}
+      spacing={10}
-    </Box>
+      align={'flex-start'}
+      {...props}
+      className={styles.addressRoot}
+    />
   );
 };
+PaperTemplate.Address = ({ children }: { children: React.ReactNode }) => {
+  return <Box>{children}</Box>;
+};
 
 PaperTemplate.Statement = ({
   label,

packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/constants.ts

@@ -14,17 +14,19 @@ export const initialValues = {
   showPaymentReceivedNumber: true,
   paymentReceivedNumberLabel: 'Payment number',
 
+  // Payment number
   showPaymentReceivedDate: true,
   paymentReceivedDateLabel: 'Date of Issue',
 
   // Company name
   companyName: 'Bigcapital Technology, Inc.',
 
-  // Addresses
+  // Customer address
-  showCustomerAddress: true,
   showCompanyAddress: true,
-  customerAddress: '',
   companyAddress: '',
+
+  // Company address
+  showCustomerAddress: true,
   billedToLabel: 'Billed To',
 
   // Entries
@@ -33,10 +35,11 @@ export const initialValues = {
   itemRateLabel: 'Rate',
   itemTotalLabel: 'Total',
 
-  // Totals
+  // Subtotal
   showSubtotal: true,
   subtotalLabel: 'Subtotal',
 
+  // Total
   showTotal: true,
   totalLabel: 'Total',
 };

packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/types.ts

@@ -12,18 +12,23 @@ export interface PaymentReceivedCustomizeValues extends BrandingTemplateValues {
   showInvoiceNumber?: boolean;
   invoiceNumberLabel?: string;
 
+  // # Issue date
   showDateIssue?: boolean;
   dateIssueLabel?: string;
 
+  // # Due date
   showDueDate?: boolean;
   dueDateLabel?: string;
 
-  // Company name
+  // # Company name
   companyName?: string;
 
-  // Addresses
+  // # Customer address
-  showBilledFromAddress?: boolean;
+  showCustomerAddress?: boolean;
-  showBillingToAddress?: boolean;
+
+  // # Company address
+  showCompanyAddress?: boolean;
+  companyAddress?: string;
   billedToLabel?: string;
 
   // Entries
@@ -54,6 +59,7 @@ export interface PaymentReceivedCustomizeValues extends BrandingTemplateValues {
   termsConditionsLabel?: string;
   showTermsConditions?: boolean;
 
+  // # Statement
   statementLabel?: string;
   showStatement?: boolean;
 }