@accounter/client 0.0.8-alpha-20251029232510-4bc0c8b8c08a26f0c27788725ae584e515236d20 → 0.0.8-alpha-20251029233659-8fb74309c9f1de4f20423db029c5740e2df4bb5d

package/src/components/{business-ledger → business-transactions}/business-extended-info.tsx

@@ -6,10 +6,10 @@ import { useQuery } from 'urql';
 import { ROUTES } from '@/router/routes.js';
 import { Mark, Table, Tooltip } from '@mantine/core';
 import {
-  BusinessLedgerInfoDocument,
+  BusinessTransactionsInfoDocument,
   Currency,
-  type BusinessLedgerInfoQuery,
   type BusinessTransactionsFilter,
+  type BusinessTransactionsInfoQuery,
 } from '../../gql/graphql.js';
 import { FIAT_CURRENCIES, formatAmountWithCurrency } from '../../helpers/index.js';
 import { AccounterLoader } from '../common/index.js';
@@ -18,7 +18,7 @@ import { DownloadCSV } from './download-csv.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
-  query BusinessLedgerInfo($filters: BusinessTransactionsFilter) {
+  query BusinessTransactionsInfo($filters: BusinessTransactionsFilter) {
     businessTransactionsFromLedgerRecords(filters: $filters) {
       ... on BusinessTransactionsFromLedgerRecordsSuccessfulResult {
         businessTransactions {
@@ -54,8 +54,8 @@ import { DownloadCSV } from './download-csv.js';
   }
 `;
 
-export type ExtendedLedger = Extract<
-  BusinessLedgerInfoQuery['businessTransactionsFromLedgerRecords'],
+export type ExtendedTransaction = Extract<
+  BusinessTransactionsInfoQuery['businessTransactionsFromLedgerRecords'],
   { __typename?: 'BusinessTransactionsFromLedgerRecordsSuccessfulResult' }
 >['businessTransactions'][number] & {
   ilsBalance: number;
@@ -71,7 +71,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
   const [isExtendAllCurrencies, setISExtendAllCurrencies] = useState(false);
   const { fromDate, ownerIds, toDate } = filter ?? {};
   const [{ data, fetching }] = useQuery({
-    query: BusinessLedgerInfoDocument,
+    query: BusinessTransactionsInfoDocument,
     variables: {
       filters: {
         fromDate,
@@ -82,42 +82,44 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
     },
   });
 
-  const ledgerRecords =
+  const transactions =
     data?.businessTransactionsFromLedgerRecords.__typename === 'CommonError'
       ? []
       : (data?.businessTransactionsFromLedgerRecords.businessTransactions.sort((a, b) =>
           a.invoiceDate > b.invoiceDate ? 1 : -1,
         ) ?? []);
 
-  const extendedLedgerRecords: Array<ExtendedLedger> = [];
-  for (let i = 0; i < ledgerRecords.length; i++) {
-    const { __typename, ...coreRecord } = ledgerRecords[i];
+  const extendedTransactions: Array<ExtendedTransaction> = [];
+  for (let i = 0; i < transactions.length; i++) {
+    const { __typename, ...coreTransaction } = transactions[i];
     const ilsBalance =
       i === 0
-        ? coreRecord.amount.raw
-        : (extendedLedgerRecords[i - 1].ilsBalance ?? 0) + coreRecord.amount.raw;
+        ? coreTransaction.amount.raw
+        : (extendedTransactions[i - 1].ilsBalance ?? 0) + coreTransaction.amount.raw;
     const foreignCurrenciesBalance: Record<string, number> = {};
     Object.values(Currency).map(currency => {
       if (currency !== Currency.Ils) {
         const key = `${currency.toLowerCase()}Balance`;
         foreignCurrenciesBalance[key] =
           i === 0
-            ? ((coreRecord.foreignAmount?.currency === currency
-                ? coreRecord.foreignAmount?.raw
+            ? ((coreTransaction.foreignAmount?.currency === currency
+                ? coreTransaction.foreignAmount?.raw
                 : 0) ?? 0)
-            : (extendedLedgerRecords[i - 1]?.[key] ?? 0) +
-              (coreRecord.foreignAmount?.currency === currency ? coreRecord.foreignAmount?.raw : 0);
+            : (extendedTransactions[i - 1]?.[key] ?? 0) +
+              (coreTransaction.foreignAmount?.currency === currency
+                ? coreTransaction.foreignAmount?.raw
+                : 0);
       }
     });
-    extendedLedgerRecords.push({
-      ...coreRecord,
+    extendedTransactions.push({
+      ...coreTransaction,
       ilsBalance,
       ...foreignCurrenciesBalance,
-    } as (typeof extendedLedgerRecords)[number]);
+    } as (typeof extendedTransactions)[number]);
   }
 
   const currencies = new Set(
-    ledgerRecords.filter(t => t.foreignAmount?.currency).map(t => t.foreignAmount!.currency),
+    transactions.filter(t => t.foreignAmount?.currency).map(t => t.foreignAmount!.currency),
   );
   const isEur = isExtendAllCurrencies || currencies.has(Currency.Eur);
   const isUsd = isExtendAllCurrencies || currencies.has(Currency.Usd);
@@ -127,7 +129,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
   const isAud = isExtendAllCurrencies || currencies.has(Currency.Aud);
   const isSek = isExtendAllCurrencies || currencies.has(Currency.Sek);
 
-  const businessName = ledgerRecords[0]?.business.name ?? 'unknown';
+  const businessName = transactions[0]?.business.name ?? 'unknown';
 
   return (
     <div className="flex flex-row gap-5">
@@ -214,7 +216,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
               <th>Counter Account</th>
               <th>
                 <DownloadCSV
-                  ledgerRecords={extendedLedgerRecords}
+                  transactions={extendedTransactions}
                   businessName={businessName}
                   fromDate={filter?.fromDate ?? undefined}
                   toDate={filter?.toDate ?? undefined}
@@ -223,7 +225,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
             </tr>
           </thead>
           <tbody>
-            {extendedLedgerRecords.map((row, index) => (
+            {extendedTransactions.map((row, index) => (
               <tr
                 key={index}
                 className="cursor-pointer"
@@ -297,7 +299,7 @@ export function CurrencyCells({
   data,
 }: {
   currency: Currency;
-  data: ExtendedLedger;
+  data: ExtendedTransaction;
 }): ReactElement {
   const foreignAmount =
     data.foreignAmount && data.foreignAmount.currency === currency ? data.foreignAmount : null;
@@ -327,7 +329,7 @@ const currenciesToExtend = Object.values(Currency).filter(
   currency => !FIAT_CURRENCIES.includes(currency),
 );
 
-export function ExtendedCurrencyCells({ data }: { data: ExtendedLedger }): ReactElement {
+export function ExtendedCurrencyCells({ data }: { data: ExtendedTransaction }): ReactElement {
   return (
     <>
       {currenciesToExtend.map(currency => (

package/src/components/{business-ledger/business-ledger-filters.tsx → business-transactions/business-transactions-filters.tsx}

@@ -9,29 +9,29 @@ import { type BusinessTransactionsFilter } from '../../gql/graphql.js';
 import { isObjectEmpty, TIMELESS_DATE_REGEX } from '../../helpers/index.js';
 import { useGetBusinesses } from '../../hooks/use-get-businesses.js';
 import { useUrlQuery } from '../../hooks/use-url-query.js';
-import { UserContext } from '../../providers/user-provider.jsx';
+import { UserContext } from '../../providers/user-provider.js';
 import { PopUpModal } from '../common/index.js';
-import { Button } from '../ui/button.jsx';
+import { Button } from '../ui/button.js';
 
-export function encodeLedgerRecordsFilters(
+export function encodeTransactionsFilters(
   filter?: BusinessTransactionsFilter | null,
 ): string | null {
   return !filter || isObjectEmpty(filter) ? null : encodeURIComponent(JSON.stringify(filter));
 }
 
-interface BusinessLedgerRecordsFilterFormProps {
+interface BusinessTransactionsFilterFormProps {
   filter: BusinessTransactionsFilter;
   setFilter: (filter: BusinessTransactionsFilter) => void;
   closeModal: () => void;
   single?: boolean;
 }
 
-function BusinessLedgerRecordsFilterForm({
+function BusinessTransactionsFilterForm({
   filter,
   setFilter,
   closeModal,
   single = false,
-}: BusinessLedgerRecordsFilterFormProps): ReactElement {
+}: BusinessTransactionsFilterFormProps): ReactElement {
   const { control, handleSubmit } = useForm<BusinessTransactionsFilter>({
     defaultValues: { ...filter },
   });
@@ -199,15 +199,15 @@ function BusinessLedgerRecordsFilterForm({
   );
 }
 
-interface BusinessLedgerRecordsFilterProps {
+interface BusinessTransactionsFilterProps {
   filter: BusinessTransactionsFilter;
   setFilter: (filter: BusinessTransactionsFilter) => void;
 }
 
-export function BusinessLedgerRecordsFilters({
+export function BusinessTransactionsFilters({
   filter,
   setFilter,
-}: BusinessLedgerRecordsFilterProps): ReactElement {
+}: BusinessTransactionsFilterProps): ReactElement {
   const [opened, setOpened] = useState(false);
   const [isFiltered, setIsFiltered] = useState(!isObjectEmpty(filter));
   const { get, set } = useUrlQuery();
@@ -232,9 +232,9 @@ export function BusinessLedgerRecordsFilters({
   // update url on filter change
   useEffect(() => {
     const newFilter = isObjectEmpty(filter) ? null : encodeURIComponent(JSON.stringify(filter));
-    const oldFilter = get('ledgerRecordsFilters');
+    const oldFilter = get('transactionsFilters');
     if (newFilter !== oldFilter) {
-      set('ledgerRecordsFilters', newFilter);
+      set('transactionsFilters', newFilter);
     }
   }, [filter, get, set]);
 
@@ -244,7 +244,7 @@ export function BusinessLedgerRecordsFilters({
         opened={opened}
         onClose={(): void => setOpened(false)}
         content={
-          <BusinessLedgerRecordsFilterForm
+          <BusinessTransactionsFilterForm
             single
             filter={filter}
             setFilter={onSetFilter}

package/src/components/{business-ledger/business-ledger-single.tsx → business-transactions/business-transactions-single.tsx}

@@ -3,31 +3,31 @@ import { useParams } from 'react-router-dom';
 import { useQuery } from 'urql';
 import { Mark } from '@mantine/core';
 import {
-  BusinessLedgerRecordsSummeryDocument,
+  BusinessTransactionsSummeryDocument,
   Currency,
-  type BusinessLedgerRecordsSummeryQuery,
   type BusinessTransactionsFilter,
+  type BusinessTransactionsSummeryQuery,
 } from '../../gql/graphql.js';
 import { useUrlQuery } from '../../hooks/use-url-query.js';
 import { FiltersContext } from '../../providers/filters-context.js';
 import { AccounterLoader, AccounterTable } from '../common/index.js';
 import { BusinessExtendedInfo } from './business-extended-info.js';
-import { BusinessLedgerRecordsFilters } from './business-ledger-filters.js';
+import { BusinessTransactionsFilters } from './business-transactions-filters.js';
 
 type Props = {
   businessId?: string;
 };
 
-export const BusinessLedgerRecordsSingle = ({ businessId }: Props): ReactElement => {
+export const BusinessTransactionsSingle = ({ businessId }: Props): ReactElement => {
   const { businessId: businessIdFromUrl } = useParams<{ businessId: string }>();
   const { get } = useUrlQuery();
   const { setFiltersContext } = useContext(FiltersContext);
   const id = businessId || businessIdFromUrl;
   const [filter, setFilter] = useState<BusinessTransactionsFilter>(
-    get('ledgerRecordsFilters')
+    get('transactionsFilters')
       ? {
           ...(JSON.parse(
-            decodeURIComponent(get('ledgerRecordsFilters') as string),
+            decodeURIComponent(get('transactionsFilters') as string),
           ) as BusinessTransactionsFilter),
           businessIDs: id ? [id] : [],
         }
@@ -36,17 +36,17 @@ export const BusinessLedgerRecordsSingle = ({ businessId }: Props): ReactElement
         },
   );
   const [{ data, fetching }] = useQuery({
-    query: BusinessLedgerRecordsSummeryDocument,
+    query: BusinessTransactionsSummeryDocument,
     variables: {
       filters: filter,
     },
   });
 
   useEffect(() => {
-    setFiltersContext(<BusinessLedgerRecordsFilters filter={filter} setFilter={setFilter} />);
+    setFiltersContext(<BusinessTransactionsFilters filter={filter} setFilter={setFilter} />);
   }, [data, filter, setFiltersContext, setFilter]);
 
-  const businessLedgerRecordsSum = useMemo(() => {
+  const businessTransactionsSum = useMemo(() => {
     if (data?.businessTransactionsSumFromLedgerRecords.__typename === 'CommonError') {
       return [];
     }
@@ -68,7 +68,7 @@ export const BusinessLedgerRecordsSingle = ({ businessId }: Props): ReactElement
       striped
       highlightOnHover
       stickyHeader
-      items={businessLedgerRecordsSum}
+      items={businessTransactionsSum}
       columns={[
         {
           title: 'Business Name',
@@ -106,14 +106,14 @@ export const BusinessLedgerRecordsSingle = ({ businessId }: Props): ReactElement
   );
 };
 
-type BusinessLedgerRecordsSum = Extract<
-  BusinessLedgerRecordsSummeryQuery['businessTransactionsSumFromLedgerRecords'],
+type BusinessTransactionsSum = Extract<
+  BusinessTransactionsSummeryQuery['businessTransactionsSumFromLedgerRecords'],
   { businessTransactionsSum: unknown }
 >['businessTransactionsSum'][number];
 
 type CellInfo = {
   title: ReactNode;
-  value: (data: BusinessLedgerRecordsSum) => string | ReactNode;
+  value: (data: BusinessTransactionsSum) => string | ReactNode;
   style?: React.CSSProperties;
 };
 

package/src/components/{business-ledger → business-transactions}/download-csv.tsx

@@ -3,47 +3,47 @@ import { format } from 'date-fns';
 import { Currency } from '../../gql/graphql.js';
 import { currencyCodeToSymbol, type TimelessDateString } from '../../helpers/index.js';
 import { DownloadCSVButton } from '../common/index.js';
-import type { ExtendedLedger } from './business-extended-info.js';
+import type { ExtendedTransaction } from './business-extended-info.js';
 
 interface Props {
-  ledgerRecords: Array<ExtendedLedger>;
+  transactions: Array<ExtendedTransaction>;
   businessName: string;
   fromDate?: TimelessDateString;
   toDate?: TimelessDateString;
 }
 
 export const DownloadCSV = ({
-  ledgerRecords,
+  transactions,
   businessName,
   fromDate,
   toDate,
 }: Props): ReactElement => {
   const createFileVariables = useCallback(async () => {
-    const csvData = convertToCSV(ledgerRecords);
-    const fileName = `business_${businessName}_ledger_records${fromDate ? `_${fromDate}` : ''}${toDate ? `_${toDate}` : ''}`;
+    const csvData = convertToCSV(transactions);
+    const fileName = `business_${businessName}_transactions${fromDate ? `_${fromDate}` : ''}${toDate ? `_${toDate}` : ''}`;
     return {
       fileName,
       fileContent: csvData,
     };
-  }, [ledgerRecords, businessName, fromDate, toDate]);
+  }, [transactions, businessName, fromDate, toDate]);
 
   return <DownloadCSVButton createFileVariables={createFileVariables} />;
 };
 
-const convertToCSV = (ledgerRecords: Array<ExtendedLedger>): string => {
+const convertToCSV = (transactions: Array<ExtendedTransaction>): string => {
   let csvString = '';
 
   const currencies = Array.from(
     new Set(
-      ledgerRecords.filter(t => t.foreignAmount?.currency).map(t => t.foreignAmount!.currency),
+      transactions.filter(t => t.foreignAmount?.currency).map(t => t.foreignAmount!.currency),
     ),
   );
 
   csvString += `Sorting Date,Date,Amount,Amount Balance,${getHeadersFromForeignCurrencies(currencies)}Reference,Details,Counter Account\r\n`;
 
-  for (const record of ledgerRecords) {
-    const stringifiedRecord = handleLedgerRecord(record, currencies);
-    csvString += stringifiedRecord;
+  for (const transaction of transactions) {
+    const stringifiedTransaction = handleTransaction(transaction, currencies);
+    csvString += stringifiedTransaction;
   }
 
   return csvString;
@@ -59,13 +59,13 @@ function getHeadersFromForeignCurrencies(currencies: Array<Currency>): string {
 }
 
 function getAmountsFromForeignCurrencies(
-  ledgerRecord: ExtendedLedger,
+  transaction: ExtendedTransaction,
   currencies: Array<Currency>,
 ): string {
   let amounts = '';
   currencies.map(currency => {
-    if (ledgerRecord.foreignAmount && ledgerRecord.foreignAmount.currency === currency) {
-      amounts += `${ledgerRecord.foreignAmount.raw},${ledgerRecord[`${currency.toLowerCase()}Balance` as keyof ExtendedLedger] ?? 0},`;
+    if (transaction.foreignAmount && transaction.foreignAmount.currency === currency) {
+      amounts += `${transaction.foreignAmount.raw},${transaction[`${currency.toLowerCase()}Balance` as keyof ExtendedTransaction] ?? 0},`;
     } else {
       amounts += ',,';
     }
@@ -73,21 +73,21 @@ function getAmountsFromForeignCurrencies(
   return amounts;
 }
 
-function handleLedgerRecord(ledgerRecord: ExtendedLedger, currencies: Array<Currency>): string {
-  let ledgerRecordString = '';
+function handleTransaction(transaction: ExtendedTransaction, currencies: Array<Currency>): string {
+  let transactionString = '';
 
-  const sortingDate = ledgerRecord.invoiceDate
-    ? format(new Date(ledgerRecord.invoiceDate), 'yyy-MM-dd')
+  const sortingDate = transaction.invoiceDate
+    ? format(new Date(transaction.invoiceDate), 'yyy-MM-dd')
     : null;
-  const date = ledgerRecord.invoiceDate
-    ? format(new Date(ledgerRecord.invoiceDate), 'dd/MM/yy')
+  const date = transaction.invoiceDate
+    ? format(new Date(transaction.invoiceDate), 'dd/MM/yy')
     : null;
-  const ilsAmount = ledgerRecord.amount.raw;
-  const { ilsBalance, reference, details } = ledgerRecord;
-  const counterAccount = ledgerRecord.counterAccount?.name ?? '';
+  const ilsAmount = transaction.amount.raw;
+  const { ilsBalance, reference, details } = transaction;
+  const counterAccount = transaction.counterAccount?.name ?? '';
 
-  ledgerRecordString += `${sortingDate},${date},${ilsAmount},${ilsBalance},${getAmountsFromForeignCurrencies(ledgerRecord, currencies)}${sanitizeString(reference ?? '')},${sanitizeString(details ?? '')},${sanitizeString(counterAccount)},\r\n`;
-  return ledgerRecordString;
+  transactionString += `${sortingDate},${date},${ilsAmount},${ilsBalance},${getAmountsFromForeignCurrencies(transaction, currencies)}${sanitizeString(reference ?? '')},${sanitizeString(details ?? '')},${sanitizeString(counterAccount)},\r\n`;
+  return transactionString;
 }
 
 function sanitizeString(content: string | number): string {

package/src/components/{business-ledger → business-transactions}/index.tsx

@@ -9,10 +9,10 @@ import {
 import { useQuery } from 'urql';
 import { Mark, Table, Text, Tooltip } from '@mantine/core';
 import {
-  BusinessLedgerRecordsSummeryDocument,
+  BusinessTransactionsSummeryDocument,
   Currency,
-  type BusinessLedgerRecordsSummeryQuery,
   type BusinessTransactionsFilter,
+  type BusinessTransactionsSummeryQuery,
 } from '../../gql/graphql.js';
 import { FIAT_CURRENCIES } from '../../helpers/index.js';
 import { useUrlQuery } from '../../hooks/use-url-query.js';
@@ -21,11 +21,11 @@ import { AccounterTableRow } from '../common/index.js';
 import { PageLayout } from '../layout/page-layout.js';
 import { Button } from '../ui/button.js';
 import { BusinessExtendedInfo } from './business-extended-info.js';
-import { BusinessLedgerRecordsFilters } from './business-ledger-filters.js';
+import { BusinessTransactionsFilters } from './business-transactions-filters.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
-  query BusinessLedgerRecordsSummery($filters: BusinessTransactionsFilter) {
+  query BusinessTransactionsSummery($filters: BusinessTransactionsFilter) {
     businessTransactionsSumFromLedgerRecords(filters: $filters) {
       ... on BusinessTransactionsSumFromLedgerRecordsSuccessfulResult {
         businessTransactionsSum {
@@ -66,32 +66,32 @@ import { BusinessLedgerRecordsFilters } from './business-ledger-filters.js';
   }
 `;
 
-type BusinessLedgerRecordsSum = Extract<
-  BusinessLedgerRecordsSummeryQuery['businessTransactionsSumFromLedgerRecords'],
+type BusinessTransactionsSum = Extract<
+  BusinessTransactionsSummeryQuery['businessTransactionsSumFromLedgerRecords'],
   { businessTransactionsSum: unknown }
 >['businessTransactionsSum'][number];
 
 type CellInfo = {
   title: string | ReactNode;
   disabled?: boolean;
-  value: (item: BusinessLedgerRecordsSum) => string | ReactNode;
+  value: (item: BusinessTransactionsSum) => string | ReactNode;
   style?: React.CSSProperties;
 };
 
-export const BusinessLedgerRecordsSummery = (): ReactElement => {
+export const BusinessTransactionsSummery = (): ReactElement => {
   const { get } = useUrlQuery();
   const { setFiltersContext } = useContext(FiltersContext);
   const [isAllOpened, setIsAllOpened] = useState<boolean>(false);
   const [isExpandedCurrencies, setIsExpandedCurrencies] = useState<boolean>(false);
   const [filter, setFilter] = useState<BusinessTransactionsFilter>(
-    get('ledgerRecordsFilters')
+    get('transactionsFilters')
       ? (JSON.parse(
-          decodeURIComponent(get('ledgerRecordsFilters') as string),
+          decodeURIComponent(get('transactionsFilters') as string),
         ) as BusinessTransactionsFilter)
       : {},
   );
   const [{ data, fetching }] = useQuery({
-    query: BusinessLedgerRecordsSummeryDocument,
+    query: BusinessTransactionsSummeryDocument,
     variables: {
       filters: filter,
     },
@@ -100,7 +100,7 @@ export const BusinessLedgerRecordsSummery = (): ReactElement => {
   useEffect(() => {
     setFiltersContext(
       <div className="flex flex-row gap-x-5">
-        <BusinessLedgerRecordsFilters filter={filter} setFilter={setFilter} />
+        <BusinessTransactionsFilters filter={filter} setFilter={setFilter} />
         <Tooltip label="Expand all accounts">
           <Button
             variant="outline"
@@ -141,7 +141,7 @@ export const BusinessLedgerRecordsSummery = (): ReactElement => {
     isExpandedCurrencies,
   ]);
 
-  const businessLedgerRecordsSum = useMemo(() => {
+  const businessTransactionsSum = useMemo(() => {
     if (data?.businessTransactionsSumFromLedgerRecords.__typename === 'CommonError') {
       return [];
     }
@@ -195,7 +195,7 @@ export const BusinessLedgerRecordsSummery = (): ReactElement => {
   ];
 
   return (
-    <PageLayout title="Business Ledger Records" description="Business Ledger Records Summary">
+    <PageLayout title="Business Transactions" description="Business Transactions Summery">
       {fetching ? (
         <Loader2 className="h-10 w-10 animate-spin mr-2 self-center" />
       ) : (
@@ -209,7 +209,7 @@ export const BusinessLedgerRecordsSummery = (): ReactElement => {
             </tr>
           </thead>
           <tbody>
-            {businessLedgerRecordsSum.map((item, index) => (
+            {businessTransactionsSum.map((item, index) => (
               <AccounterTableRow
                 key={index}
                 columns={columns}

package/src/components/charges/charge-extended-info.tsx

@@ -4,7 +4,6 @@ import { useQuery } from 'urql';
 import { Accordion, Box, Collapse, Loader, Tooltip } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import {
-  ChargeLedgerRecordsTableFieldsFragmentDoc,
   ChargesTableErrorsFieldsFragmentDoc,
   ChargeTableTransactionsFieldsFragmentDoc,
   ConversionChargeInfoFragmentDoc,
@@ -13,6 +12,7 @@ import {
   ExchangeRatesInfoFragmentDoc,
   FetchChargeDocument,
   TableDocumentsFieldsFragmentDoc,
+  TableLedgerRecordsFieldsFragmentDoc,
   TableMiscExpensesFieldsFragmentDoc,
   TableSalariesFieldsFragmentDoc,
   type FetchChargeQuery,
@@ -55,7 +55,7 @@ import { SalariesTable } from './extended-info/salaries-info.jsx';
       }
       ...DocumentsGalleryFields @defer
       ...TableDocumentsFields @defer
-      ...ChargeLedgerRecordsTableFields @defer
+      ...TableLedgerRecordsFields @defer
       ...ChargeTableTransactionsFields @defer
       ...ConversionChargeInfo @defer
       ...CreditcardBankChargeInfo @defer
@@ -89,31 +89,6 @@ import { SalariesTable } from './extended-info/salaries-info.jsx';
   }
 `;
 
-// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
-/* GraphQL */ `
-  fragment ChargeLedgerRecordsTableFields on Charge {
-    id
-    ledger {
-      __typename
-      records {
-        id
-        ...LedgerRecordsTableFields
-      }
-      ... on Ledger @defer {
-        validate {
-          ... on LedgerValidation @defer {
-            matches
-            differences {
-              id
-              ...LedgerRecordsTableFields
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-
 interface Props {
   chargeID: string;
   onChange?: () => void;
@@ -216,7 +191,7 @@ export function ChargeExtendedInfo({
 
   const ledgerRecordsAreReady = isFragmentReady(
     FetchChargeDocument,
-    ChargeLedgerRecordsTableFieldsFragmentDoc,
+    TableLedgerRecordsFieldsFragmentDoc,
     charge,
   );
 
@@ -467,7 +442,7 @@ export function ChargeExtendedInfo({
                   </div>
                 </Accordion.Control>
                 <Accordion.Panel>
-                  {ledgerRecordsAreReady && <ChargeLedgerTable data={charge} />}
+                  {ledgerRecordsAreReady && <LedgerTable ledgerFragment={charge} />}
                 </Accordion.Panel>
               </Accordion.Item>
             )}
@@ -485,19 +460,3 @@ export function ChargeExtendedInfo({
     </div>
   );
 }
-
-type ChargeLedgerTableProps = {
-  data: FragmentType<typeof ChargeLedgerRecordsTableFieldsFragmentDoc>;
-};
-
-export const ChargeLedgerTable = ({ data }: ChargeLedgerTableProps): ReactElement => {
-  const { ledger } = getFragmentData(ChargeLedgerRecordsTableFieldsFragmentDoc, data);
-
-  return (
-    <LedgerTable
-      ledgerRecordsData={ledger.records}
-      ledgerDiffData={ledger.validate?.differences}
-      matches={ledger.validate?.matches}
-    />
-  );
-};

package/src/components/layout/sidelinks.tsx

@@ -165,9 +165,9 @@ export const sidelinks: SideLink[] = [
         icon: <Factory size={18} />,
       },
       {
-        title: 'Business Ledger',
+        title: 'Business Transactions',
         label: '',
-        href: ROUTES.BUSINESSES.LEDGER,
+        href: ROUTES.BUSINESSES.TRANSACTIONS,
         icon: <ArrowLeftRight size={18} />,
       },
       {

package/src/components/ledger-table/columns.tsx

@@ -53,7 +53,7 @@ export const columns: ColumnDef<LedgerRecordRow>[] = [
     },
   },
   {
-    header: 'Debit Account (Main)',
+    header: 'Debit Account1',
     columns: [
       {
         accessorKey: 'debitAccount1.name',
@@ -120,7 +120,7 @@ export const columns: ColumnDef<LedgerRecordRow>[] = [
     ],
   },
   {
-    header: 'Credit Account (Main)',
+    header: 'Credit Account1',
     columns: [
       {
         accessorKey: 'creditAccount1.name',
@@ -187,7 +187,7 @@ export const columns: ColumnDef<LedgerRecordRow>[] = [
     ],
   },
   {
-    header: 'Debit Account (Secondary)',
+    header: 'Debit Account2',
     columns: [
       {
         accessorKey: 'debitAccount2.name',
@@ -254,7 +254,7 @@ export const columns: ColumnDef<LedgerRecordRow>[] = [
     ],
   },
   {
-    header: 'Credit Account (Secondary)',
+    header: 'Credit Account2',
     columns: [
       {
         accessorKey: 'creditAccount2.name',