TransactionProcessing · StuartFerguson · Jan 9, 2026 · Jan 9, 2026 · Jan 9, 2026 · Jan 9, 2026
diff --git a/EstateManagementUI.BlazorServer/Components/App.razor b/EstateManagementUI.BlazorServer/Components/App.razor
@@ -16,8 +16,9 @@
 <body class="h-full">
     <Routes />
     <ReconnectModal />
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js" integrity="sha384-9nhczxUqK87bcKHh20fSQcTGD4qq5GhayNYSYWqwBkINBhOfQLg/P5HG5lF1urn4" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js" integrity="sha384-9nhczxUqK87bcKHh20fSQcTGD4qq5GhOfQLg/P5HG5lF1urn4" crossorigin="anonymous"></script>
     <script src="js/charts.js"></script>
+    <script src="js/site.js"></script>
     <script src="@Assets["_framework/blazor.web.js"]"></script>
 </body>
 

diff --git a/EstateManagementUI.BlazorServer/Components/Pages/Reporting/TransactionDetail.razor b/EstateManagementUI.BlazorServer/Components/Pages/Reporting/TransactionDetail.razor
diff --git a/EstateManagementUI.BlazorServer/Models/Models.cs b/EstateManagementUI.BlazorServer/Models/Models.cs
@@ -265,3 +265,22 @@ public class SettlementSummaryModel
     public decimal NetSettlementAmount { get; set; }
     public string? SettlementStatus { get; set; }
 }
+
+// Transaction Detail Models
+public class TransactionDetailModel
+{
+    public Guid TransactionId { get; set; }
+    public DateTime TransactionDateTime { get; set; }
+    public string? MerchantName { get; set; }
+    public Guid MerchantId { get; set; }
+    public string? OperatorName { get; set; }
+    public Guid OperatorId { get; set; }
+    public string? ProductName { get; set; }
+    public Guid ProductId { get; set; }
+    public string? TransactionType { get; set; } // sale, refund, reversal
+    public string? TransactionStatus { get; set; } // successful, failed, reversed
+    public decimal GrossAmount { get; set; }
+    public decimal FeesCommission { get; set; }
+    public decimal NetAmount { get; set; }
+    public string? SettlementReference { get; set; }
+}
diff --git a/EstateManagementUI.BlazorServer/Requests/Requests.cs b/EstateManagementUI.BlazorServer/Requests/Requests.cs
@@ -43,6 +43,7 @@ public record GetProductPerformanceQuery(CorrelationId CorrelationId, string Acc
     public record GetOperatorTransactionSummaryQuery(CorrelationId CorrelationId, string AccessToken, Guid EstateId, DateTime StartDate, DateTime EndDate, Guid? MerchantId = null, Guid? OperatorId = null) : IRequest<Result<List<OperatorTransactionSummaryModel>>>;
     public record GetMerchantSettlementHistoryQuery(CorrelationId CorrelationId, string AccessToken, Guid EstateId, Guid? MerchantId, DateTime StartDate, DateTime EndDate) : IRequest<Result<List<MerchantSettlementHistoryModel>>>;
     public record GetSettlementSummaryQuery(CorrelationId CorrelationId, string AccessToken, Guid EstateId, DateTime StartDate, DateTime EndDate, Guid? MerchantId = null, string? Status = null) : IRequest<Result<List<SettlementSummaryModel>>>;
+    public record GetTransactionDetailQuery(CorrelationId CorrelationId, string AccessToken, Guid EstateId, DateTime StartDate, DateTime EndDate, Guid? MerchantId = null, Guid? OperatorId = null, Guid? ProductId = null) : IRequest<Result<List<TransactionDetailModel>>>;
 }
 
 public static class Commands

