Feature/improve allocations by etf holding for impersonation mode (#3534)

* Improve allocations by ETF holding for impersonation mode

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the allocations by ETF holding on the allocations page for the impersonation mode (experimental)
 - Improved the detection of REST APIs (`JSON`) used via the scraper configuration
 
 ## 2.92.0 - 2024-06-30

apps/api/src/app/portfolio/portfolio.service.ts

@@ -499,7 +499,17 @@ export class PortfolioService {
           grossPerformancePercentageWithCurrencyEffect?.toNumber() ?? 0,
         grossPerformanceWithCurrencyEffect:
           grossPerformanceWithCurrencyEffect?.toNumber() ?? 0,
-        holdings: assetProfile.holdings,
+        holdings: assetProfile.holdings.map(
+          ({ allocationInPercentage, name }) => {
+            return {
+              allocationInPercentage,
+              name,
+              valueInBaseCurrency: valueInBaseCurrency
+                .mul(allocationInPercentage)
+                .toNumber()
+            };
+          }
+        ),
         investment: investment.toNumber(),
         marketState: dataProviderResponse?.marketState ?? 'delayed',
         name: assetProfile.name,

apps/api/src/services/symbol-profile/symbol-profile.service.ts

@@ -221,8 +221,9 @@ export class SymbolProfileService {
         const { name, weight } = holding as Prisma.JsonObject;
 
         return {
+          allocationInPercentage: weight as number,
           name: (name as string) ?? UNKNOWN_KEY,
-          valueInBaseCurrency: weight as number
+          valueInBaseCurrency: undefined
         };
       }
     );

apps/client/src/app/pages/portfolio/allocations/allocations-page.component.ts

@@ -454,33 +454,25 @@ export class AllocationsPageComponent implements OnDestroy, OnInit {
 
         if (position.holdings.length > 0) {
           for (const holding of position.holdings) {
-            const { name, valueInBaseCurrency } = holding;
+            const { allocationInPercentage, name, valueInBaseCurrency } =
+              holding;
 
-            if (
-              !this.hasImpersonationId &&
-              !this.user.settings.isRestrictedView
-            ) {
             if (this.topHoldingsMap[name]?.value) {
-                this.topHoldingsMap[name].value +=
+              this.topHoldingsMap[name].value += isNumber(valueInBaseCurrency)
-                  valueInBaseCurrency *
+                ? valueInBaseCurrency
-                  (isNumber(position.valueInBaseCurrency)
+                : allocationInPercentage *
-                    ? position.valueInBaseCurrency
+                  this.portfolioDetails.holdings[symbol].valueInPercentage;
-                    : position.valueInPercentage);
             } else {
               this.topHoldingsMap[name] = {
                 name,
-                  value:
+                value: isNumber(valueInBaseCurrency)
-                    valueInBaseCurrency *
+                  ? valueInBaseCurrency
-                    (isNumber(position.valueInBaseCurrency)
+                  : allocationInPercentage *
-                      ? this.portfolioDetails.holdings[symbol]
+                    this.portfolioDetails.holdings[symbol].valueInPercentage
-                          .valueInBaseCurrency
-                      : this.portfolioDetails.holdings[symbol]
-                          .valueInPercentage)
               };
             }
           }
         }
-        }
 
         if (position.sectors.length > 0) {
           for (const sector of position.sectors) {
@@ -562,6 +554,14 @@ export class AllocationsPageComponent implements OnDestroy, OnInit {
 
     this.topHoldings = Object.values(this.topHoldingsMap)
       .map(({ name, value }) => {
+        if (this.hasImpersonationId || this.user.settings.isRestrictedView) {
+          return {
+            name,
+            allocationInPercentage: value,
+            valueInBaseCurrency: null
+          };
+        }
+
         return {
           name,
           allocationInPercentage:
@@ -570,7 +570,7 @@ export class AllocationsPageComponent implements OnDestroy, OnInit {
         };
       })
       .sort((a, b) => {
-        return b.valueInBaseCurrency - a.valueInBaseCurrency;
+        return b.allocationInPercentage - a.allocationInPercentage;
       });
 
     if (this.topHoldings.length > MAX_TOP_HOLDINGS) {