@accounter/client 0.0.8-alpha-20251029124401-d15137847e8450b1ecf3e3cfa6b68dda7239ca45 → 0.0.8-alpha-20251029124558-c1dac18cef0a90c88021bcb6e06319cc55ec33d9

package/src/components/business/index.tsx

@@ -1,10 +1,12 @@
-import type { ReactElement } from 'react';
+import { useContext, type ReactElement } from 'react';
 import {
   ArrowLeftRight,
   Building2,
+  ChartLine,
   DollarSign,
   FileCheck,
   FileText,
+  Notebook,
   Plug,
   Settings,
   Shield,
@@ -13,8 +15,10 @@ import {
 import { useSearchParams } from 'react-router-dom';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs.js';
 import { getFragmentData, type FragmentType } from '@/gql/index.js';
+import { FiltersContext } from '@/providers/filters-context.js';
 import { BusinessPageFragmentDoc } from '../../gql/graphql.js';
 import { AdminBusinessSection } from './admin-business-section.js';
+import { BalanceSection } from './balance-section.js';
 import { BusinessHeader } from './business-header.js';
 import { ChargesSection } from './charges-section.jsx';
 import { ChartsSection } from './charts-section.jsx';
@@ -23,6 +27,7 @@ import { ContactInfoSection } from './contact-info-section.jsx';
 import { ContractsSection } from './contracts-section.jsx';
 import { DocumentsSection } from './documents-section.jsx';
 import { IntegrationsSection } from './integrations-section.jsx';
+import { LedgerSection } from './ledger-section.js';
 import { TransactionsSection } from './transactions-section.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
@@ -53,6 +58,9 @@ interface Props {
 export default function Business({ data, refetchBusiness }: Props): ReactElement {
   const business = getFragmentData(BusinessPageFragmentDoc, data);
   const [searchParams, setSearchParams] = useSearchParams();
+  const { setFiltersContext } = useContext(FiltersContext);
+
+  setFiltersContext(null);
 
   const activeTab = searchParams.get('tab') || 'contact';
 
@@ -109,6 +117,20 @@ export default function Business({ data, refetchBusiness }: Props): ReactElement
               <FileText className="h-4 w-4" />
               <span className="hidden sm:inline">Documents</span>
             </TabsTrigger>
+            <TabsTrigger
+              value="ledger"
+              className="flex items-center gap-2 data-[state=active]:bg-background"
+            >
+              <Notebook className="h-4 w-4" />
+              <span className="hidden sm:inline">Ledger</span>
+            </TabsTrigger>
+            <TabsTrigger
+              value="balance"
+              className="flex items-center gap-2 data-[state=active]:bg-background"
+            >
+              <ChartLine className="h-4 w-4" />
+              <span className="hidden sm:inline">Balance</span>
+            </TabsTrigger>
             {isClient && (
               <>
                 <TabsTrigger
@@ -165,6 +187,14 @@ export default function Business({ data, refetchBusiness }: Props): ReactElement
             <DocumentsSection businessId={business.id} />
           </TabsContent>
 
+          <TabsContent value="ledger" className="mt-0">
+            <LedgerSection businessId={business.id} />
+          </TabsContent>
+
+          <TabsContent value="balance" className="mt-0">
+            <BalanceSection businessId={business.id} />
+          </TabsContent>
+
           {isClient && (
             <>
               <TabsContent value="contracts" className="mt-0">

package/src/components/business/ledger-section.tsx

@@ -0,0 +1,49 @@
+import { useQuery } from 'urql';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card.js';
+import { BusinessLedgerSectionDocument } from '@/gql/graphql.js';
+import { LedgerTable } from '../ledger-table';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
+/* GraphQL */ `
+  query BusinessLedgerSection($businessId: UUID!) {
+    ledgerRecordsByFinancialEntity(financialEntityId: $businessId) {
+      id
+      ...LedgerRecordsTableFields
+    }
+  }
+`;
+
+interface Props {
+  businessId: string;
+}
+
+export function LedgerSection({ businessId }: Props) {
+  const [{ data, fetching }] = useQuery({
+    query: BusinessLedgerSectionDocument,
+    variables: {
+      businessId,
+    },
+  });
+
+  if (fetching) {
+    return <div>Loading ledger records...</div>;
+  }
+
+  return (
+    <Card>
+      <CardHeader className="flex w-full justify-between items-center">
+        <div className="flex items-center justify-between">
+          <div>
+            <CardTitle>Ledger Records</CardTitle>
+            <CardDescription>Complete ledger history for this business</CardDescription>
+          </div>
+        </div>
+      </CardHeader>
+      <CardContent>
+        <div className="rounded-md border">
+          <LedgerTable ledgerRecordsData={data?.ledgerRecordsByFinancialEntity ?? []} />
+        </div>
+      </CardContent>
+    </Card>
+  );
+}

package/src/components/business/transactions-section.tsx

@@ -1,11 +1,33 @@
+import { useQuery } from 'urql';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card.js';
-import { BusinessExtendedInfo } from '../business-transactions/business-extended-info';
+import { BusinessTransactionsSectionDocument } from '@/gql/graphql.js';
+import { TransactionsTable } from '../transactions-table';
 
+// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
+/* GraphQL */ `
+  query BusinessTransactionsSection($businessId: UUID!) {
+    transactionsByFinancialEntity(financialEntityID: $businessId) {
+      id
+      ...TransactionForTransactionsTableFields
+    }
+  }
+`;
 interface Props {
   businessId: string;
 }
 
 export function TransactionsSection({ businessId }: Props) {
+  const [{ data, fetching }] = useQuery({
+    query: BusinessTransactionsSectionDocument,
+    variables: {
+      businessId,
+    },
+  });
+
+  if (fetching) {
+    return <div>Loading transactions...</div>;
+  }
+
   return (
     <Card>
       <CardHeader className="flex w-full justify-between items-center">
@@ -18,7 +40,7 @@ export function TransactionsSection({ businessId }: Props) {
       </CardHeader>
       <CardContent>
         <div className="rounded-md border">
-          <BusinessExtendedInfo businessID={businessId} filter={{}} />
+          <TransactionsTable transactionsProps={data?.transactionsByFinancialEntity ?? []} />
         </div>
       </CardContent>
     </Card>

package/src/components/{business-transactions → business-ledger}/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 {
-  BusinessTransactionsInfoDocument,
+  BusinessLedgerInfoDocument,
   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 BusinessTransactionsInfo($filters: BusinessTransactionsFilter) {
+  query BusinessLedgerInfo($filters: BusinessTransactionsFilter) {
     businessTransactionsFromLedgerRecords(filters: $filters) {
       ... on BusinessTransactionsFromLedgerRecordsSuccessfulResult {
         businessTransactions {
@@ -54,8 +54,8 @@ import { DownloadCSV } from './download-csv.js';
   }
 `;
 
-export type ExtendedTransaction = Extract<
-  BusinessTransactionsInfoQuery['businessTransactionsFromLedgerRecords'],
+export type ExtendedLedger = Extract<
+  BusinessLedgerInfoQuery['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: BusinessTransactionsInfoDocument,
+    query: BusinessLedgerInfoDocument,
     variables: {
       filters: {
         fromDate,
@@ -82,44 +82,42 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
     },
   });
 
-  const transactions =
+  const ledgerRecords =
     data?.businessTransactionsFromLedgerRecords.__typename === 'CommonError'
       ? []
       : (data?.businessTransactionsFromLedgerRecords.businessTransactions.sort((a, b) =>
           a.invoiceDate > b.invoiceDate ? 1 : -1,
         ) ?? []);
 
-  const extendedTransactions: Array<ExtendedTransaction> = [];
-  for (let i = 0; i < transactions.length; i++) {
-    const { __typename, ...coreTransaction } = transactions[i];
+  const extendedLedgerRecords: Array<ExtendedLedger> = [];
+  for (let i = 0; i < ledgerRecords.length; i++) {
+    const { __typename, ...coreRecord } = ledgerRecords[i];
     const ilsBalance =
       i === 0
-        ? coreTransaction.amount.raw
-        : (extendedTransactions[i - 1].ilsBalance ?? 0) + coreTransaction.amount.raw;
+        ? coreRecord.amount.raw
+        : (extendedLedgerRecords[i - 1].ilsBalance ?? 0) + coreRecord.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
-            ? ((coreTransaction.foreignAmount?.currency === currency
-                ? coreTransaction.foreignAmount?.raw
+            ? ((coreRecord.foreignAmount?.currency === currency
+                ? coreRecord.foreignAmount?.raw
                 : 0) ?? 0)
-            : (extendedTransactions[i - 1]?.[key] ?? 0) +
-              (coreTransaction.foreignAmount?.currency === currency
-                ? coreTransaction.foreignAmount?.raw
-                : 0);
+            : (extendedLedgerRecords[i - 1]?.[key] ?? 0) +
+              (coreRecord.foreignAmount?.currency === currency ? coreRecord.foreignAmount?.raw : 0);
       }
     });
-    extendedTransactions.push({
-      ...coreTransaction,
+    extendedLedgerRecords.push({
+      ...coreRecord,
       ilsBalance,
       ...foreignCurrenciesBalance,
-    } as (typeof extendedTransactions)[number]);
+    } as (typeof extendedLedgerRecords)[number]);
   }
 
   const currencies = new Set(
-    transactions.filter(t => t.foreignAmount?.currency).map(t => t.foreignAmount!.currency),
+    ledgerRecords.filter(t => t.foreignAmount?.currency).map(t => t.foreignAmount!.currency),
   );
   const isEur = isExtendAllCurrencies || currencies.has(Currency.Eur);
   const isUsd = isExtendAllCurrencies || currencies.has(Currency.Usd);
@@ -129,7 +127,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
   const isAud = isExtendAllCurrencies || currencies.has(Currency.Aud);
   const isSek = isExtendAllCurrencies || currencies.has(Currency.Sek);
 
-  const businessName = transactions[0]?.business.name ?? 'unknown';
+  const businessName = ledgerRecords[0]?.business.name ?? 'unknown';
 
   return (
     <div className="flex flex-row gap-5">
@@ -216,7 +214,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
               <th>Counter Account</th>
               <th>
                 <DownloadCSV
-                  transactions={extendedTransactions}
+                  ledgerRecords={extendedLedgerRecords}
                   businessName={businessName}
                   fromDate={filter?.fromDate ?? undefined}
                   toDate={filter?.toDate ?? undefined}
@@ -225,7 +223,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
             </tr>
           </thead>
           <tbody>
-            {extendedTransactions.map((row, index) => (
+            {extendedLedgerRecords.map((row, index) => (
               <tr
                 key={index}
                 className="cursor-pointer"
@@ -299,7 +297,7 @@ export function CurrencyCells({
   data,
 }: {
   currency: Currency;
-  data: ExtendedTransaction;
+  data: ExtendedLedger;
 }): ReactElement {
   const foreignAmount =
     data.foreignAmount && data.foreignAmount.currency === currency ? data.foreignAmount : null;
@@ -329,7 +327,7 @@ const currenciesToExtend = Object.values(Currency).filter(
   currency => !FIAT_CURRENCIES.includes(currency),
 );
 
-export function ExtendedCurrencyCells({ data }: { data: ExtendedTransaction }): ReactElement {
+export function ExtendedCurrencyCells({ data }: { data: ExtendedLedger }): ReactElement {
   return (
     <>
       {currenciesToExtend.map(currency => (

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

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

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

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