diff --git a/EstateManagementUI.BlazorServer/Services/StubbedMediatorService.cs b/EstateManagementUI.BlazorServer/Services/StubbedMediatorService.cs
@@ -43,6 +43,7 @@
             Queries.GetTopOperatorDataQuery => Task.FromResult((TResponse)(object)Result<List<TopBottomOperatorDataModel>>.Success(GetMockTopOperators())),
             Queries.GetBottomOperatorDataQuery => Task.FromResult((TResponse)(object)Result<List<TopBottomOperatorDataModel>>.Success(GetMockBottomOperators())),
             Queries.GetLastSettlementQuery => Task.FromResult((TResponse)(object)Result<LastSettlementModel>.Success(GetMockLastSettlement())),
+            Queries.GetTransactionDetailQuery q => Task.FromResult((TResponse)(object)Result<List<TransactionDetailModel>>.Success(GetMockTransactionDetails(q))),
 
             // Commands - just return success
             Commands.AddMerchantDeviceCommand => Task.FromResult((TResponse)(object)Result.Success()),
@@ -431,4 +432,117 @@
         SalesValue = 125000.00m,
         SettlementValue = 123750.00m
     };
+
+    private static List<TransactionDetailModel> GetMockTransactionDetails(Queries.GetTransactionDetailQuery query)
+    {
+        var merchants = GetMockMerchants();
+        var operators = GetMockOperators();
+        var contracts = GetMockContracts();
+
+        // Get all products with their IDs from contracts
+        var productList = contracts
+            .SelectMany(c => c.Products ?? new List<ContractProductModel>())
+            .Where(p => !string.IsNullOrEmpty(p.ProductName))
+            .ToList();
+
+        var transactionTypes = new[] { "Sale", "Refund", "Reversal" };
+        var transactionStatuses = new[] { "Successful", "Failed", "Reversed" };
+
+        var random = new Random(42); // Use seed for consistent data
+        var transactions = new List<TransactionDetailModel>();
+
+        // Calculate days in date range
+        var daysInRange = (query.EndDate - query.StartDate).Days + 1;
+        var transactionsPerDay = 50;
+        var totalTransactions = daysInRange * transactionsPerDay;
+
+        for (int i = 0; i < totalTransactions; i++)
+        {
+            // Random date within range
+            var randomDays = random.Next(0, daysInRange);
+            var randomHours = random.Next(0, 24);
+            var randomMinutes = random.Next(0, 60);
+            var transactionDate = query.StartDate.AddDays(randomDays)
+                .AddHours(randomHours)
+                .AddMinutes(randomMinutes);
+
+            // Random merchant, operator, and product
+            var merchant = merchants[random.Next(merchants.Count)];
+            var op = operators[random.Next(operators.Count)];
+            var product = productList[random.Next(productList.Count)];
+
+            // Random type and status (90% successful sales)
+            var typeRoll = random.NextDouble();
+            var statusRoll = random.NextDouble();
+
+            string transactionType;
+            string transactionStatus;
+
+            if (typeRoll < 0.85)
+            {
+                transactionType = "Sale";
+                transactionStatus = statusRoll < 0.95 ? "Successful" : "Failed";
+            }
+            else if (typeRoll < 0.95)
+            {
+                transactionType = "Refund";
+                transactionStatus = "Successful";
+            }
+            else
+            {
+                transactionType = "Reversal";
+                transactionStatus = "Reversed";
+            }
+
+            // Random amounts
+            var grossAmount = Math.Round((decimal)(random.NextDouble() * 200 + 10), 2);
+            var feePercentage = 0.015m; // 1.5%
+            var feesCommission = Math.Round(grossAmount * feePercentage, 2);
+            var netAmount = grossAmount - feesCommission;
+
+            // Settlement reference (70% have one for successful transactions)
+            string? settlementReference = null;
+            if (transactionStatus == "Successful" && random.NextDouble() < 0.7)
+            {
+                settlementReference = $"STL-{transactionDate:yyyyMMdd}-{random.Next(1000, 9999)}";
+            }
+
+            transactions.Add(new TransactionDetailModel
+            {
+                TransactionId = Guid.NewGuid(),
+                TransactionDateTime = transactionDate,
+                MerchantName = merchant.MerchantName,
+                MerchantId = merchant.MerchantId,
+                OperatorName = op.Name,
+                OperatorId = op.OperatorId,
+                ProductName = product.ProductName,
+                ProductId = product.ContractProductId,
+                TransactionType = transactionType,
+                TransactionStatus = transactionStatus,
+                GrossAmount = grossAmount,
+                FeesCommission = feesCommission,
+                NetAmount = netAmount,
+                SettlementReference = settlementReference
+            });
+        }
+
+        // Apply filters
+        if (query.MerchantId.HasValue)
+        {
+            transactions = transactions.Where(t => t.MerchantId == query.MerchantId.Value).ToList();
+        }
+
+        if (query.OperatorId.HasValue)
+        {
+            transactions = transactions.Where(t => t.OperatorId == query.OperatorId.Value).ToList();
+        }
+
+        if (query.ProductId.HasValue)
+        {
+            transactions = transactions.Where(t => t.ProductId == query.ProductId.Value).ToList();
+        }
+
+        // Sort by transaction date descending (most recent first)
+        return transactions.OrderByDescending(t => t.TransactionDateTime).ToList();
+    }
 }
