MOB-1856 - Show tokens in public profile

unstoppable-ios-app/domains-manager-ios-preview/AppContext/PreviewWalletsDataService.swift

@@ -41,4 +41,8 @@ final class PreviewWalletsDataService: WalletsDataServiceProtocol {
     func didChangeEnvironment() {
 
     }
+
+    func loadBalanceFor(walletAddress: HexAddress) async throws -> [WalletTokenPortfolio] {
+        MockEntitiesFabric.Wallet.mockEntities()[0].balance
+    }
 }

unstoppable-ios-app/domains-manager-ios-preview/Entities/PreviewNetworkService.swift

@@ -169,21 +169,8 @@ extension NetworkService {
     }
 
     public func fetchPublicProfile(for domainName: DomainName, fields: Set<GetDomainProfileField>) async throws -> SerializedPublicDomainProfile {
-        .init(profile: .init(displayName: nil,
-                             description: nil,
-                             location: nil,
-                             web2Url: nil,
-                             imagePath: nil,
-                             imageType: nil,
-                             coverPath: nil,
-                             phoneNumber: nil,
-                             domainPurchased: nil),
-              metadata: MockEntitiesFabric.DomainProfile.createPublicDomainMetadata(domain: domainName, walletAddress: "0x1"),
-              socialAccounts: nil,
-              referralCode: nil,
-              social: nil,
-              records: nil,
-              walletBalances: [])
+        MockEntitiesFabric.DomainProfile.createPublicProfile(domain: domainName,
+                                                             walletBalance: MockEntitiesFabric.DomainProfile.createPublicProfileWalletBalances())
     }
 
     public func refreshDomainBadges(for domain: DomainItem) async throws -> RefreshBadgesResponse {

unstoppable-ios-app/domains-manager-ios/Entities/BalanceStringFormatter.swift

@@ -0,0 +1,16 @@
+//
+//  BalanceStringFormatter.swift
+//  domains-manager-ios
+//
+//  Created by Oleg Kuplin on 04.03.2024.
+//
+
+import Foundation
+
+struct BalanceStringFormatter {
+
+    static func tokensBalanceString(_ balance: Double) -> String {
+        "$\(balance.formatted(toMaxNumberAfterComa: 2))"
+    }
+
+}

unstoppable-ios-app/domains-manager-ios/Entities/BalanceTokenUIDescription.swift

@@ -0,0 +1,143 @@
+//
+//  BalanceTokenUIDescription.swift
+//  domains-manager-ios
+//
+//  Created by Oleg Kuplin on 04.03.2024.
+//
+
+import UIKit
+
+struct BalanceTokenUIDescription: Hashable, Identifiable {
+    var id: String { "\(chain)/\(symbol)" }
+
+    let chain: String
+    let symbol: String
+    let name: String
+    let balance: Double
+    let balanceUsd: Double
+    var marketUsd: Double?
+    var marketPctChange24Hr: Double?
+    var parentSymbol: String?
+    var logoURL: URL?
+    var parentLogoURL: URL?
+    private(set) var isSkeleton: Bool = false
+
+    static let iconSize: InitialsView.InitialsSize = .default
+    static let iconStyle: InitialsView.Style = .gray
+
+    init(walletBalance: WalletTokenPortfolio) {
+        self.chain = walletBalance.symbol
+        self.symbol = walletBalance.symbol
+        self.name = walletBalance.name
+        self.balance = walletBalance.balanceAmt.rounded(toDecimalPlaces: 2)
+        self.balanceUsd = walletBalance.value.walletUsdAmt
+        self.marketUsd = walletBalance.value.marketUsdAmt ?? 0
+        self.marketPctChange24Hr = walletBalance.value.marketPctChange24Hr
+    }
+
+    init(chain: String,
+         symbol: String,
+         name: String,
+         balance: Double,
+         balanceUsd: Double,
+         marketUsd: Double? = nil,
+         marketPctChange24Hr: Double? = nil,
+         icon: UIImage? = nil) {
+        self.chain = chain
+        self.symbol = symbol
+        self.name = name
+        self.balance = balance
+        self.balanceUsd = balanceUsd
+        self.marketUsd = marketUsd
+        self.marketPctChange24Hr = marketPctChange24Hr
+    }
+
+    init(chain: String, walletToken: WalletTokenPortfolio.Token, parentSymbol: String, parentLogoURL: URL?) {
+        self.chain = chain
+        self.symbol = walletToken.symbol
+        self.name = walletToken.name
+        self.balance = walletToken.balanceAmt.rounded(toDecimalPlaces: 2)
+        self.balanceUsd = walletToken.value?.walletUsdAmt ?? 0
+        self.marketUsd = walletToken.value?.marketUsdAmt ?? 0
+        self.marketPctChange24Hr = walletToken.value?.marketPctChange24Hr
+        self.parentSymbol = parentSymbol
+        self.logoURL = URL(string: walletToken.logoUrl ?? "")
+    }
+
+    static func extractFrom(walletBalance: WalletTokenPortfolio) -> [BalanceTokenUIDescription] {
+        let tokenDescription = BalanceTokenUIDescription(walletBalance: walletBalance)
+        let parentSymbol = walletBalance.symbol
+        let parentLogoURL = URL(string: walletBalance.logoUrl ?? "")
+        let chainSymbol = walletBalance.symbol
+        let subTokenDescriptions = walletBalance.tokens?.map({ BalanceTokenUIDescription(chain: chainSymbol,
+                                                                                         walletToken: $0,
+                                                                                         parentSymbol: parentSymbol,
+                                                                                         parentLogoURL: parentLogoURL) })
+            .filter({ $0.balanceUsd >= 1 }) ?? []
+
+        return [tokenDescription] + subTokenDescriptions
+    }
+
+    static func createSkeletonEntity() -> BalanceTokenUIDescription {
+        var token = BalanceTokenUIDescription(chain: "ETH", symbol: "000", name: "0000000000000000", balance: 10000, balanceUsd: 10000, marketUsd: 1)
+        token.isSkeleton = true
+        return token
+    }
+
+    func loadTokenIcon(iconUpdated: @escaping (UIImage?)->()) {
+        BalanceTokenUIDescription.loadIconFor(ticker: symbol, logoURL: logoURL, iconUpdated: iconUpdated)
+    }
+
+    func loadParentIcon(iconUpdated: @escaping (UIImage?)->()) {
+        if let parentSymbol {
+            BalanceTokenUIDescription.loadIconFor(ticker: parentSymbol, logoURL: parentLogoURL, iconUpdated: iconUpdated)
+        } else {
+            iconUpdated(nil)
+        }
+    }
+
+    static func loadIconFor(ticker: String, logoURL: URL?, iconUpdated: @escaping (UIImage?)->()) {
+        if let logoURL,
+           let cachedImage = appContext.imageLoadingService.cachedImage(for: .url(logoURL, maxSize: nil), downsampleDescription: .icon) {
+            iconUpdated(cachedImage)
+            return
+        }
+
+        let size = BalanceTokenUIDescription.iconSize
+        let style = BalanceTokenUIDescription.iconStyle
+        if let cachedImage = appContext.imageLoadingService.cachedImage(for: .currencyTicker(ticker,
+                                                                                             size: size,
+                                                                                             style: style),
+                                                                        downsampleDescription: .icon) {
+            iconUpdated(cachedImage)
+            return
+        }
+        Task { @MainActor in
+            let initials = await appContext.imageLoadingService.loadImage(from: .initials(ticker,
+                                                                                          size: size,
+                                                                                          style: style),
+                                                                          downsampleDescription: nil)
+            iconUpdated(initials)
+
+            if let logoURL,
+               let icon = await appContext.imageLoadingService.loadImage(from: .url(logoURL,
+                                                                                    maxSize: nil),
+                                                                         downsampleDescription: .icon) {
+                iconUpdated(icon)
+            } else if let icon = await appContext.imageLoadingService.loadImage(from: .currencyTicker(ticker,
+                                                                                                      size: size,
+                                                                                                      style: style),
+                                                                                downsampleDescription: .icon) {
+                iconUpdated(icon)
+            }
+        }
+    }
+}
+
+extension Array where Element == BalanceTokenUIDescription {
+
+    func totalBalanceUSD() -> Double {
+        self.reduce(0.0, { $0 + $1.balanceUsd })
+    }
+
+}

unstoppable-ios-app/domains-manager-ios/Entities/Mock/MockEntitiesFabric+Domains.swift

@@ -111,14 +111,15 @@ extension MockEntitiesFabric {
                                         walletAddress: String = "0x1",
                                         attributes: PublicDomainProfileAttributes = DomainProfile.createEmptyPublicProfileAttributes(),
                                         socialAccounts: SocialAccounts? = nil,
-                                        social: DomainProfileSocialInfo? = nil) -> SerializedPublicDomainProfile {
+                                        social: DomainProfileSocialInfo? = nil,
+                                        walletBalance: [ProfileWalletBalance]? = nil) -> SerializedPublicDomainProfile {
             .init(profile: attributes,
                   metadata: createPublicDomainMetadata(domain: domain, walletAddress: walletAddress),
                   socialAccounts: socialAccounts,
                   referralCode: nil,
                   social: social,
                   records: nil,
-                  walletBalances: nil)
+                  walletBalances: walletBalance)
         }
 
         static func createEmptyPublicProfileAttributes() -> PublicDomainProfileAttributes {
@@ -182,5 +183,9 @@ extension MockEntitiesFabric {
                                            meta: .init(totalCount: followerNames.count,
                                                        pagination: .init(cursor: nil, take: followerNames.count)))
         }
