feat: wip categorized transactions

packages/server/src/database/migrations/20240228183404_create_uncateogrized_cashflow_transactions_table.js

@@ -7,6 +7,7 @@ exports.up = function (knex) {
       table.decimal('amount');
       table.string('currency_code');
       table.string('reference_no').index();
+      table.string('payee');
       table
         .integer('account_id')
         .unsigned()

packages/server/src/database/migrations/20240304153926_add_uncategorized_transactions_column_to_accounts_table.js

@@ -0,0 +1,7 @@
+exports.up = function (knex) {
+  return knex.schema.table('accounts', (table) => {
+    table.integer('uncategorized_transactions').defaultTo(0);
+  });
+};
+
+exports.down = function (knex) {};

packages/server/src/interfaces/CashFlow.ts

@@ -264,6 +264,7 @@ export interface CreateUncategorizedTransactionDTO {
   accountId: number;
   amount: number;
   currencyCode: string;
+  payee?: string;
   description?: string;
   referenceNo?: string | null;
   plaidTransactionId?: string | null;

packages/server/src/interfaces/Plaid.ts

@@ -38,7 +38,7 @@ export interface PlaidTransaction {
   iso_currency_code: string;
   transaction_id: string;
   transaction_type: string;
-  payment_meta: { reference_number: string | null };
+  payment_meta: { reference_number: string | null; payee: string | null };
 }
 
 export interface PlaidFetchedTransactionsUpdates {

packages/server/src/models/Account.ts

@@ -196,6 +196,7 @@ export default class Account extends mixin(TenantModel, [
     const Expense = require('models/Expense');
     const ExpenseEntry = require('models/ExpenseCategory');
     const ItemEntry = require('models/ItemEntry');
+    const UncategorizedTransaction = require('models/UncategorizedCashflowTransaction');
 
     return {
       /**
@@ -305,6 +306,21 @@ export default class Account extends mixin(TenantModel, [
           to: 'items_entries.sellAccountId',
         },
       },
+
+      /**
+       * Associated uncategorized transactions.
+       */
+      uncategorizedTransactions: {
+        relation: Model.HasManyRelation,
+        modelClass: UncategorizedTransaction.default,
+        join: {
+          from: 'accounts.id',
+          to: 'uncategorized_cashflow_transactions.accountId',
+        },
+        filter: (query) => {
+          query.filter('categorized', false);
+        },
+      },
     };
   }
 

packages/server/src/models/UncategorizedCashflowTransaction.ts

@@ -1,6 +1,7 @@
 /* eslint-disable global-require */
 import TenantModel from 'models/TenantModel';
 import { Model } from 'objection';
+import Account from './Account';
 
 export default class UncategorizedCashflowTransaction extends TenantModel {
   amount: number;
@@ -80,4 +81,29 @@ export default class UncategorizedCashflowTransaction extends TenantModel {
       },
     };
   }
+
+  /**
+   *
+   * @param queryContext
+   */
+  public async $afterInsert(queryContext) {
+    await super.$afterInsert(queryContext);
+
+    // Increments the uncategorized transactions count of the associated account.
+    await Account.query(queryContext.transaction)
+      .findById(this.accountId)
+      .increment('uncategorized_transactions', 1);
+  }
+
+  /**
+   *
+   * @param queryContext
+   */
+  public async $afterDelete(queryContext) {
+    await super.$afterDelete(queryContext);
+
+    await Account.query()
+      .findById(this.accountId)
+      .decrement('uncategorized_transactions', 1);
+  }
 }

packages/server/src/services/Banking/Plaid/PlaidSyncDB.ts

@@ -90,7 +90,7 @@ export class PlaidSyncDb {
           tenantId,
           uncategoriedDTO
         ),
-      { concurrency: CONCURRENCY_ASYNC }
+      { concurrency: 1 }
     );
   }
 

packages/server/src/services/Banking/Plaid/utils.ts