diff --git a/EstateManagementUI.BlazorServer/Services/TestMediatorService.cs b/EstateManagementUI.BlazorServer/Services/TestMediatorService.cs
@@ -61,6 +61,7 @@
             Queries.GetOperatorTransactionSummaryQuery query => Task.FromResult((TResponse)(object)Result<List<OperatorTransactionSummaryModel>>.Success(GetMockOperatorTransactionSummary(query))),
             Queries.GetMerchantSettlementHistoryQuery query => Task.FromResult((TResponse)(object)Result<List<MerchantSettlementHistoryModel>>.Success(GetMockMerchantSettlementHistory(query))),
             Queries.GetSettlementSummaryQuery query => Task.FromResult((TResponse)(object)Result<List<SettlementSummaryModel>>.Success(GetMockSettlementSummary(query))),
+            Queries.GetTransactionDetailQuery q => Task.FromResult((TResponse)(object)Result<List<TransactionDetailModel>>.Success(GetMockTransactionDetails(q))),
 
             // Commands - execute against test data store
             Commands.CreateMerchantCommand cmd => Task.FromResult((TResponse)(object)ExecuteCreateMerchant(cmd)),
@@ -819,4 +820,114 @@
 
         return summary;
     }
+
+    private List<TransactionDetailModel> GetMockTransactionDetails(Queries.GetTransactionDetailQuery query)
+    {
+        var merchants = _testDataStore.GetMerchants(query.EstateId);
+        var operators = _testDataStore.GetOperators(query.EstateId);
+        var contracts = _testDataStore.GetContracts(query.EstateId);
+
+        // Get all products with their IDs from contracts
+        var productList = contracts
+            .SelectMany(c => c.Products ?? new List<ContractProductModel>())
+            .Where(p => !string.IsNullOrEmpty(p.ProductName))
+            .ToList();
+
+        var random = new Random(42); // Use seed for consistent data
+        var transactions = new List<TransactionDetailModel>();
+
+        // Calculate days in date range
+        var daysInRange = (query.EndDate - query.StartDate).Days + 1;
+        var transactionsPerDay = 50;
+        var totalTransactions = daysInRange * transactionsPerDay;
+
+        for (int i = 0; i < totalTransactions; i++)
+        {
+            // Random date within range
+            var randomDays = random.Next(0, daysInRange);
+            var randomHours = random.Next(0, 24);
+            var randomMinutes = random.Next(0, 60);
+            var transactionDate = query.StartDate.AddDays(randomDays)
+                .AddHours(randomHours)
+                .AddMinutes(randomMinutes);
+
+            // Random merchant, operator, and product
+            var merchant = merchants[random.Next(merchants.Count)];
+            var op = operators[random.Next(operators.Count)];
+            var product = productList.Count > 0 ? productList[random.Next(productList.Count)] : null;
+
+            // Random type and status (90% successful sales)
+            var typeRoll = random.NextDouble();
+            var statusRoll = random.NextDouble();
+
+            string transactionType;
+            string transactionStatus;
+
+            if (typeRoll < 0.85)
+            {
+                transactionType = "Sale";
+                transactionStatus = statusRoll < 0.95 ? "Successful" : "Failed";
+            }
+            else if (typeRoll < 0.95)
+            {
+                transactionType = "Refund";
+                transactionStatus = "Successful";
+            }
+            else
+            {
+                transactionType = "Reversal";
+                transactionStatus = "Reversed";
+            }
+
+            // Random amounts
+            var grossAmount = Math.Round((decimal)(random.NextDouble() * 200 + 10), 2);
+            var feePercentage = 0.015m; // 1.5%
+            var feesCommission = Math.Round(grossAmount * feePercentage, 2);
+            var netAmount = grossAmount - feesCommission;
+
+            // Settlement reference (70% have one for successful transactions)
+            string? settlementReference = null;
+            if (transactionStatus == "Successful" && random.NextDouble() < 0.7)
+            {
+                settlementReference = $"STL-{transactionDate:yyyyMMdd}-{random.Next(1000, 9999)}";
+            }
+
+            transactions.Add(new TransactionDetailModel
+            {
+                TransactionId = Guid.NewGuid(),
+                TransactionDateTime = transactionDate,
+                MerchantName = merchant.MerchantName,
+                MerchantId = merchant.MerchantId,
+                OperatorName = op.Name,
+                OperatorId = op.OperatorId,
+                ProductName = product?.ProductName ?? "Default Product",
+                ProductId = product?.ContractProductId ?? Guid.Empty,
+                TransactionType = transactionType,
+                TransactionStatus = transactionStatus,
+                GrossAmount = grossAmount,
+                FeesCommission = feesCommission,
+                NetAmount = netAmount,
+                SettlementReference = settlementReference
+            });
+        }
+
+        // Apply filters
+        if (query.MerchantId.HasValue)
+        {
+            transactions = transactions.Where(t => t.MerchantId == query.MerchantId.Value).ToList();
+        }
+
+        if (query.OperatorId.HasValue)
+        {
+            transactions = transactions.Where(t => t.OperatorId == query.OperatorId.Value).ToList();
+        }
+
+        if (query.ProductId.HasValue)
+        {
+            transactions = transactions.Where(t => t.ProductId == query.ProductId.Value).ToList();
+        }
+
+        // Sort by transaction date descending (most recent first)
+        return transactions.OrderByDescending(t => t.TransactionDateTime).ToList();
+    }
 }
diff --git a/EstateManagementUI.BlazorServer/Styles/app.css b/EstateManagementUI.BlazorServer/Styles/app.css
@@ -178,6 +178,10 @@
     @apply bg-blue-100 text-blue-800;
   }
 
+  .badge-secondary {
+    @apply bg-gray-100 text-gray-800;
+  }
+
   .badge-success {
     @apply bg-green-100 text-green-800;
   }
@@ -193,6 +197,10 @@
   .badge-info {
     @apply bg-teal-100 text-teal-800;
   }
+
+  .badge-default {
+    @apply bg-gray-100 text-gray-600;
+  }
 }
 
 /* Base styles */

diff --git a/EstateManagementUI.BlazorServer/wwwroot/js/site.js b/EstateManagementUI.BlazorServer/wwwroot/js/site.js
@@ -0,0 +1,17 @@
+// File download utility
+function downloadFile(filename, base64Content) {
+    const binaryString = window.atob(base64Content);
+    const bytes = new Uint8Array(binaryString.length);
+    for (let i = 0; i < binaryString.length; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
+    }
+    const blob = new Blob([bytes], { type: 'application/octet-stream' });
+    const url = window.URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    window.URL.revokeObjectURL(url);
+}