+
+        static func createPublicProfileWalletBalances() -> [ProfileWalletBalance] {
+            []
+        }
     }
 }

unstoppable-ios-app/domains-manager-ios/Extensions/Extension-String+Preview.swift

@@ -224,7 +224,8 @@ extension String {
         static let yours = "YOURS"
         static let recent = "RECENT"
         static let primary = "PRIMARY"
-
+        static let collapse = "COLLAPSE"
+
         //Onboarding
         static let alreadyMintedDomain = "ALREADY_MINTED_DOMAIN"
         static let mintYourDomain = "MINT_YOUR_DOMAIN"
@@ -364,6 +365,7 @@ extension String {
         static let pluralNFollowing = "SDICT:N_FOLLOWING"
         static let pluralNProfilesFound = "SDICT:N_PROFILES_FOUND"
         static let pluralNHolders = "SDICT:N_HOLDERS"
+        static let pluralNAddresses = "SDICT:N_ADDRESSES"
 
         // Errors
         static let creationFailed = "CREATION_FAILED"
@@ -1116,6 +1118,7 @@ extension String {
         static let introBalanceBody = "INTRO_BALANCE_BODY"
         static let introCollectiblesBody = "INTRO_COLLECTIBLES_BODY"
         static let introMessagesBody = "INTRO_MESSAGES_BODY"
+        static let totalN = "TOTAL_N"
 
     }
 

unstoppable-ios-app/domains-manager-ios/Modules/DomainProfile/Public Profile/Public profile view/PublicProfileSeparatorView.swift

@@ -0,0 +1,21 @@
+//
+//  PublicProfileSeparatorView.swift
+//  domains-manager-ios
+//
+//  Created by Oleg Kuplin on 04.03.2024.
+//
+
+import SwiftUI
+
+struct PublicProfileSeparatorView: View {
+    var body: some View {
+        LineView(direction: .horizontal, dashed: true)
+            .foregroundColor(.white)
+            .opacity(0.08)
+            .padding(EdgeInsets(top: 8, leading: 0, bottom: 8, trailing: 0))
+    }
+}
+
+#Preview {
+    PublicProfileSeparatorView()
+}

unstoppable-ios-app/domains-manager-ios/Modules/DomainProfile/Public Profile/Public profile view/PublicProfileTokensSectionView.swift

@@ -0,0 +1,115 @@
+//
+//  PublicProfileTokensSectionView.swift
+//  domains-manager-ios
+//
+//  Created by Oleg Kuplin on 04.03.2024.
+//
+
+import SwiftUI
+
+struct PublicProfileTokensSectionView: View, ViewAnalyticsLogger {
+
+    @EnvironmentObject var viewModel: PublicProfileView.PublicProfileViewModel
+    @Environment(\.analyticsViewName) var analyticsName
+
+    private let minNumberOfVisibleTokens: Int = 2
+
+    var body: some View {
+        if let tokens = viewModel.tokens {
+            PublicProfileSeparatorView()
+            titleView(tokens: tokens)
+            LazyVStack(spacing: 20) {
+                ForEach(getTokensListForCollapsedState(tokens: tokens)) { token in
+                    HomeWalletTokenRowView(token: token,
+                                           secondaryColor: .white.opacity(0.56))
+                    .padding(EdgeInsets(top: -8, leading: 0, bottom: -8, trailing: 0))
+                }
+            }
+            collapseViewIfAvailable(tokens: tokens)
+        }
+    }
+}
+
+// MARK: - Private methods
+private extension PublicProfileTokensSectionView {
+    func getTokensListForCollapsedState(tokens: [BalanceTokenUIDescription]) -> [BalanceTokenUIDescription] {
+        if viewModel.isTokensCollapsed {
+            return Array(tokens.prefix(minNumberOfVisibleTokens))
+        } else {
+            return tokens
+        }
+    }
+}
+
+// MARK: - Private methods
+private extension PublicProfileTokensSectionView {
+    @ViewBuilder
+    func titleView(tokens: [BalanceTokenUIDescription]) -> some View {
+        HStack {
+            PublicProfilePrimaryLargeTextView(text: String.Constants.tokens.localized())
+            PublicProfileSecondaryLargeTextView(text: "\(tokens.count)")
+            Spacer()
+            totalValueView(tokens: tokens)
+        }
+    }
+
+    @ViewBuilder
+    func totalValueView(tokens: [BalanceTokenUIDescription]) -> some View {
+        Text(String.Constants.totalN.localized(BalanceStringFormatter.tokensBalanceString(tokens.totalBalanceUSD())))
+            .foregroundStyle(Color.white.opacity(0.56))
+            .font(.currentFont(size: 16, weight: .medium))
+    }
+
+    @ViewBuilder
+    func collapseViewIfAvailable(tokens: [BalanceTokenUIDescription]) -> some View {
+        if tokens.count > minNumberOfVisibleTokens {
+            collapseView()
+        }
+    }
+
+    var collapseViewTitle: String {
+        if viewModel.isTokensCollapsed {
+            return String.Constants.showMore.localized()
+        }
+        return String.Constants.collapse.localized()
+    }
+
+    var collapseViewImage: Image {
+        if viewModel.isTokensCollapsed {
+            return Image.chevronDown
+        }
+        return Image.chevronUp
+    }
+
+    @ViewBuilder
+    func collapseView() -> some View {
+        Button {
+            UDVibration.buttonTap.vibrate()
+            if viewModel.isTokensCollapsed {
+                logButtonPressedAnalyticEvents(button: .showAll)
+            } else {
+                logButtonPressedAnalyticEvents(button: .hide)
+            }
+            withAnimation {
+                viewModel.isTokensCollapsed.toggle()
+            }
+        } label: {
+            HStack {
+                collapseViewImage
+                    .resizable()
+                    .squareFrame(20)
+                Text(collapseViewTitle)
+                    .font(.currentFont(size: 16, weight: .medium))
+            }
+            .foregroundStyle(Color.white)
+            .frame(height: 40)
+            .frame(maxWidth: .infinity)
+            .background(Color.white.opacity(0.16))
+            .clipShape(RoundedRectangle(cornerRadius: 12))
+        }
+    }
+}
+
+#Preview {
+    PublicProfileTokensSectionView()
+}