@@ -44,8 +44,9 @@ export const transformPlaidTrxsToCashflowCreate = R.curry(
   ): CreateUncategorizedTransactionDTO => {
     return {
       date: plaidTranasction.date,
-      description: plaidTranasction.name,
       amount: plaidTranasction.amount,
+      description: plaidTranasction.name,
+      payee: plaidTranasction.payment_meta?.payee,
       currencyCode: plaidTranasction.iso_currency_code,
       accountId: cashflowAccountId,
       referenceNo: plaidTranasction.payment_meta?.reference_number,

packages/server/src/services/Cashflow/CreateUncategorizedTransaction.ts

@@ -1,6 +1,6 @@
 import { Inject, Service } from 'typedi';
 import HasTenancyService from '../Tenancy/TenancyService';
-import UnitOfWork from '../UnitOfWork';
+import UnitOfWork, { IsolationLevel } from '../UnitOfWork';
 import { Knex } from 'knex';
 import { CreateUncategorizedTransactionDTO } from '@/interfaces';
 
@@ -21,15 +21,20 @@ export class CreateUncategorizedTransaction {
     tenantId: number,
     createDTO: CreateUncategorizedTransactionDTO
   ) {
-    const { UncategorizedCashflowTransaction } = this.tenancy.models(tenantId);
+    const { UncategorizedCashflowTransaction, Account } =
+      this.tenancy.models(tenantId);
 
-    return this.uow.withTransaction(tenantId, async (trx: Knex.Transaction) => {
+    return this.uow.withTransaction(
+      tenantId,
+      async (trx: Knex.Transaction) => {
         const transaction = await UncategorizedCashflowTransaction.query(
           trx
         ).insertAndFetch({
           ...createDTO,
         });
+        
         return transaction;
-    });
+      },
+    );
   }
 }

packages/server/src/services/Cashflow/UncategorizedTransactionTransformer.ts

@@ -29,10 +29,13 @@ export class UncategorizedTransactionTransformer extends Transformer {
    * @returns {string}
    */
   protected formattetDepositAmount(transaction) {
+    if (transaction.isDepositTransaction) {
       return formatNumber(transaction.deposit, {
         currencyCode: transaction.currencyCode,
       });
     }
+    return '';
+  }
 
   /**
    * Formatted withdrawal amount.
@@ -40,8 +43,11 @@ export class UncategorizedTransactionTransformer extends Transformer {
    * @returns {string}
    */
   protected formattedWithdrawalAmount(transaction) {
+    if (transaction.isWithdrawalTransaction) {
       return formatNumber(transaction.withdrawal, {
         currencyCode: transaction.currencyCode,
       });
     }
+    return '';
+  }
 }

packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsDetailsBar.tsx

@@ -84,6 +84,18 @@ function AccountBankBalanceItem() {
   );
 }
 
+function AccountNumberItem() {
+  const { currentAccount } = useAccountTransactionsContext();
+
+  if (!currentAccount.account_mask) return null;
+
+  return (
+    <AccountBalanceItemWrap>
+      Account Number: xxx{currentAccount.account_mask}
+    </AccountBalanceItemWrap>
+  );
+}
+
 function AccountTransactionsDetailsBarSkeleton() {
   return (
     <React.Fragment>
@@ -101,6 +113,7 @@ function AccountTransactionsDetailsContent() {
   return (
     <React.Fragment>
       <AccountSwitchItem />
+      <AccountNumberItem />
       <AccountBalanceItem />
       <AccountBankBalanceItem />
     </React.Fragment>

packages/webapp/src/containers/CashFlow/AccountTransactions/AccountTransactionsFilterTabs.tsx

@@ -8,12 +8,17 @@ const AccountContentTabs = styled(ContentTabs)`
 `;
 
 export function AccountTransactionsFilterTabs() {
-  const { filterTab, setFilterTab } = useAccountTransactionsContext();
+  const { filterTab, setFilterTab, currentAccount } =
+    useAccountTransactionsContext();
 
   const handleChange = (value) => {
     setFilterTab(value);
   };
 
+  const hasUncategorizedTransx = Boolean(
+    currentAccount.uncategorized_transactions,
+  );
+
   return (
     <AccountContentTabs value={filterTab} onChange={handleChange}>
       <ContentTabs.Tab
@@ -21,16 +26,20 @@ export function AccountTransactionsFilterTabs() {
         title={'Dashboard'}
         description={'Account Summary'}
       />
+      {hasUncategorizedTransx && (
         <ContentTabs.Tab
           id={'uncategorized'}
           title={
             <>
-            <span style={{ color: '#ff0000' }}>20</span> Uncategorized
+              <span style={{ color: '#ff0000' }}>
-            Transactions
+                {currentAccount.uncategorized_transactions}
+              </span>{' '}
+              Uncategorized Transactions
             </>
           }
           description={'For Bank Statement'}
         />
+      )}
       <ContentTabs.Tab
         id="all"
         title={'All Transactions'}