Add story pip button

Author: Isaac

submodules/TelegramUI/Components/Stories/StoryContainerScreen/Sources/StoryItemSetContainerComponent.swift

@@ -450,6 +450,7 @@ public final class StoryItemSetContainerComponent: Component {
         var currentSoundButtonState: Bool?
         let soundButton = ComponentView<Empty>()
         var privacyIcon: ComponentView<Empty>?
+        var pictureInPictureIcon: ComponentView<Empty>?
 
         var captionItem: CaptionItem?
 
@@ -2160,6 +2161,9 @@ public final class StoryItemSetContainerComponent: Component {
                 if let closeFriendIcon = self.privacyIcon?.view {
                     closeFriendIcon.layer.animateAlpha(from: 0.0, to: closeFriendIcon.alpha, duration: 0.25)
                 }
+                if let pictureInPictureIconView = self.pictureInPictureIcon?.view {
+                    pictureInPictureIconView.layer.animateAlpha(from: 0.0, to: pictureInPictureIconView.alpha, duration: 0.25)
+                }
                 self.closeButton.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.25, completion: { _ in
                     completion()
                 })
@@ -2350,6 +2354,9 @@ public final class StoryItemSetContainerComponent: Component {
                 if let closeFriendIconView = self.privacyIcon?.view {
                     closeFriendIconView.layer.animateAlpha(from: closeFriendIconView.alpha, to: 0.0, duration: 0.25, removeOnCompletion: false)
                 }
+                if let pictureInPictureIconView = self.pictureInPictureIcon?.view {
+                    pictureInPictureIconView.layer.animateAlpha(from: pictureInPictureIconView.alpha, to: 0.0, duration: 0.25, removeOnCompletion: false)
+                }
                 if let captionView = self.captionItem?.view.view {
                     captionView.layer.animateAlpha(from: captionView.alpha, to: 0.0, duration: 0.25, removeOnCompletion: false)
                 }
@@ -4262,6 +4269,51 @@ public final class StoryItemSetContainerComponent: Component {
                 closeFriendIcon.view?.removeFromSuperview()
             }
 
+            if case .liveStream = component.slice.item.storyItem.media {
+                let pictureInPictureIcon: ComponentView<Empty>
+                var pictureInPictureIconTransition: ComponentTransition = itemChanged ? .immediate : .easeInOut(duration: 0.2)
+                if let current = self.pictureInPictureIcon {
+                    pictureInPictureIcon = current
+                } else {
+                    pictureInPictureIconTransition = .immediate
+                    pictureInPictureIcon = ComponentView()
+                    self.pictureInPictureIcon = pictureInPictureIcon
+                }
+                let pictureInPictureIconSize = pictureInPictureIcon.update(
+                    transition: pictureInPictureIconTransition,
+                    component: AnyComponent(PlainButtonComponent(
+                        content: AnyComponent(
+                            BundleIconComponent(
+                                name: "Stories/HeaderPictureInPicture",
+                                tintColor: .white
+                            )
+                        ),
+                        effectAlignment: .center,
+                        action: { [weak self] in
+                            guard let self else {
+                                return
+                            }
+                            
+                            self.beginPictureInPicture()
+                        }
+                    )),
+                    environment: {},
+                    containerSize: CGSize(width: 44.0, height: 44.0)
+                )
+                let pictureInPictureIconFrame = CGRect(origin: CGPoint(x: headerRightOffset - pictureInPictureIconSize.width, y: 20.0), size: pictureInPictureIconSize)
+                if let pictureInPictureIconView = pictureInPictureIcon.view {
+                    if pictureInPictureIconView.superview == nil {
+                        self.controlsClippingView.addSubview(pictureInPictureIconView)
+                    }
+                    
+                    pictureInPictureIconTransition.setFrame(view: pictureInPictureIconView, frame: pictureInPictureIconFrame)
+                    headerRightOffset -= 44.0
+                }
+            } else if let pictureInPictureIcon = self.pictureInPictureIcon {
+                self.pictureInPictureIcon = nil
+                pictureInPictureIcon.view?.removeFromSuperview()
+            }
+            
             let controlsContainerAlpha = (component.hideUI || self.isEditingStory || self.viewListDisplayState != .hidden) ? 0.0 : 1.0
             transition.setAlpha(view: self.controlsContainerView, alpha: controlsContainerAlpha)
             transition.setAlpha(view: self.controlsClippingView, alpha: controlsContainerAlpha)

submodules/TelegramUI/Images.xcassets/Stories/HeaderPictureInPicture.imageset/Contents.json

@@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "filename" : "pip.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}