@100mslive/react-native-hms 1.10.7 → 1.10.8

package/android/src/main/java/com/reactnativehmssdk/HMSManager.kt

@@ -21,6 +21,7 @@ import com.facebook.react.modules.core.DeviceEventManagerModule
 import com.reactnativehmssdk.HMSManager.Companion.REACT_CLASS
 import live.hms.video.error.HMSException
 import live.hms.video.factories.noisecancellation.AvailabilityStatus
+import live.hms.video.sdk.HMSActionResultListener
 import java.util.UUID
 
 @ReactModule(name = REACT_CLASS)
@@ -1517,8 +1518,19 @@ class HMSManager(
         )
         return
       }
-    hmsSdk.setNoiseCancellationEnabled(true)
-    promise?.resolve(true)
+
+    hmsSdk.enableNoiseCancellation(
+      true,
+      object : HMSActionResultListener {
+        override fun onError(error: HMSException) {
+          promise?.reject(error.code.toString(), error.message)
+        }
+
+        override fun onSuccess() {
+          promise?.resolve(true)
+        }
+      },
+    )
   }
 
   @ReactMethod
@@ -1542,8 +1554,18 @@ class HMSManager(
         )
         return
       }
-    hmsSdk.setNoiseCancellationEnabled(false)
-    promise?.resolve(true)
+    hmsSdk.enableNoiseCancellation(
+      false,
+      object : HMSActionResultListener {
+        override fun onError(error: HMSException) {
+          promise?.reject(error.code.toString(), error.message)
+        }
+
+        override fun onSuccess() {
+          promise?.resolve(true)
+        }
+      },
+    )
   }
 
   @ReactMethod
@@ -1567,7 +1589,7 @@ class HMSManager(
         )
         return
       }
-    val isEnabled = hmsSdk.getNoiseCancellationEnabled()
+    val isEnabled = hmsSdk.isNoiseCancellationEnabled()
     promise?.resolve(isEnabled)
   }
 
@@ -1593,7 +1615,7 @@ class HMSManager(
         return
       }
 
