Merge commit '7621e2f8dec938cf48181c8b10afc9b01f444e68' into beta

submodules/TelegramUI/Components/ChatListTitleView/BUILD

@@ -0,0 +1,30 @@
+load("@build_bazel_rules_swift//swift:swift.bzl", "swift_library")
+
+swift_library(
+    name = "ChatListTitleView",
+    module_name = "ChatListTitleView",
+    srcs = glob([
+        "Sources/**/*.swift",
+    ]),
+    copts = [
+        "-warnings-as-errors",
+    ],
+    deps = [
+        "//submodules/SSignalKit/SwiftSignalKit:SwiftSignalKit",
+        "//submodules/AsyncDisplayKit:AsyncDisplayKit",
+        "//submodules/Display:Display",
+        "//submodules/TelegramCore:TelegramCore",
+        "//submodules/TelegramPresentationData:TelegramPresentationData",
+        "//submodules/ActivityIndicator:ActivityIndicator",
+        "//submodules/AccountContext",
+        "//submodules/ComponentFlow",
+        "//submodules/AppBundle",
+        "//submodules/TelegramUI/Components/EmojiStatusComponent",
+        "//submodules/TelegramUI/Components/AnimationCache:AnimationCache",
+        "//submodules/TelegramUI/Components/MultiAnimationRenderer:MultiAnimationRenderer",
+        "//submodules/Components/ComponentDisplayAdapters:ComponentDisplayAdapters",
+    ],
+    visibility = [
+        "//visibility:public",
+    ],
+)

submodules/TelegramUI/Components/ChatListTitleView/Sources/ChatListTitleLockView.swift

