Apply patch

submodules/TelegramUI/Sources/ChatRecordingPreviewInputPanelNode.swift

@@ -10,6 +10,7 @@ import TelegramPresentationData
 import UniversalMediaPlayer
 import AppBundle
 import ContextUI
+import AnimationUI
 
 private func generatePauseIcon(_ theme: PresentationTheme) -> UIImage? {
     return generateTintedImage(image: UIImage(bundleImageName: "GlobalMusicPlayer/MinimizedPause"), color: theme.chat.inputPanel.actionControlForegroundColor)
@@ -24,22 +25,23 @@ extension AudioWaveformNode: CustomMediaPlayerScrubbingForegroundNode {
 }
 
 final class ChatRecordingPreviewInputPanelNode: ChatInputPanelNode {
-    private let deleteButton: HighlightableButtonNode
+    let deleteButton: HighlightableButtonNode
+    let binNode: AnimationNode
     let sendButton: HighlightTrackingButtonNode
     private var sendButtonRadialStatusNode: ChatSendButtonRadialStatusNode?
-    private let playButton: HighlightableButtonNode
-    private let pauseButton: HighlightableButtonNode
+    let playButton: HighlightableButtonNode
+    let pauseButton: HighlightableButtonNode
     private let waveformButton: ASButtonNode
-    private let waveformBackgroundNode: ASImageNode
+    let waveformBackgroundNode: ASImageNode
     
     private let waveformNode: AudioWaveformNode
     private let waveformForegroundNode: AudioWaveformNode
-    private let waveformScubberNode: MediaPlayerScrubbingNode
+    let waveformScubberNode: MediaPlayerScrubbingNode
     
     private var presentationInterfaceState: ChatPresentationInterfaceState?
     
     private var mediaPlayer: MediaPlayer?
-    private let durationLabel: MediaPlayerTimeTextNode
+    let durationLabel: MediaPlayerTimeTextNode
     
     private let statusDisposable = MetaDisposable()
     
@@ -48,7 +50,19 @@ final class ChatRecordingPreviewInputPanelNode: ChatInputPanelNode {
     init(theme: PresentationTheme) {
         self.deleteButton = HighlightableButtonNode()
         self.deleteButton.displaysAsynchronously = false
-        self.deleteButton.setImage(generateTintedImage(image: UIImage(bundleImageName: "Chat/Input/Accessory Panels/MessageSelectionTrash"), color: theme.chat.inputPanel.panelControlAccentColor), for: [])
+        
+        self.binNode = AnimationNode(
+            animation: "BinBlue",
+            colors: [
+                "Cap11.Cap2.Обводка 1": theme.chat.inputPanel.panelControlAccentColor,
+                "Bin 5.Bin.Обводка 1": theme.chat.inputPanel.panelControlAccentColor,
+                "Cap12.Cap1.Обводка 1": theme.chat.inputPanel.panelControlAccentColor,
+                "Line15.Line1.Обводка 1": theme.chat.inputPanel.panelControlAccentColor,
+                "Line13.Line3.Обводка 1": theme.chat.inputPanel.panelControlAccentColor,
+                "Line14.Line2.Обводка 1": theme.chat.inputPanel.panelControlAccentColor,
+                "Line13.Обводка 1": theme.chat.inputPanel.panelControlAccentColor,
+            ]
+        )
         
         self.sendButton = HighlightTrackingButtonNode()
         self.sendButton.displaysAsynchronously = false
@@ -87,8 +101,9 @@ final class ChatRecordingPreviewInputPanelNode: ChatInputPanelNode {
         super.init()
         
         self.addSubnode(self.deleteButton)
-        self.addSubnode(self.sendButton)
+        self.deleteButton.addSubnode(binNode)
         self.addSubnode(self.waveformBackgroundNode)
+        self.addSubnode(self.sendButton)
         self.addSubnode(self.waveformScubberNode)
         self.addSubnode(self.playButton)
         self.addSubnode(self.pauseButton)
@@ -144,8 +159,8 @@ final class ChatRecordingPreviewInputPanelNode: ChatInputPanelNode {
             self.presentationInterfaceState = interfaceState
             
             if let recordedMediaPreview = interfaceState.recordedMediaPreview, updateWaveform {
-                self.waveformNode.setup(color: interfaceState.theme.chat.inputPanel.actionControlForegroundColor.withAlphaComponent(0.5), waveform: recordedMediaPreview.waveform)
-                self.waveformForegroundNode.setup(color: interfaceState.theme.chat.inputPanel.actionControlForegroundColor, waveform: recordedMediaPreview.waveform)
+                self.waveformNode.setup(color: interfaceState.theme.chat.inputPanel.actionControlForegroundColor.withAlphaComponent(0.5), gravity: .center, waveform: recordedMediaPreview.waveform)
+                self.waveformForegroundNode.setup(color: interfaceState.theme.chat.inputPanel.actionControlForegroundColor, gravity: .center, waveform: recordedMediaPreview.waveform)
                 
                 if self.mediaPlayer != nil {
                     self.mediaPlayer?.pause()
@@ -175,8 +190,9 @@ final class ChatRecordingPreviewInputPanelNode: ChatInputPanelNode {
         
         let panelHeight = defaultHeight(metrics: metrics)
         
-        transition.updateFrame(node: self.deleteButton, frame: CGRect(origin: CGPoint(x: leftInset, y: -1.0), size: CGSize(width: 48.0, height: panelHeight)))
+        transition.updateFrame(node: self.deleteButton, frame: CGRect(origin: CGPoint(x: leftInset + 2.0 - UIScreenPixel, y: panelHeight - 44 + 1), size: CGSize(width: 40.0, height: 40)))
         transition.updateFrame(node: self.sendButton, frame: CGRect(origin: CGPoint(x: width - rightInset - 43.0 - UIScreenPixel, y: -UIScreenPixel), size: CGSize(width: 44.0, height: panelHeight)))
+        self.binNode.frame = self.deleteButton.bounds
         
         if let slowmodeState = interfaceState.slowmodeState, !interfaceState.isScheduledMessages {
             let sendButtonRadialStatusNode: ChatSendButtonRadialStatusNode
@@ -203,14 +219,71 @@ final class ChatRecordingPreviewInputPanelNode: ChatInputPanelNode {
         
         transition.updateFrame(node: self.playButton, frame: CGRect(origin: CGPoint(x: leftInset + 52.0, y: 10.0), size: CGSize(width: 26.0, height: 26.0)))
         transition.updateFrame(node: self.pauseButton, frame: CGRect(origin: CGPoint(x: leftInset + 50.0, y: 10.0), size: CGSize(width: 26.0, height: 26.0)))
-        transition.updateFrame(node: self.waveformBackgroundNode, frame: CGRect(origin: CGPoint(x: leftInset + 45.0, y: 7.0 - UIScreenPixel), size: CGSize(width: width - leftInset - rightInset - 90.0, height: 33.0)))
+        let waveformBackgroundFrame = CGRect(origin: CGPoint(x: leftInset + 45.0, y: 7.0 - UIScreenPixel), size: CGSize(width: width - leftInset - rightInset - 90.0, height: 33.0))
+        transition.updateFrame(node: self.waveformBackgroundNode, frame: waveformBackgroundFrame)
         transition.updateFrame(node: self.waveformButton, frame: CGRect(origin: CGPoint(x: leftInset + 45.0, y: 0.0), size: CGSize(width: width - leftInset - rightInset - 90.0, height: panelHeight)))
         transition.updateFrame(node: self.waveformScubberNode, frame: CGRect(origin: CGPoint(x: leftInset + 45.0 + 35.0, y: 7.0 + floor((33.0 - 13.0) / 2.0)), size: CGSize(width: width - leftInset - rightInset - 90.0 - 45.0 - 40.0, height: 13.0)))
         transition.updateFrame(node: self.durationLabel, frame: CGRect(origin: CGPoint(x: width - rightInset - 90.0 - 4.0, y: 15.0), size: CGSize(width: 35.0, height: 20.0)))
         
+        prevInputPanelNode?.frame = CGRect(origin: .zero, size: CGSize(width: width, height: panelHeight))
+        if let prevTextInputPanelNode = prevInputPanelNode as? ChatTextInputPanelNode {
+            self.prevInputPanelNode = nil
+            
+            if let audioRecordingDotNode = prevTextInputPanelNode.audioRecordingDotNode {
+                audioRecordingDotNode.layer.animateScale(from: 1.0, to: 0.3, duration: 0.15, removeOnCompletion: false)
+                audioRecordingDotNode.layer.removeAllAnimations()
+                audioRecordingDotNode.layer.animateAlpha(from: CGFloat(audioRecordingDotNode.layer.presentation()?.opacity ?? 1.0), to: 0.0, duration: 0.15, removeOnCompletion: false)
+            }
+            
+            if let audioRecordingTimeNode = prevTextInputPanelNode.audioRecordingTimeNode {
+                audioRecordingTimeNode.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.15, removeOnCompletion: false)
+                audioRecordingTimeNode.layer.animateScale(from: 1.0, to: 0.3, duration: 0.15, removeOnCompletion: false)
+                let timePosition = audioRecordingTimeNode.position
+                audioRecordingTimeNode.layer.animatePosition(from: timePosition, to: CGPoint(x: timePosition.x - 20, y: timePosition.y), duration: 0.15, removeOnCompletion: false)
+            }
+            
+            if let audioRecordingCancelIndicator = prevTextInputPanelNode.audioRecordingCancelIndicator {
+                audioRecordingCancelIndicator.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.15, removeOnCompletion: false)
+            }
+            
+            prevTextInputPanelNode.actionButtons.micButton.animateOut(true)
+            
+            self.deleteButton.layer.animateScale(from: 0.3, to: 1.0, duration: 0.15)
+            self.deleteButton.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.15)
+            
+            self.playButton.layer.animateScale(from: 0.01, to: 1.0, duration: 0.5, delay: 0.15)
+            self.playButton.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.3, delay: 0.15)
+            
+            self.pauseButton.layer.animateScale(from: 0.01, to: 1.0, duration: 0.5, delay: 0.15)
+            self.pauseButton.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.3, delay: 0.15)
+            
+            self.durationLabel.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.4)
+            
+            self.waveformScubberNode.layer.animateScaleY(from: 0.1, to: 1.0, duration: 0.5, delay: 0.15)
+            self.waveformScubberNode.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.3, delay: 0.15)
+            
+            self.waveformBackgroundNode.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.15)
+            self.waveformBackgroundNode.layer.animateFrame(
+                from: self.sendButton.frame.insetBy(dx: 5.5, dy: 5.5),
+                to: waveformBackgroundFrame,
+                duration: 0.3,
+                delay: 0.15,
+                timingFunction: CAMediaTimingFunctionName.easeInEaseOut.rawValue,
+                removeOnCompletion: false
+            ) { [weak self, weak prevTextInputPanelNode] finished in
+                if finished, prevTextInputPanelNode?.supernode === self {
+                    prevTextInputPanelNode?.removeFromSupernode()
+                }
+            }
+        }
+        
         return panelHeight
     }
     
+    override func canHandleTransition(from prevInputPanelNode: ChatInputPanelNode?) -> Bool {
+        return prevInputPanelNode is ChatTextInputPanelNode
+    }
+    
     @objc func deletePressed() {
         self.interfaceInteraction?.deleteRecordedMedia()
     }