-    val availability: AvailabilityStatus = hmsSdk.isNoiseCancellationAvailable()
+    val availability: AvailabilityStatus = hmsSdk.isNoiseCancellationSupported()
     val isAvailable =
       if (availability == AvailabilityStatus.Available) {
         true

package/ios/HMSConstants.swift

@@ -34,4 +34,5 @@ struct HMSConstants {
     static let ON_POLL_UPDATE = "ON_POLL_UPDATE"
     static let ON_WHITEBOARD_UPDATE = "ON_WHITEBOARD_UPDATE"
     static let ON_TRANSCRIPTS = "ON_TRANSCRIPTS"
+    static let ON_PIP_MODE_CHANGED = "ON_PIP_MODE_CHANGED"
 }

package/ios/HMSManager.m

@@ -393,4 +393,43 @@ RCT_EXTERN_METHOD(handleRealTimeTranscription
                   : (NSDictionary)data
                   : (RCTPromiseResolveBlock)resolve
                   : (RCTPromiseRejectBlock)reject)
+
+#pragma mark - PIP Mode Support
+
+RCT_EXTERN_METHOD(handlePipActions
+                  : (NSString)action
+                  : (NSDictionary)data
+                  : (RCTPromiseResolveBlock)resolve
+                  : (RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(setupPIP
+                  : (NSDictionary)data
+                  : (RCTPromiseResolveBlock)resolve
+                  : (RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(stopPIP
+                  : (NSDictionary)data
+                  : (RCTPromiseResolveBlock)resolve
+                  : (RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(disposePIP
+                  : (NSDictionary)data
+                  : (RCTPromiseResolveBlock)resolve
+                  : (RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(isPIPActive
+                  : (NSDictionary)data
+                  : (RCTPromiseResolveBlock)resolve
+                  : (RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(changeIOSPIPVideoTrack
+                  : (NSDictionary)data
+                  : (RCTPromiseResolveBlock)resolve
+                  : (RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(setActiveSpeakerInIOSPIP
+                  : (NSDictionary)data
+                  : (RCTPromiseResolveBlock)resolve
+                  : (RCTPromiseRejectBlock)reject)
+
 @end

package/ios/HMSManager.swift

@@ -37,7 +37,7 @@ class HMSManager: RCTEventEmitter {
     }
 
     override func supportedEvents() -> [String]! {
-        return [ON_JOIN, ON_PREVIEW, ON_ROOM_UPDATE, ON_PEER_UPDATE, ON_TRACK_UPDATE, ON_ERROR, ON_MESSAGE, ON_SPEAKER, RECONNECTING, RECONNECTED, ON_ROLE_CHANGE_REQUEST, ON_CHANGE_TRACK_STATE_REQUEST, ON_REMOVED_FROM_ROOM, ON_RTC_STATS, ON_LOCAL_AUDIO_STATS, ON_LOCAL_VIDEO_STATS, ON_REMOTE_AUDIO_STATS, ON_REMOTE_VIDEO_STATS, ON_AUDIO_DEVICE_CHANGED, HMSConstants.ON_SESSION_STORE_AVAILABLE, HMSConstants.ON_SESSION_STORE_CHANGED, HMSConstants.ON_PEER_LIST_UPDATED, HMSConstants.ON_POLL_UPDATE, HMSConstants.ON_WHITEBOARD_UPDATE, HMSConstants.ON_TRANSCRIPTS]
+        return [ON_JOIN, ON_PREVIEW, ON_ROOM_UPDATE, ON_PEER_UPDATE, ON_TRACK_UPDATE, ON_ERROR, ON_MESSAGE, ON_SPEAKER, RECONNECTING, RECONNECTED, ON_ROLE_CHANGE_REQUEST, ON_CHANGE_TRACK_STATE_REQUEST, ON_REMOVED_FROM_ROOM, ON_RTC_STATS, ON_LOCAL_AUDIO_STATS, ON_LOCAL_VIDEO_STATS, ON_REMOTE_AUDIO_STATS, ON_REMOTE_VIDEO_STATS, ON_AUDIO_DEVICE_CHANGED, HMSConstants.ON_SESSION_STORE_AVAILABLE, HMSConstants.ON_SESSION_STORE_CHANGED, HMSConstants.ON_PEER_LIST_UPDATED, HMSConstants.ON_POLL_UPDATE, HMSConstants.ON_WHITEBOARD_UPDATE, HMSConstants.ON_TRANSCRIPTS, HMSConstants.ON_PIP_MODE_CHANGED]
     }
 
     // MARK: - HMS SDK Delegate Callbacks
@@ -837,4 +837,119 @@ class HMSManager: RCTEventEmitter {
         }
         rnsdk.handleRealTimeTranscription(data, resolve, reject)
     }
+
+    // MARK: - PIP Mode Support
+
+    @objc
+    func handlePipActions(_ action: String,
+                          _ data: NSDictionary,
+                          _ resolve: RCTPromiseResolveBlock?,
+                          _ reject: RCTPromiseRejectBlock?) {
+
+        guard let rnsdk = HMSHelper.getHms(data, hmsCollection) else {
+            reject?("6004", "HMSRNSDK instance not found!", nil)
+            return
+        }
+
+        DispatchQueue.main.async { [weak self] in
+            switch action {
+            case "isPipModeSupported":
+                self?.isPipModeSupported(resolve, reject)
+            case "enterPipMode":
+                rnsdk.enterPipMode(resolve, reject)
+            case "setPictureInPictureParams":
+                if #available(iOS 15.0, *) {
+                    rnsdk.setPictureInPictureParams(data, resolve, reject)
+                } else {
+                    reject?("6004", "setPictureInPictureParams should be invoked for iOS 15 & above versions", nil)
+                }
+            default:
+                reject?("6004", "Unknown action type received", nil)
+            }
+        }
+    }
+
+    @objc
+    func stopPIP(_ data: NSDictionary,
+                 _ resolve: RCTPromiseResolveBlock?,
+                 _ reject: RCTPromiseRejectBlock?) {
+
+        guard let rnsdk = HMSHelper.getHms(data, hmsCollection) else {
+            reject?("6004", "HMSRNSDK instance not found!", nil)
+            return
+        }
+
+        DispatchQueue.main.async {
+            rnsdk.stopPIP(resolve, reject)
+        }
+    }
+
+    @objc
+    func disposePIP(_ data: NSDictionary,
+                    _ resolve: RCTPromiseResolveBlock?,
+                    _ reject: RCTPromiseRejectBlock?) {
+
+        guard let rnsdk = HMSHelper.getHms(data, hmsCollection) else {
+            reject?("6004", "HMSRNSDK instance not found!", nil)
+            return
+        }
+
+        DispatchQueue.main.async {
+            rnsdk.disposePIP(resolve, reject)
+        }
+    }
+
+    @objc
+    func isPipModeSupported(_ resolve: RCTPromiseResolveBlock?,
+                        _ reject: RCTPromiseRejectBlock?) {
+
+        resolve?(AVPictureInPictureController.isPictureInPictureSupported())
+    }
+
+    @objc
+    func isPIPActive(_ data: NSDictionary,
+                     _ resolve: RCTPromiseResolveBlock?,
+                     _ reject: RCTPromiseRejectBlock?) {
+
+        guard let rnsdk = HMSHelper.getHms(data, hmsCollection) else {
+            reject?("6004", "HMSRNSDK instance not found!", nil)
+            return
+        }
+
+        DispatchQueue.main.async {
+            rnsdk.isPIPActive(resolve, reject)
+        }
+    }
+
+    @objc
+    func changeIOSPIPVideoTrack(_ data: NSDictionary,
+                                _ resolve: RCTPromiseResolveBlock?,
+                                _ reject: RCTPromiseRejectBlock?) {
+
+        guard let rnsdk = HMSHelper.getHms(data, hmsCollection) else {
+            reject?("6004", "HMSRNSDK instance not found!", nil)
+            return
+        }
+        DispatchQueue.main.async {
+            if #available(iOS 15.0, *) {
+                rnsdk.changeIOSPIPVideoTrack(data, resolve, reject)
+            } else {
+                reject?("6004", "changeIOSPIPVideoTrack is not supported on iOS version lower than 15.0", nil)
+            }
+        }
+    }
+
+    @objc
+    func setActiveSpeakerInIOSPIP(_ data: NSDictionary,
+                                  _ resolve: RCTPromiseResolveBlock?,
+                                  _ reject: RCTPromiseRejectBlock?) {
+
+        guard let rnsdk = HMSHelper.getHms(data, hmsCollection) else {
+            reject?("6004", "HMSRNSDK instance not found!", nil)
+            return
+        }
+        DispatchQueue.main.async {
+            rnsdk.setActiveSpeakerInIOSPIP(data, resolve, reject)
+        }
+    }
 }

package/ios/HMSRNSDK.swift

@@ -8,8 +8,10 @@
 import Foundation
 import HMSSDK
 import ReplayKit
+import AVKit
+import SwiftUI
 
-class HMSRNSDK: HMSUpdateListener, HMSPreviewListener {
+class HMSRNSDK: NSObject, HMSUpdateListener, HMSPreviewListener {
 
     var hms: HMSSDK?
     var interactivity: HMSRNInteractivityCenter?
@@ -38,6 +40,7 @@ class HMSRNSDK: HMSUpdateListener, HMSPreviewListener {
 
     // MARK: - Setup
     init(data: NSDictionary?, delegate manager: HMSManager?, uid id: String) {
+        super.init()
         preferredExtension = data?.value(forKey: "preferredExtension") as? String
         self.delegate = manager
         self.id = id
@@ -1534,6 +1537,18 @@ class HMSRNSDK: HMSUpdateListener, HMSPreviewListener {
                 }
             }
         }
+        
+        if #available(iOS 15.0, *),
+            useActiveSpeakerInPIP,
+            let controller = pipController,
+            controller.isPictureInPictureActive,
+            track.kind == .video,
+            update == .trackRemoved,
+            pipModel?.track == track {
+            
+            pipModel?.text = hms?.localPeer?.name
+            pipModel?.track = nil
+        }
 
         if eventsEnableStatus[HMSConstants.ON_TRACK_UPDATE] != true {
             return
@@ -1562,6 +1577,35 @@ class HMSRNSDK: HMSUpdateListener, HMSPreviewListener {
     }
 
     func on(updated speakers: [HMSSpeaker]) {
+        
+        if #available(iOS 15.0, *),
+           useActiveSpeakerInPIP,
+           let controller = pipController,
+           controller.isPictureInPictureActive,
+           let peer = speakers.first?.peer,
+           let track = peer.videoTrack {
+            
+            if track.isMute() {
+                pipModel?.text = peer.name
+                pipModel?.track = nil
+            } else {
+                if peer.isLocal {
+                    if #available(iOS 16.0, *) {
+                        if AVCaptureSession().isMultitaskingCameraAccessSupported {
+                            pipModel?.text = nil
+                            pipModel?.track = track
+                            return
+                        }
+                    }
+                    pipModel?.text = peer.name
+                    pipModel?.track = nil
+                } else {
+                    pipModel?.text = nil
+                    pipModel?.track = track
+                }
+            }
+        }
+        
         if eventsEnableStatus[HMSConstants.ON_SPEAKER] != true {
             return
         }
@@ -2414,6 +2458,158 @@ class HMSRNSDK: HMSUpdateListener, HMSPreviewListener {
         }
     }
 
+    // MARK: - PIP Mode Support
+
+    internal var _pipVideoCallViewController: Any?
+
+    @available(iOS 15.0, *)
+    internal var pipVideoCallViewController: AVPictureInPictureVideoCallViewController? {
+        if _pipVideoCallViewController == nil {
+            _pipVideoCallViewController = AVPictureInPictureVideoCallViewController()
+        }
+        return _pipVideoCallViewController as? AVPictureInPictureVideoCallViewController
+    }
+
+    internal var _pipModel: Any?
+
+    @available(iOS 15.0, *)
+    internal var pipModel: HMSPipModel? {
+        if _pipModel == nil {
+            _pipModel = HMSPipModel()
+        }
+        return _pipModel as? HMSPipModel
+    }
+
+    internal var pipController: AVPictureInPictureController?
+
+    private var useActiveSpeakerInPIP: Bool = true
+
+    @available(iOS 15.0, *)
+    func setPictureInPictureParams(_ data: NSDictionary,
+                                   _ resolve: RCTPromiseResolveBlock?,
+                                   _ reject: RCTPromiseRejectBlock?) {
+
+        guard AVPictureInPictureController.isPictureInPictureSupported() else {
+            let errorMessage = "\(#function) PIP is not supported on this device"
+            reject?("6004", errorMessage, nil)
+            return
+        }
+
+        guard let uiView = UIApplication.shared.keyWindow?.rootViewController?.view else {
+            let errorMessage = "\(#function) Failed to setup PIP"
+            reject?("6004", errorMessage, nil)
+            return
+        }
+
+        pipModel?.pipViewEnabled = true
+
+        if let scaleType = data["scaleType"] as? String {
+            pipModel?.scaleType = getViewContentMode(scaleType)
+        } else {
+            pipModel?.scaleType = .scaleAspectFill
+        }
+
+        pipModel?.color = .black
+        pipModel?.text = hms?.localPeer?.name
+
+        let controller = UIHostingController(rootView: HMSPipView(model: pipModel!))
+
+        pipVideoCallViewController?.view.addConstrained(subview: controller.view)
+
+        if let ratio = data["aspectRatio"] as? [Int], ratio.count == 2 {
+            pipVideoCallViewController?.preferredContentSize = CGSize(width: ratio[0], height: ratio[1])
+        } else {
+            pipVideoCallViewController?.preferredContentSize = CGSize(width: uiView.frame.size.width, height: uiView.frame.size.height)
+        }
+
+        guard let pipVideoCallViewController = pipVideoCallViewController else {
+            let errorMessage = "\(#function) Failed to setup PIP"
+            reject?("6004", errorMessage, nil)
+            return
+        }
+
+        let pipContentSource = AVPictureInPictureController.ContentSource(activeVideoCallSourceView: uiView, contentViewController: pipVideoCallViewController)
+
+        pipController = AVPictureInPictureController(contentSource: pipContentSource)
+
+        pipController?.delegate = self
+
+        pipController?.canStartPictureInPictureAutomaticallyFromInline = true
+
+        if let autoEnterPIP = data["autoEnterPipMode"] as? Bool {
+            pipController?.canStartPictureInPictureAutomaticallyFromInline = autoEnterPIP
+        }
+
+        NotificationCenter.default.addObserver(forName: UIApplication.didBecomeActiveNotification,
+                                               object: nil, queue: .main) { [weak self] _ in
+            self?.stopPIP(nil, nil)
+        }
+
+        resolve?(nil)
+    }
+
+    func enterPipMode(_ resolve: RCTPromiseResolveBlock?,
+                      _ reject: RCTPromiseRejectBlock?) {
+        pipController?.startPictureInPicture()
+        resolve?(nil)
+    }
+
+    func stopPIP(_ resolve: RCTPromiseResolveBlock?,
+                 _ reject: RCTPromiseRejectBlock?) {
+        pipController?.stopPictureInPicture()
+        resolve?(nil)
+    }
+
+    func disposePIP(_ resolve: RCTPromiseResolveBlock?,
+                    _ reject: RCTPromiseRejectBlock?) {
+        pipController = nil
+        _pipModel = nil
+        _pipVideoCallViewController = nil
+        NotificationCenter.default.removeObserver(UIApplication.didBecomeActiveNotification)
+        resolve?(nil)
+    }
+
+    func isPIPActive(_ resolve: RCTPromiseResolveBlock?,
+                     _ reject: RCTPromiseRejectBlock?) {
+        if pipController != nil && pipController!.isPictureInPictureActive {
+            resolve?(true)
+        } else {
+            resolve?(false)
+        }
+    }
+
+    @available(iOS 15.0, *)
+    func changeIOSPIPVideoTrack(_ data: NSDictionary,
+                                _ resolve: RCTPromiseResolveBlock?,
+                                _ reject: RCTPromiseRejectBlock?) {
+
+        guard let trackID = data["trackId"] as? String,
+              let room = hms?.room,
+              let track = HMSUtilities.getVideoTrack(for: trackID, in: room)
+        else {
+            let errorMessage = "\(#function) Incorrect data passed for changing track in PIP Mode"
+            reject?("6004", errorMessage, nil)
+            return
+        }
+
+        useActiveSpeakerInPIP = false
+        pipModel?.track = track
+        resolve?(nil)
+    }
+
+    func setActiveSpeakerInIOSPIP(_ data: NSDictionary,
+                                  _ resolve: RCTPromiseResolveBlock?,
+                                  _ reject: RCTPromiseRejectBlock?) {
+        guard let enabled = data["enable"] as? Bool else {
+            let errorMessage = "\(#function) Incorrect data passed for setActiveSpeakerInIOSPIP in PIP Mode"
+            reject?("6004", errorMessage, nil)
+            return
+        }
+
+        useActiveSpeakerInPIP = enabled
+        resolve?(nil)
+    }
+
     // MARK: - Helper Functions
 
     // Handle resetting states and data cleanup
@@ -2514,6 +2710,19 @@ class HMSRNSDK: HMSUpdateListener, HMSPreviewListener {
     static private func getTimeStamp() -> String {
         "\(Date().timeIntervalSince1970)"
     }
+
+    private func getViewContentMode(_ type: String?) -> UIView.ContentMode {
+        switch type {
+        case "ASPECT_FILL":
+            return .scaleAspectFill
+        case "ASPECT_FIT":
+            return .scaleAspectFit
+        case "ASPECT_BALANCED":
+            return .center
+        default:
+            return .scaleAspectFill
+        }
+    }
 }
 
 extension UIImage {
@@ -2529,3 +2738,63 @@ extension UIImage {
         return normalizedImage
     }
 }
+
+extension HMSRNSDK: AVPictureInPictureControllerDelegate {
+
+    public func pictureInPictureControllerWillStartPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
+        print(#function)
+    }
+
+    public func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
+
+        if eventsEnableStatus[HMSConstants.ON_PIP_MODE_CHANGED] != true {
+            return
+        }
+
+        self.delegate?.emitEvent(HMSConstants.ON_PIP_MODE_CHANGED,
+                                 ["event": HMSConstants.ON_PIP_MODE_CHANGED,
+                                  "id": self.id,
+                                  "isInPictureInPictureMode": true])
+    }
+
+    public func pictureInPictureControllerWillStopPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
+        print(#function)
+    }
+
+    public func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController: AVPictureInPictureController) {
+        if eventsEnableStatus[HMSConstants.ON_PIP_MODE_CHANGED] != true {
+            return
+        }
+
+        self.delegate?.emitEvent(HMSConstants.ON_PIP_MODE_CHANGED,
+                                 ["event": HMSConstants.ON_PIP_MODE_CHANGED,
+                                  "id": self.id,
+                                  "isInPictureInPictureMode": false])
+    }
+
+    public func pictureInPictureController(_ pictureInPictureController: AVPictureInPictureController, failedToStartPictureInPictureWithError error: Error) {
+        if eventsEnableStatus[HMSConstants.ON_PIP_MODE_CHANGED] != true {
+            return
+        }
+
+        self.delegate?.emitEvent(HMSConstants.ON_PIP_MODE_CHANGED,
+                                 ["event": HMSConstants.ON_PIP_MODE_CHANGED,
+                                  "id": self.id,
+                                  "isInPictureInPictureMode": false])
+    }
+
+    public func pictureInPictureController(_ pictureInPictureController: AVPictureInPictureController, restoreUserInterfaceForPictureInPictureStopWithCompletionHandler completionHandler: @escaping (Bool) -> Void) {
+        print(#function)
+    }
+}
+
+extension UIView {
+    func addConstrained(subview: UIView) {
+        addSubview(subview)
+        subview.translatesAutoresizingMaskIntoConstraints = false
+        subview.topAnchor.constraint(equalTo: topAnchor).isActive = true
+        subview.leadingAnchor.constraint(equalTo: leadingAnchor).isActive = true
+        subview.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
+        subview.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
+    }
+}

package/ios/PIPMode/HMSPipModel.swift

@@ -0,0 +1,18 @@
+//
+//  HMSPipModel.swift
+//  react-native-hms
+//
+//  Created by Yogesh Singh on 21/06/24.
+//
+
+import SwiftUI
+import HMSSDK
+
+@available(iOS 15.0, *)
+class HMSPipModel: ObservableObject {
+    @Published var track: HMSVideoTrack?
+    @Published var pipViewEnabled = false
+    @Published var scaleType: UIView.ContentMode?
+    @Published var text: String?
+    @Published var color: Color = Color.black
+}

package/ios/PIPMode/HMSPipView.swift

@@ -0,0 +1,36 @@
+//
+//  HMSPipView.swift
+//  react-native-hms
+//
+//  Created by Yogesh Singh on 21/06/24.
+//
+
+import SwiftUI
+import HMSSDK
+
+@available(iOS 15.0, *)
+struct HMSPipView: View {
+
+    @ObservedObject var model: HMSPipModel
+
+    var body: some View {
+        if model.pipViewEnabled {
+            VStack {
+                if let track = model.track, !(track.isMute()) {
+                    GeometryReader { geo in
+                        HMSSampleBufferSwiftUIView(track: track,
+                                                   contentMode: .scaleAspectFill,
+                                                   preferredSize: geo.size,
+                                                   model: model)
+                            .frame(width: geo.size.width, height: geo.size.height)
+                    }
+                } else if let text = model.text {
+                    Text(text)
+                }
+            }
+            .foregroundColor(.white)
+            .frame(maxWidth: .infinity, maxHeight: .infinity)
+            .background(model.color)
+        }
+    }
+}

package/ios/PIPMode/HMSSampleBufferSwiftUIView.swift

@@ -0,0 +1,45 @@
+//
+//  HMSSampleBufferSwiftUIView.swift
+//  react-native-hms
+//
+//  Created by Yogesh Singh on 21/06/24.
+//
+
+import SwiftUI
+import HMSSDK
+
+@available(iOS 15.0, *)
+public struct HMSSampleBufferSwiftUIView: UIViewRepresentable {
+    weak var track: HMSVideoTrack?
+    var contentMode: UIView.ContentMode
+    var preferredSize: CGSize?
+
+    @ObservedObject var model: HMSPipModel
+
+    public func makeUIView(context: UIViewRepresentableContext<HMSSampleBufferSwiftUIView>) -> HMSSampleBufferDisplayView {
+
+        let sampleBufferView = HMSSampleBufferDisplayView(frame: .zero)
+        sampleBufferView.track = track
+
+        if let preferredSize = preferredSize {
+            sampleBufferView.preferredSize = preferredSize
+        }
+        sampleBufferView.contentMode = contentMode
+        sampleBufferView.isEnabled = true
+
+        return sampleBufferView
+    }
+
+    public func updateUIView(_ sampleBufferView: HMSSampleBufferDisplayView, context: UIViewRepresentableContext<HMSSampleBufferSwiftUIView>) {
+
+        if track != sampleBufferView.track {
+            sampleBufferView.track = track
+        }
+        sampleBufferView.isEnabled = model.pipViewEnabled
+    }
+
+    public static func dismantleUIView(_ uiView: HMSSampleBufferDisplayView, coordinator: ()) {
+        uiView.isEnabled = false
+        uiView.track = nil
+    }
+}

package/lib/commonjs/classes/HMSPIPConfig.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=HMSPIPConfig.js.map

package/lib/commonjs/classes/HMSPIPConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["HMSPIPConfig.ts"],"sourcesContent":["export interface HMSPIPConfig {\n  autoEnterPipMode?: boolean;\n  aspectRatio?: [number, number];\n  endButton?: boolean;\n  audioButton?: boolean;\n  videoButton?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["HMSPIPConfig.ts"],"sourcesContent":["import type { HMSVideoViewMode } from './HMSVideoViewMode';\n\nexport interface HMSPIPConfig {\n  /*\n   * Whether to automatically enter PIP mode when app enters background.\n   */\n  autoEnterPipMode?: boolean;\n\n  /*\n   * The aspect ratio of the PIP window. Default is [9, 16]. Other values can be [3, 4], [1, 1], [4, 3], [16, 9].\n   */\n  aspectRatio?: [number, number];\n\n  /*\n   * The scale type of the PIP window. Default is ASPECT_FILL. Other values can be ASPECT_FIT, ASPECT_BALANCED. iOS Only.\n   */\n  scaleType?: HMSVideoViewMode;\n\n  /*\n   * Whether to show the Active Speaker in the PIP window. Default is true. iOS only.\n   */\n  useActiveSpeaker?: boolean;\n  /*\n   * Whether to show the end button in the PIP window. Default is true. Android only.\n   */\n  endButton?: boolean;\n\n  /*\n   * Whether to show the audio mute/unmute button in the PIP window. Default is true. Android only.\n   */\n  audioButton?: boolean;\n\n  /*\n   * Whether to show the video mute/unmute button in the PIP window. Default is true. Android only.\n   */\n  videoButton?: boolean;\n}\n"],"mappings":"","ignoreList":[]}