@@ -0,0 +1,46 @@
+import Foundation
+import UIKit
+import Display
+import TelegramPresentationData
+
+public final class ChatListTitleLockView: UIView {
+    private let topView: UIImageView
+    private let bottomView: UIImageView
+    
+    private var theme: PresentationTheme?
+    
+    override public init(frame: CGRect) {
+        self.topView = UIImageView()
+        self.bottomView = UIImageView()
+        
+        super.init(frame: frame)
+        
+        self.addSubview(self.topView)
+        self.addSubview(self.bottomView)
+    }
+    
+    required init?(coder aDecoder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    public func updateTheme(_ theme: PresentationTheme) {
+        if self.theme !== theme {
+            self.theme = theme
+            
+            self.topView.image = PresentationResourcesChatList.lockTopUnlockedImage(theme)
+            self.bottomView.image = PresentationResourcesChatList.lockBottomUnlockedImage(theme)
+            self.layoutItems()
+        }
+    }
+    
+    private func layoutItems() {
+        self.topView.frame = CGRect(x: 7.0, y: 0.0, width: 7.0, height: 6.0)
+        self.bottomView.frame = CGRect(x: 0.0, y: 6.0, width: 10.0, height: 8.0)
+    }
+    
+    override public func layoutSubviews() {
+        super.layoutSubviews()
+        
+        self.layoutItems()
+    }
+}

submodules/TelegramUI/Components/ChatListTitleView/Sources/ChatListTitleProxyNode.swift

@@ -0,0 +1,98 @@
+import Foundation
+import UIKit
+import Display
+import AsyncDisplayKit
+import TelegramPresentationData
+import ActivityIndicator
+import AppBundle
+
+public enum ChatTitleProxyStatus {
+    case connecting
+    case connected
+    case available
+}
+
+private func generateIcon(color: UIColor, connected: Bool, off: Bool) -> UIImage? {
+    return generateImage(CGSize(width: 30.0, height: 30.0), rotatedContext: { size, context in
+        context.clear(CGRect(origin: CGPoint(), size: size))
+        
+        context.translateBy(x: size.width / 2.0, y: size.height / 2.0)
+        context.scaleBy(x: 1.0, y: -1.0)
+        context.translateBy(x: -size.width / 2.0, y: -size.height / 2.0)
+        
+        if let image = generateTintedImage(image: UIImage(bundleImageName: "Chat List/ProxyShieldIcon"), color: color) {
+            context.draw(image.cgImage!, in: CGRect(origin: CGPoint(), size: image.size))
+        }
+        if connected {
+            if let image = generateTintedImage(image: UIImage(bundleImageName: "Chat List/ProxyCheckIcon"), color: color) {
+                context.draw(image.cgImage!, in: CGRect(origin: CGPoint(), size: image.size))
+            }
+        } else if off {
+            if let image = generateTintedImage(image: UIImage(bundleImageName: "Chat List/ProxyOnIcon"), color: color) {
+                context.draw(image.cgImage!, in: CGRect(origin: CGPoint(), size: image.size))
+            }
+        }
+    })
+}
+
+public final class ChatTitleProxyNode: ASDisplayNode {
+    private let iconNode: ASImageNode
+    private let activityIndicator: ActivityIndicator
+    
+    public var theme: PresentationTheme {
+        didSet {
+            if self.theme !== oldValue {
+                switch self.status {
+                    case .connecting:
+                        self.iconNode.image = generateIcon(color: theme.rootController.navigationBar.accentTextColor, connected: false, off: false)
+                    case .connected:
+                        self.iconNode.image = generateIcon(color: theme.rootController.navigationBar.accentTextColor, connected: true, off: false)
+                    case .available:
+                        self.iconNode.image = generateIcon(color: theme.rootController.navigationBar.accentTextColor, connected: false, off: true)
+                }
+                self.activityIndicator.type = .custom(theme.rootController.navigationBar.accentTextColor, 10.0, 1.3333, true)
+            }
+        }
+    }
+    
+    public var status: ChatTitleProxyStatus = .connected {
+        didSet {
+            if self.status != oldValue {
+                switch self.status {
+                    case .connecting:
+                        self.activityIndicator.isHidden = false
+                        self.iconNode.image = generateIcon(color: theme.rootController.navigationBar.accentTextColor, connected: false, off: false)
+                    case .connected:
+                        self.activityIndicator.isHidden = true
+                        self.iconNode.image = generateIcon(color: theme.rootController.navigationBar.accentTextColor, connected: true, off: false)
+                    case .available:
+                        self.activityIndicator.isHidden = true
+                        self.iconNode.image = generateIcon(color: theme.rootController.navigationBar.accentTextColor, connected: false, off: true)
+                }
+            }
+        }
+    }
+    
+    public init(theme: PresentationTheme) {
+        self.theme = theme
+        
+        self.iconNode = ASImageNode()
+        self.iconNode.isLayerBacked = true
+        self.iconNode.displayWithoutProcessing = true
+        self.iconNode.displaysAsynchronously = false
+        self.iconNode.image = generateIcon(color: theme.rootController.navigationBar.accentTextColor, connected: false, off: true)
+        
+        self.activityIndicator = ActivityIndicator(type: .custom(theme.rootController.navigationBar.accentTextColor, 10.0, 1.3333, true), speed: .slow)
+        
+        super.init()
+        
+        self.addSubnode(self.iconNode)
+        self.addSubnode(self.activityIndicator)
+        
+        let iconFrame = CGRect(origin: CGPoint(), size: CGSize(width: 30.0, height: 30.0))
+        self.iconNode.frame = iconFrame
+        self.activityIndicator.frame = CGRect(origin: CGPoint(x: floor(iconFrame.midX - 5.0), y: 10.0), size: CGSize(width: 10.0, height: 10.0))
+        
+        self.frame = CGRect(origin: CGPoint(), size: CGSize(width: 30.0, height: 30.0))
+    }
+}

submodules/TelegramUI/Components/ChatListTitleView/Sources/ChatListTitleView.swift

@@ -0,0 +1,498 @@
+import Foundation
+import UIKit
+import AsyncDisplayKit
+import Display
+import TelegramPresentationData
+import ActivityIndicator
+import ComponentFlow
+import EmojiStatusComponent
+import AnimationCache
+import MultiAnimationRenderer
+import TelegramCore
+import ComponentDisplayAdapters
+import AccountContext
+
+private let titleFont = Font.with(size: 17.0, design: .regular, weight: .semibold, traits: [.monospacedNumbers])
+
+public struct NetworkStatusTitle: Equatable {
+    public enum Status: Equatable {
+        case premium
+        case emoji(PeerEmojiStatus)
+    }
+    
+    public var text: String
+    public var activity: Bool
+    public var hasProxy: Bool
+    public var connectsViaProxy: Bool
+    public var isPasscodeSet: Bool
+    public var isManuallyLocked: Bool
+    public var peerStatus: Status?
+    
+    public init(
+        text: String,
+        activity: Bool,
+        hasProxy: Bool,
+        connectsViaProxy: Bool,
+        isPasscodeSet: Bool,
+        isManuallyLocked: Bool,
+        peerStatus: Status?
+    ) {
+        self.text = text
+        self.activity = activity
+        self.hasProxy = hasProxy
+        self.connectsViaProxy = connectsViaProxy
+        self.isPasscodeSet = isPasscodeSet
+        self.isManuallyLocked = isManuallyLocked
+        self.peerStatus = peerStatus
+    }
+}
+
+public final class ChatListTitleView: UIView, NavigationBarTitleView, NavigationBarTitleTransitionNode {
+    private let context: AccountContext
+    public let titleNode: ImmediateTextNode
+    private let lockView: ChatListTitleLockView
+    private weak var lockSnapshotView: UIView?
+    private let activityIndicator: ActivityIndicator
+    private let buttonView: HighlightTrackingButton
+    private let proxyNode: ChatTitleProxyNode
+    private let proxyButton: HighlightTrackingButton
+    private var titleCredibilityIconView: ComponentHostView<Empty>?
+    private let animationCache: AnimationCache
+    private let animationRenderer: MultiAnimationRenderer
+    
+    public var openStatusSetup: ((UIView) -> Void)?
+    
+    private var validLayout: (CGSize, CGRect)?
+    
+    public var manualLayout: Bool = false
+    
+    private var _title: NetworkStatusTitle = NetworkStatusTitle(text: "", activity: false, hasProxy: false, connectsViaProxy: false, isPasscodeSet: false, isManuallyLocked: false, peerStatus: nil)
+    public var title: NetworkStatusTitle {
+        get {
+            return self._title
+        }
+        set {
+            self.setTitle(newValue, animated: false)
+        }
+    }
+    
+    public func setTitle(_ title: NetworkStatusTitle, animated: Bool) {
+        let oldValue = self._title
+        self._title = title
+        
+        if self._title != oldValue {
+            self.titleNode.attributedText = NSAttributedString(string: self.title.text, font: titleFont, textColor: self.theme.rootController.navigationBar.primaryTextColor)
+            self.buttonView.accessibilityLabel = self.title.text
+            self.activityIndicator.isHidden = !self.title.activity
+           
+            self.proxyButton.isHidden = !self.title.hasProxy
+            if self.title.connectsViaProxy {
+                self.proxyNode.status = self.title.activity ? .connecting : .connected
+            } else {
+                self.proxyNode.status = .available
+            }
+            
+            let proxyIsHidden = !self.title.hasProxy
+            let previousProxyIsHidden = self.proxyNode.isHidden
+            if proxyIsHidden != previousProxyIsHidden {
+                if proxyIsHidden {
+                    if let snapshotView = self.proxyNode.view.snapshotContentTree() {
+                        snapshotView.frame = self.proxyNode.frame
+                        self.proxyNode.view.superview?.insertSubview(snapshotView, aboveSubview: self.proxyNode.view)
+                        snapshotView.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.15, removeOnCompletion: false, completion: { [weak snapshotView] _ in
+                            snapshotView?.removeFromSuperview()
+                        })
+                    }
+                } else {
+                    self.proxyNode.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.15)
+                }
+            }
+            self.proxyNode.isHidden = !self.title.hasProxy
+            
+            self.buttonView.isHidden = !self.title.isPasscodeSet
+            if self.title.isPasscodeSet && !self.title.activity {
+                if self.lockView.isHidden && animated {
+                    self.lockView.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.15)
+                }
+                self.lockView.isHidden = false
+            } else {
+                if !self.lockView.isHidden && animated {
+                    if let snapshotView = self.lockView.snapshotContentTree() {
+                        self.lockSnapshotView = snapshotView
+                        snapshotView.frame = self.lockView.frame
+                        self.lockView.superview?.insertSubview(snapshotView, aboveSubview: self.lockView)
+                        snapshotView.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.15, removeOnCompletion: false, completion: { [weak snapshotView] _ in
+                            snapshotView?.removeFromSuperview()
+                        })
+                    }
+                }
+                self.lockView.isHidden = true
+            }
+            self.lockView.updateTheme(self.theme)
+            
+            let animateStatusTransition = !oldValue.text.isEmpty && oldValue.peerStatus != title.peerStatus
+            
+            if let peerStatus = title.peerStatus {
+                let statusContent: EmojiStatusComponent.Content
+                var statusParticleColor: UIColor?
+                switch peerStatus {
+                case .premium:
+                    statusContent = .premium(color: self.theme.list.itemAccentColor)
+                case let .emoji(emojiStatus):
+                    statusContent = .animation(content: .customEmoji(fileId: emojiStatus.fileId), size: CGSize(width: 22.0, height: 22.0), placeholderColor: self.theme.list.mediaPlaceholderColor, themeColor: self.theme.list.itemAccentColor, loopMode: .count(2))
+                    if let color = emojiStatus.color {
+                        statusParticleColor = UIColor(rgb: UInt32(bitPattern: color))
+                    }
+                }
+                
+                var titleCredibilityIconTransition: ComponentTransition
+                if animateStatusTransition {
+                    titleCredibilityIconTransition = ComponentTransition(animation: .curve(duration: 0.2, curve: .easeInOut))
+                } else {
+                    titleCredibilityIconTransition = .immediate
+                }
+                let titleCredibilityIconView: ComponentHostView<Empty>
+                if let current = self.titleCredibilityIconView {
+                    titleCredibilityIconView = current
+                } else {
+                    titleCredibilityIconTransition = .immediate
+                    titleCredibilityIconView = ComponentHostView<Empty>()
+                    self.titleCredibilityIconView = titleCredibilityIconView
+                    self.addSubview(titleCredibilityIconView)
+                }
+                
+                let _ = titleCredibilityIconView.update(
+                    transition: titleCredibilityIconTransition,
+                    component: AnyComponent(EmojiStatusComponent(
+                        context: self.context,
+                        animationCache: self.animationCache,
+                        animationRenderer: self.animationRenderer,
+                        content: statusContent,
+                        particleColor: statusParticleColor,
+                        isVisibleForAnimations: true,
+                        action: { [weak self] in
+                            guard let strongSelf = self, let titleCredibilityIconView = strongSelf.titleCredibilityIconView else {
+                                return
+                            }
+                            strongSelf.openStatusSetup?(titleCredibilityIconView)
+                        }
+                    )),
+                    environment: {},
+                    containerSize: CGSize(width: 22.0, height: 22.0)
+                )
+            } else {
+                if let titleCredibilityIconView = self.titleCredibilityIconView {
+                    self.titleCredibilityIconView = nil
+                    
+                    if animateStatusTransition {
+                        titleCredibilityIconView.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.2, removeOnCompletion: false, completion: { [weak titleCredibilityIconView] _ in
+                            titleCredibilityIconView?.removeFromSuperview()
+                        })
+                        titleCredibilityIconView.layer.animateScale(from: 1.0, to: 0.01, duration: 0.2, removeOnCompletion: false)
+                    } else {
+                        titleCredibilityIconView.removeFromSuperview()
+                    }
+                }
+            }
+            
+            if !self.manualLayout {
+                self.setNeedsLayout()
+            }
+        }
+    }
+    
+    public var toggleIsLocked: (() -> Void)?
+    public var openProxySettings: (() -> Void)?
+    
+    private var isPasscodeSet = false
+    private var isManuallyLocked = false
+    
+    public var theme: PresentationTheme {
+        didSet {
+            if self.theme !== oldValue {
+                self.titleNode.attributedText = NSAttributedString(string: self.title.text, font: titleFont, textColor: self.theme.rootController.navigationBar.primaryTextColor)
+                
+                self.lockView.updateTheme(self.theme)
+                
+                self.activityIndicator.type = .custom(self.theme.rootController.navigationBar.primaryTextColor, 22.0, 1.5, false)
+                self.proxyNode.theme = self.theme
+            }
+        }
+    }
+    
+    public var strings: PresentationStrings {
+        didSet {
+            if self.strings !== oldValue {
+                self.proxyButton.accessibilityLabel = self.strings.VoiceOver_Navigation_ProxySettings
+            }
+        }
+    }
+    
+    public init(context: AccountContext, theme: PresentationTheme, strings: PresentationStrings, animationCache: AnimationCache, animationRenderer: MultiAnimationRenderer) {
+        self.context = context
+        self.theme = theme
+        self.strings = strings
+        
+        self.animationCache = animationCache
+        self.animationRenderer = animationRenderer
+        
+        self.titleNode = ImmediateTextNode()
+        self.titleNode.displaysAsynchronously = false
+        self.titleNode.maximumNumberOfLines = 1
+        self.titleNode.truncationType = .end
+        self.titleNode.isOpaque = false
+        self.titleNode.isUserInteractionEnabled = false
+        
+        self.activityIndicator = ActivityIndicator(type: .custom(theme.rootController.navigationBar.primaryTextColor, 22.0, 1.5, false), speed: .slow)
+        let activityIndicatorSize = self.activityIndicator.measure(CGSize(width: 100.0, height: 100.0))
+        self.activityIndicator.frame = CGRect(origin: CGPoint(), size: activityIndicatorSize)
+        
+        self.lockView = ChatListTitleLockView(frame: CGRect(origin: CGPoint(), size: CGSize(width: 2.0, height: 2.0)))
+        self.lockView.isHidden = true
+        self.lockView.isUserInteractionEnabled = false
+        
+        self.proxyNode = ChatTitleProxyNode(theme: self.theme)
+        self.proxyNode.isHidden = true
+        
+        self.buttonView = HighlightTrackingButton()
+        self.buttonView.isAccessibilityElement = true
+        self.buttonView.accessibilityTraits = .header
+        
+        self.proxyButton = HighlightTrackingButton()
+        self.proxyButton.isHidden = true
+        self.proxyButton.isAccessibilityElement = true
+        self.proxyButton.accessibilityLabel = self.strings.VoiceOver_Navigation_ProxySettings
+        self.proxyButton.accessibilityTraits = .button
+        
+        super.init(frame: CGRect())
+        
+        self.isAccessibilityElement = false
+        
+        self.addSubnode(self.activityIndicator)
+        self.addSubnode(self.titleNode)
+        self.addSubnode(self.proxyNode)
+        self.addSubview(self.lockView)
+        self.addSubview(self.buttonView)
+        self.addSubview(self.proxyButton)
+        
+        self.buttonView.highligthedChanged = { [weak self] highlighted in
+            if let strongSelf = self {
+                if highlighted && !strongSelf.lockView.isHidden && strongSelf.activityIndicator.isHidden {
+                    strongSelf.titleNode.layer.removeAnimation(forKey: "opacity")
+                    strongSelf.lockView.layer.removeAnimation(forKey: "opacity")
+                    strongSelf.titleNode.alpha = 0.4
+                    strongSelf.lockView.alpha = 0.4
+                } else {
+                    if !strongSelf.titleNode.alpha.isEqual(to: 1.0) {
+                        strongSelf.titleNode.alpha = 1.0
+                        strongSelf.titleNode.layer.animateAlpha(from: 0.4, to: 1.0, duration: 0.2)
+                    }
+                    if !strongSelf.lockView.alpha.isEqual(to: 1.0) {
+                        strongSelf.lockView.alpha = 1.0
+                        strongSelf.lockView.layer.animateAlpha(from: 0.4, to: 1.0, duration: 0.2)
+                    }
+                }
+            }
+        }
+        
+        self.buttonView.addTarget(self, action: #selector(self.buttonPressed), for: .touchUpInside)
+        
+        self.proxyButton.highligthedChanged = { [weak self] highlighted in
+            if let strongSelf = self {
+                if highlighted {
+                    strongSelf.proxyNode.layer.removeAnimation(forKey: "opacity")
+                    strongSelf.proxyNode.alpha = 0.4
+                } else {
+                    if !strongSelf.proxyNode.alpha.isEqual(to: 1.0) {
+                        strongSelf.proxyNode.alpha = 1.0
+                        strongSelf.proxyNode.layer.animateAlpha(from: 0.4, to: 1.0, duration: 0.2)
+                    }
+                }
+            }
+        }
+        
+        self.proxyButton.addTarget(self, action: #selector(self.proxyButtonPressed), for: .touchUpInside)
+    }
+    
+    required public init?(coder aDecoder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    override public func layoutSubviews() {
+        super.layoutSubviews()
+        
+        if !self.manualLayout, let (size, clearBounds) = self.validLayout {
+            let _ = self.updateLayout(size: size, clearBounds: clearBounds, transition: .immediate)
+        }
+    }
+    
+    public func updateLayout(size: CGSize, clearBounds: CGRect, transition: ContainedViewLayoutTransition) -> CGRect {
+        self.validLayout = (size, clearBounds)
+        
+        var indicatorPadding: CGFloat = 0.0
+        let indicatorSize = self.activityIndicator.bounds.size
+        
+        if !self.activityIndicator.isHidden {
+            indicatorPadding = indicatorSize.width + 6.0
+        }
+        var maxTitleWidth = clearBounds.size.width - indicatorPadding
+        var proxyPadding: CGFloat = 0.0
+        if !self.proxyNode.isHidden {
+            maxTitleWidth -= 25.0
+            proxyPadding += 39.0
+        }
+        if !self.lockView.isHidden {
+            maxTitleWidth -= 10.0
+        }
+        
+        let titleSize = self.titleNode.updateLayout(CGSize(width: max(1.0, maxTitleWidth), height: size.height))
+        
+        let combinedHeight = titleSize.height
+        
+        let combinedWidth = titleSize.width
+        
+        var titleContentRect = CGRect(origin: CGPoint(x: indicatorPadding + floor((size.width - combinedWidth - indicatorPadding) / 2.0), y: floor((size.height - combinedHeight) / 2.0)), size: titleSize)
+        
+        titleContentRect.origin.x = min(titleContentRect.origin.x, clearBounds.maxX - proxyPadding - titleContentRect.width)
+        
+        let titleFrame = titleContentRect
+        var titleTransition = transition
+        if self.titleNode.frame.size != titleFrame.size {
+            titleTransition = .immediate
+        }
+        titleTransition.updateFrame(node: self.titleNode, frame: titleFrame)
+        
+        let proxyFrame = CGRect(origin: CGPoint(x: clearBounds.maxX - 9.0 - self.proxyNode.bounds.width, y: floor((size.height - self.proxyNode.bounds.height) / 2.0)), size: self.proxyNode.bounds.size)
+        self.proxyNode.frame = proxyFrame
+        
+        self.proxyButton.frame = proxyFrame.insetBy(dx: -2.0, dy: -2.0)
+        
+        let buttonX = max(0.0, titleFrame.minX - 10.0)
+        self.buttonView.frame = CGRect(origin: CGPoint(x: buttonX, y: 0.0), size: CGSize(width: min(titleFrame.maxX + 28.0, size.width) - buttonX, height: size.height))
+        
+        let lockFrame = CGRect(x: titleFrame.minX - 6.0 - 12.0, y: titleFrame.minY + 2.0, width: 2.0, height: 2.0)
+        transition.updateFrame(view: self.lockView, frame: lockFrame)
+        if let lockSnapshotView = self.lockSnapshotView {
+            transition.updateFrame(view: lockSnapshotView, frame: lockFrame)
+        }
+        
+        let activityIndicatorFrame = CGRect(origin: CGPoint(x: titleFrame.minX - indicatorSize.width - 4.0, y: titleFrame.minY - 1.0), size: indicatorSize)
+        transition.updateFrame(node: self.activityIndicator, frame: activityIndicatorFrame)
+        
+        if let peerStatus = self.title.peerStatus {
+            let statusContent: EmojiStatusComponent.Content
+            switch peerStatus {
+            case .premium:
+                statusContent = .premium(color: self.theme.list.itemAccentColor)
+            case let .emoji(emoji):
+                statusContent = .animation(content: .customEmoji(fileId: emoji.fileId), size: CGSize(width: 22.0, height: 22.0), placeholderColor: self.theme.list.mediaPlaceholderColor, themeColor: self.theme.list.itemAccentColor, loopMode: .count(2))
+            }
+            
+            var titleCredibilityIconTransition = ComponentTransition(transition)
+            let titleCredibilityIconView: ComponentHostView<Empty>
+            if let current = self.titleCredibilityIconView {
+                titleCredibilityIconView = current
+            } else {
+                titleCredibilityIconTransition = .immediate
+                titleCredibilityIconView = ComponentHostView<Empty>()
+                self.titleCredibilityIconView = titleCredibilityIconView
+                self.addSubview(titleCredibilityIconView)
+            }
+            
+            let titleIconSize = titleCredibilityIconView.update(
+                transition: titleCredibilityIconTransition,
+                component: AnyComponent(EmojiStatusComponent(
+                    context: self.context,
+                    animationCache: self.animationCache,
+                    animationRenderer: self.animationRenderer,
+                    content: statusContent,
+                    isVisibleForAnimations: true,
+                    action: { [weak self] in
+                        guard let strongSelf = self, let titleCredibilityIconView = strongSelf.titleCredibilityIconView else {
+                            return
+                        }
+                        strongSelf.openStatusSetup?(titleCredibilityIconView)
+                    }
+                )),
+                environment: {},
+                containerSize: CGSize(width: 22.0, height: 22.0)
+            )
+            titleCredibilityIconTransition.setFrame(view: titleCredibilityIconView, frame: CGRect(origin: CGPoint(x: titleFrame.maxX + 2.0, y: floorToScreenPixels(titleFrame.midY - titleIconSize.height / 2.0)), size: titleIconSize))
+            titleCredibilityIconView.alpha = self.title.activity ? 0.0 : 1.0
+        } else {
+            if let titleCredibilityIconView = self.titleCredibilityIconView {
+                self.titleCredibilityIconView = nil
+                
+                if transition.isAnimated {
+                    titleCredibilityIconView.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.2, removeOnCompletion: false, completion: { [weak titleCredibilityIconView] _ in
+                        titleCredibilityIconView?.removeFromSuperview()
+                    })
+                    titleCredibilityIconView.layer.animateScale(from: 1.0, to: 0.01, duration: 0.2, removeOnCompletion: false)
+                } else {
+                    titleCredibilityIconView.removeFromSuperview()
+                }
+            }
+        }
+        
+        var resultFrame = titleFrame
+        if !self.lockView.isHidden {
+            resultFrame = resultFrame.union(lockFrame)
+        }
+        if let titleCredibilityIconView = self.titleCredibilityIconView {
+            resultFrame = resultFrame.union(titleCredibilityIconView.frame)
+        }
+        
+        return resultFrame
+    }
+    
+    @objc private func buttonPressed() {
+        self.toggleIsLocked?()
+    }
+    
+    @objc private func proxyButtonPressed() {
+        self.openProxySettings?()
+    }
+    
+    public func makeTransitionMirrorNode() -> ASDisplayNode {
+        let snapshotView = self.snapshotView(afterScreenUpdates: false)
+        
+        return ASDisplayNode(viewBlock: {
+            return snapshotView ?? UIView()
+        }, didLoad: nil)
+    }
+    
+    public func animateLayoutTransition() {
+    }
+    
+    public var proxyButtonFrame: CGRect? {
+        if !self.proxyNode.isHidden {
+            return proxyNode.frame
+        }
+        return nil
+    }
+    
+    public var lockViewFrame: CGRect? {
+        if !self.lockView.isHidden && !self.lockView.frame.isEmpty {
+            return self.lockView.frame
+        } else {
+            return nil
+        }
+    }
+    
+    override public func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
+        if let titleCredibilityIconView = self.titleCredibilityIconView, !titleCredibilityIconView.isHidden, titleCredibilityIconView.alpha != 0.0 {
+            if titleCredibilityIconView.bounds.insetBy(dx: -8.0, dy: -8.0).contains(self.convert(point, to: titleCredibilityIconView)) {
+                if let result = titleCredibilityIconView.hitTest(titleCredibilityIconView.bounds.center, with: event) {
+                    return result
+                }
+            }
+        }
+        
+        if !self.proxyButton.isHidden {
+            if let result = self.proxyButton.hitTest(point.offsetBy(dx: -self.proxyButton.frame.minX, dy: -self.proxyButton.frame.minY), with: event) {
+                return result;
+            }
+        }
+        return super.hitTest(point, with: event)
+    }
+}