@stream-io/video-react-native-sdk 0.1.10 → 0.1.12

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.1.12](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.1.11...@stream-io/video-react-native-sdk-0.1.12) (2023-10-20)
+
+
+### Features
+
+* **react-native:** add picture-in-picture support for Android ([#1133](https://github.com/GetStream/stream-video-js/issues/1133)) ([ad313cc](https://github.com/GetStream/stream-video-js/commit/ad313cc1abf59020936b342621669448bd03c0a8))
+
+### [0.1.11](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.1.10...@stream-io/video-react-native-sdk-0.1.11) (2023-10-19)
+
+
+### Features
+
+* **react-native:** live stream components for host and viewer ([#1135](https://github.com/GetStream/stream-video-js/issues/1135)) ([5a5f0e1](https://github.com/GetStream/stream-video-js/commit/5a5f0e10ba7c32d77c547bd3e42396a385fb9f50))
+
 ### [0.1.10](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.1.9...@stream-io/video-react-native-sdk-0.1.10) (2023-10-19)
 
 ### Dependency Updates

package/android/src/main/java/com/streamvideo/reactnative/StreamVideoReactNative.kt

@@ -3,14 +3,32 @@ package com.streamvideo.reactnative
 import com.streamvideo.reactnative.video.SimulcastVideoEncoderFactoryWrapper
 import com.streamvideo.reactnative.video.WrappedVideoDecoderFactoryProxy
 import com.oney.WebRTCModule.WebRTCModuleOptions
+import kotlin.properties.Delegates
 
 
 object StreamVideoReactNative {
 
+    var pipListeners = ArrayList<(b: Boolean) -> Unit>()
+
+    @JvmField
+    var canAutoEnterPictureInPictureMode = false
+
+    // fires off every time value of the property changes
+    private var isInPictureInPictureMode: Boolean by Delegates.observable(false) { _, _, newValue ->
+        pipListeners.forEach {listener ->
+            listener(newValue)
+        }
+    }
+
     @JvmStatic
     fun setup() {
         val options = WebRTCModuleOptions.getInstance()
         options.videoEncoderFactory = SimulcastVideoEncoderFactoryWrapper(null, true, true)
         options.videoDecoderFactory = WrappedVideoDecoderFactoryProxy()
     }
-}
+
+    @JvmStatic
+    fun onPictureInPictureModeChanged(isInPictureInPictureMode: Boolean) {
+        this.isInPictureInPictureMode = isInPictureInPictureMode
+    }
+}

package/android/src/main/java/com/streamvideo/reactnative/StreamVideoReactNativeModule.kt

@@ -1,11 +1,91 @@
 package com.streamvideo.reactnative
 
-import com.facebook.react.bridge.*
+import android.app.AppOpsManager
+import android.app.PictureInPictureParams
+import android.content.Context
+import android.content.pm.PackageManager
+import android.os.Build
+import android.os.Process
+import android.util.Rational
+import androidx.annotation.RequiresApi
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter
+import com.facebook.react.bridge.Promise;
 
 
 class StreamVideoReactNativeModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
 
     override fun getName(): String {
-        return "StreamVideoReactNative"
+        return NAME;
+    }
+
+    private var isInPictureInPictureMode = false
+
+    override fun initialize() {
+        super.initialize()
+        StreamVideoReactNative.pipListeners.add {isInPictureInPictureMode ->
+            reactApplicationContext.getJSModule(
+                RCTDeviceEventEmitter::class.java
+            ).emit(PIP_CHANGE_EVENT, isInPictureInPictureMode)
+            this.isInPictureInPictureMode = isInPictureInPictureMode
+        }
+    }
+
+    @ReactMethod
+    fun isInPiPMode(promise: Promise) {
+        promise.resolve(isInPictureInPictureMode);
+    }
+
+    @ReactMethod
+    fun addListener(eventName: String?) {
+    }
+
+    @ReactMethod
+    fun removeListeners(count: Int) {
+    }
+
+    @RequiresApi(Build.VERSION_CODES.O)
+    @ReactMethod
+    fun enterPipMode(width: Int, height: Int) {
+        if (hasPermission()) {
+            val width1 = if (width > 0) width else 480
+            val height1 = if (height > 0) height else 640
+            val ratio = Rational(width1, height1)
+            val pipBuilder = PictureInPictureParams.Builder()
+            pipBuilder.setAspectRatio(ratio)
+            reactApplicationContext!!.currentActivity!!.enterPictureInPictureMode(pipBuilder.build())
+        }
+    }
+
+    override fun onCatalystInstanceDestroy() {
+        StreamVideoReactNative.pipListeners.clear()
+        super.onCatalystInstanceDestroy()
+    }
+
+    @ReactMethod
+    fun canAutoEnterPipMode(value: Boolean) {
+        StreamVideoReactNative.canAutoEnterPictureInPictureMode = value
+    }
+
+    private fun hasPermission(): Boolean {
+        return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O && reactApplicationContext.packageManager.hasSystemFeature(PackageManager.FEATURE_PICTURE_IN_PICTURE)) {
+            val appOps =
+                reactApplicationContext.getSystemService(Context.APP_OPS_SERVICE) as AppOpsManager
+            val packageName = reactApplicationContext.packageName
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+                appOps.unsafeCheckOpNoThrow(AppOpsManager.OPSTR_PICTURE_IN_PICTURE, Process.myUid(), packageName) == AppOpsManager.MODE_ALLOWED
+            } else {
+                appOps.checkOpNoThrow(AppOpsManager.OPSTR_PICTURE_IN_PICTURE, Process.myUid(), packageName) == AppOpsManager.MODE_ALLOWED
+            }
+        } else {
+            false
+        }
+    }
+
+    companion object {
+        private const val NAME = "StreamVideoReactNative"
+        private const val PIP_CHANGE_EVENT = NAME + "_PIP_CHANGE_EVENT"
     }
 }

package/dist/commonjs/components/Call/CallContent/CallContent.js

@@ -50,13 +50,15 @@ const CallContent = _ref => {
     useRemoteParticipants,
     useLocalParticipant
   } = (0, _videoReactBindings.useCallStateHooks)();
+  (0, _hooks.useAutoEnterPiPEffect)();
   const _remoteParticipants = useRemoteParticipants();
   const remoteParticipants = (0, _hooks2.useDebouncedValue)(_remoteParticipants, 300); // we debounce the remote participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
   const localParticipant = useLocalParticipant();
+  const isInPiPMode = (0, _hooks.useIsInPiPMode)();
   const hasScreenShare = useHasOngoingScreenShare();
   const showSpotlightLayout = hasScreenShare || layout === 'spotlight';
-  const showFloatingView = !showSpotlightLayout && remoteParticipants.length > 0 && remoteParticipants.length < 3;
-  const isRemoteParticipantInFloatingView = showRemoteParticipantInFloatingView && remoteParticipants.length === 1;
+  const showFloatingView = !showSpotlightLayout && !isInPiPMode && remoteParticipants.length > 0 && remoteParticipants.length < 3;
+  const isRemoteParticipantInFloatingView = showFloatingView && showRemoteParticipantInFloatingView && remoteParticipants.length === 1;
 
   /**
    * This hook is used to handle IncallManager specs of the application.
@@ -84,8 +86,8 @@ const CallContent = _ref => {
     };
   }, []);
   const participantViewProps = {
-    ParticipantLabel,
-    ParticipantNetworkQualityIndicator,
+    ParticipantLabel: isInPiPMode ? null : ParticipantLabel,
+    ParticipantNetworkQualityIndicator: isInPiPMode ? null : ParticipantNetworkQualityIndicator,
     ParticipantReaction,
     ParticipantVideoFallback,
     VideoRenderer
@@ -109,7 +111,7 @@ const CallContent = _ref => {
     flexDirection: landscape ? 'row' : 'column'
   };
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, callContent.container, landscapeStyles]
+    style: [styles.container, landscapeStyles, callContent.container]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, callContent.callParticipantsContainer]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -118,7 +120,7 @@ const CallContent = _ref => {
     // and allows only the top and floating view (its child views) to take up the touches
     ,
     pointerEvents: "box-none"
-  }, CallTopView && /*#__PURE__*/_react.default.createElement(CallTopView, {
+  }, !isInPiPMode && CallTopView && /*#__PURE__*/_react.default.createElement(CallTopView, {
     onBackPressed: onBackPressed,
     onParticipantInfoPress: onParticipantInfoPress,
     ParticipantsInfoBadge: ParticipantsInfoBadge
@@ -126,7 +128,7 @@ const CallContent = _ref => {
     participant: isRemoteParticipantInFloatingView ? remoteParticipants[0] : localParticipant,
     onPressHandler: handleFloatingViewParticipantSwitch,
     supportedReactions: supportedReactions
-  }, participantViewProps))), showSpotlightLayout ? /*#__PURE__*/_react.default.createElement(_CallLayout.CallParticipantsSpotlight, callParticipantsSpotlightProps) : /*#__PURE__*/_react.default.createElement(_CallLayout.CallParticipantsGrid, callParticipantsGridProps)), CallControls && /*#__PURE__*/_react.default.createElement(CallControls, {
+  }, participantViewProps))), showSpotlightLayout ? /*#__PURE__*/_react.default.createElement(_CallLayout.CallParticipantsSpotlight, callParticipantsSpotlightProps) : /*#__PURE__*/_react.default.createElement(_CallLayout.CallParticipantsGrid, callParticipantsGridProps)), !isInPiPMode && CallControls && /*#__PURE__*/_react.default.createElement(CallControls, {
     onHangupCallHandler: onHangupCallHandler,
     landscape: landscape
   }));

package/dist/commonjs/components/Call/CallContent/CallContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CallTopView","_CallLayout","_CallControls","_videoReactBindings","_videoClient","_hooks","_constants","_hooks2","_Participant","_contexts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","CallContent","_ref","onBackPressed","onParticipantInfoPress","onHangupCallHandler","CallParticipantsList","CallTopView","DefaultCallTopView","CallControls","DefaultCallControls","FloatingParticipantView","DefaultFloatingParticipantView","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","ParticipantsInfoBadge","VideoRenderer","layout","landscape","supportedReactions","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","useState","theme","callContent","useTheme","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","remoteParticipants","useDebouncedValue","localParticipant","hasScreenShare","showSpotlightLayout","showFloatingView","isRemoteParticipantInFloatingView","useIncallManager","media","auto","useCall","activeCallRef","useRef","current","handleFloatingViewParticipantSwitch","prevState","useEffect","_activeCallRef$curren","state","callingState","CallingState","LEFT","_activeCallRef$curren2","leave","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","landscapeStyles","flexDirection","createElement","View","style","styles","container","callParticipantsContainer","view","topContainer","pointerEvents","participant","onPressHandler","CallParticipantsSpotlight","CallParticipantsGrid","exports","StyleSheet","create","flex","absoluteFillObject","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CallTopView","_CallLayout","_CallControls","_videoReactBindings","_videoClient","_hooks","_constants","_hooks2","_Participant","_contexts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","CallContent","_ref","onBackPressed","onParticipantInfoPress","onHangupCallHandler","CallParticipantsList","CallTopView","DefaultCallTopView","CallControls","DefaultCallControls","FloatingParticipantView","DefaultFloatingParticipantView","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","ParticipantsInfoBadge","VideoRenderer","layout","landscape","supportedReactions","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","useState","theme","callContent","useTheme","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","useCallStateHooks","useAutoEnterPiPEffect","_remoteParticipants","remoteParticipants","useDebouncedValue","localParticipant","isInPiPMode","useIsInPiPMode","hasScreenShare","showSpotlightLayout","showFloatingView","isRemoteParticipantInFloatingView","useIncallManager","media","auto","useCall","activeCallRef","useRef","current","handleFloatingViewParticipantSwitch","prevState","useEffect","_activeCallRef$curren","state","callingState","CallingState","LEFT","_activeCallRef$curren2","leave","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","landscapeStyles","flexDirection","createElement","View","style","styles","container","callParticipantsContainer","view","topContainer","pointerEvents","participant","onPressHandler","CallParticipantsSpotlight","CallParticipantsGrid","exports","StyleSheet","create","flex","absoluteFillObject","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":"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"}

package/dist/commonjs/components/Call/CallLayout/CallParticipantsGrid.js

@@ -11,6 +11,7 @@ var _useDebouncedValue = require("../../../utils/hooks/useDebouncedValue");
 var _CallParticipantsList = require("../CallParticipantsList/CallParticipantsList");
 var _TestIds = require("../../../constants/TestIds");
 var _ThemeContext = require("../../../contexts/ThemeContext");
+var _hooks = require("../../../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
@@ -53,8 +54,12 @@ const CallParticipantsGrid = _ref => {
   const landscapeStyles = {
     flexDirection: landscape ? 'row' : 'column'
   };
-  const showFloatingView = remoteParticipants.length > 0 && remoteParticipants.length < 3;
-  const participants = showFloatingView ? showLocalParticipant && localParticipant ? [localParticipant] : remoteParticipants : allParticipants;
+  const isInPiPMode = (0, _hooks.useIsInPiPMode)();
+  const showFloatingView = !isInPiPMode && remoteParticipants.length > 0 && remoteParticipants.length < 3;
+  let participants = showFloatingView ? showLocalParticipant && localParticipant ? [localParticipant] : remoteParticipants : allParticipants;
+  if (isInPiPMode) {
+    participants = remoteParticipants.length > 0 ? [remoteParticipants[0]] : localParticipant ? [localParticipant] : [];
+  }
   const participantViewProps = {
     ParticipantView,
     ParticipantLabel,

package/dist/commonjs/components/Call/CallLayout/CallParticipantsGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_useDebouncedValue","_CallParticipantsList","_TestIds","_ThemeContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CallParticipantsGrid","_ref","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","supportedReactions","landscape","theme","colors","callParticipantsGrid","useTheme","useRemoteParticipants","useParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","useDebouncedValue","allParticipants","landscapeStyles","flexDirection","showFloatingView","participants","participantViewProps","createElement","View","style","styles","container","backgroundColor","dark_gray","testID","ComponentTestIds","CALL_PARTICIPANTS_GRID","exports","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_useDebouncedValue","_CallParticipantsList","_TestIds","_ThemeContext","_hooks","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CallParticipantsGrid","_ref","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","supportedReactions","landscape","theme","colors","callParticipantsGrid","useTheme","useRemoteParticipants","useParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","useDebouncedValue","allParticipants","landscapeStyles","flexDirection","isInPiPMode","useIsInPiPMode","showFloatingView","participants","participantViewProps","createElement","View","style","styles","container","backgroundColor","dark_gray","testID","ComponentTestIds","CALL_PARTICIPANTS_GRID","exports","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":"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"}

package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js

@@ -13,6 +13,7 @@ var _TestIds = require("../../../constants/TestIds");
 var _CallParticipantsList = require("../CallParticipantsList/CallParticipantsList");
 var _Participant = require("../../Participant");
 var _ThemeContext = require("../../../contexts/ThemeContext");
+var _hooks = require("../../../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
@@ -53,6 +54,7 @@ const CallParticipantsSpotlight = _ref => {
   const [participantInSpotlight, ...otherParticipants] = allParticipants;
   const isScreenShareOnSpotlight = hasScreenShare(participantInSpotlight);
   const isUserAloneInCall = (_allParticipants === null || _allParticipants === void 0 ? void 0 : _allParticipants.length) === 1;
+  const isInPiP = (0, _hooks.useIsInPiPMode)();
   const participantViewProps = {
     ParticipantLabel,
     ParticipantNetworkQualityIndicator,
@@ -80,7 +82,7 @@ const CallParticipantsSpotlight = _ref => {
     style: isUserAloneInCall ? [styles.fullScreenSpotlightContainer, callParticipantsSpotlight.fullScreenSpotlightContainer] : [styles.spotlightContainer, spotlightContainerLandscapeStyles, callParticipantsSpotlight.spotlightContainer],
     trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack',
     supportedReactions: supportedReactions
-  }, participantViewProps)), !isUserAloneInCall && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, participantViewProps)), !isInPiP && !isUserAloneInCall && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.callParticipantsListContainer, callParticipantsSpotlight.callParticipantsListContainer]
   }, CallParticipantsList && /*#__PURE__*/_react.default.createElement(CallParticipantsList, _extends({
     participants: isScreenShareOnSpotlight ? allParticipants : otherParticipants,

package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_reactNative","_useDebouncedValue","_TestIds","_CallParticipantsList","_Participant","_ThemeContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","hasScreenShare","p","publishedTracks","includes","SfuModels","TrackType","SCREEN_SHARE","CallParticipantsSpotlight","_ref","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","DefaultParticipantView","VideoRenderer","supportedReactions","landscape","theme","colors","callParticipantsSpotlight","useTheme","useParticipants","useCallStateHooks","_allParticipants","sortBy","speakerLayoutSortPreset","allParticipants","useDebouncedValue","participantInSpotlight","otherParticipants","isScreenShareOnSpotlight","isUserAloneInCall","participantViewProps","callParticipantsListProps","landscapeStyles","flexDirection","spotlightContainerLandscapeStyles","marginHorizontal","createElement","View","testID","ComponentTestIds","CALL_PARTICIPANTS_SPOTLIGHT","style","styles","container","backgroundColor","dark_gray","participant","fullScreenSpotlightContainer","spotlightContainer","trackType","callParticipantsListContainer","participants","horizontal","numberOfColumns","exports","StyleSheet","create","flex","overflow","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_reactNative","_useDebouncedValue","_TestIds","_CallParticipantsList","_Participant","_ThemeContext","_hooks","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","hasScreenShare","p","publishedTracks","includes","SfuModels","TrackType","SCREEN_SHARE","CallParticipantsSpotlight","_ref","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","DefaultParticipantView","VideoRenderer","supportedReactions","landscape","theme","colors","callParticipantsSpotlight","useTheme","useParticipants","useCallStateHooks","_allParticipants","sortBy","speakerLayoutSortPreset","allParticipants","useDebouncedValue","participantInSpotlight","otherParticipants","isScreenShareOnSpotlight","isUserAloneInCall","isInPiP","useIsInPiPMode","participantViewProps","callParticipantsListProps","landscapeStyles","flexDirection","spotlightContainerLandscapeStyles","marginHorizontal","createElement","View","testID","ComponentTestIds","CALL_PARTICIPANTS_SPOTLIGHT","style","styles","container","backgroundColor","dark_gray","participant","fullScreenSpotlightContainer","spotlightContainer","trackType","callParticipantsListContainer","participants","horizontal","numberOfColumns","exports","StyleSheet","create","flex","overflow","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"mappings":"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"}

package/dist/commonjs/components/Livestream/HostLivestream/HostLivestream.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HostLivestream = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _hooks = require("../../../hooks");
+var _HostLivestreamTopView = require("../LivestreamTopView/HostLivestreamTopView");
+var _HostLivestreamControls = require("../LivestreamControls/HostLivestreamControls");
+var _LivestreamLayout = require("../LivestreamLayout");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the HostLivestream component.
+ */
+
+/**
+ * The HostLivestream component displays the UI for the Host's live stream.
+ */
+const HostLivestream = _ref => {
+  let {
+    HostLivestreamTopView = _HostLivestreamTopView.HostLivestreamTopView,
+    HostLivestreamControls = _HostLivestreamControls.HostLivestreamControls,
+    LivestreamLayout = _LivestreamLayout.LivestreamLayout,
+    LiveIndicator,
+    FollowerCount,
+    DurationBadge,
+    HostStartStreamButton,
+    LivestreamMediaControls,
+    onEndStreamHandler,
+    onStartStreamHandler,
+    hls = false
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      hostLivestream
+    }
+  } = (0, _contexts.useTheme)();
+
+  // Automatically route audio to speaker devices as relevant for watching videos.
+  (0, _hooks.useIncallManager)({
+    media: 'video',
+    auto: true
+  });
+  const topViewProps = {
+    LiveIndicator,
+    FollowerCount,
+    DurationBadge
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, hostLivestream.container]
+  }, HostLivestreamTopView && /*#__PURE__*/_react.default.createElement(HostLivestreamTopView, topViewProps), LivestreamLayout && /*#__PURE__*/_react.default.createElement(LivestreamLayout, null), HostLivestreamControls && /*#__PURE__*/_react.default.createElement(HostLivestreamControls, {
+    onEndStreamHandler: onEndStreamHandler,
+    onStartStreamHandler: onStartStreamHandler,
+    HostStartStreamButton: HostStartStreamButton,
+    LivestreamMediaControls: LivestreamMediaControls,
+    hls: hls
+  }));
+};
+exports.HostLivestream = HostLivestream;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=HostLivestream.js.map

package/dist/commonjs/components/Livestream/HostLivestream/HostLivestream.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_hooks","_HostLivestreamTopView","_HostLivestreamControls","_LivestreamLayout","obj","__esModule","default","HostLivestream","_ref","HostLivestreamTopView","DefaultHostLivestreamTopView","HostLivestreamControls","DefaultHostLivestreamControls","LivestreamLayout","DefaultLivestreamLayout","LiveIndicator","FollowerCount","DurationBadge","HostStartStreamButton","LivestreamMediaControls","onEndStreamHandler","onStartStreamHandler","hls","theme","colors","hostLivestream","useTheme","useIncallManager","media","auto","topViewProps","createElement","SafeAreaView","style","styles","container","backgroundColor","static_grey","exports","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/HostLivestream/HostLivestream.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AAIA,IAAAK,uBAAA,GAAAL,OAAA;AAIA,IAAAM,iBAAA,GAAAN,OAAA;AAG6B,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7B;AACA;AACA;;AAqBA;AACA;AACA;AACO,MAAMG,cAAc,GAAGC,IAAA,IAYH;EAAA,IAZI;IAC7BC,qBAAqB,GAAGC,4CAA4B;IACpDC,sBAAsB,GAAGC,8CAA6B;IACtDC,gBAAgB,GAAGC,kCAAuB;IAC1CC,aAAa;IACbC,aAAa;IACbC,aAAa;IACbC,qBAAqB;IACrBC,uBAAuB;IACvBC,kBAAkB;IAClBC,oBAAoB;IACpBC,GAAG,GAAG;EACa,CAAC,GAAAd,IAAA;EACpB,MAAM;IACJe,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAe;EAClC,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;;EAEd;EACA,IAAAC,uBAAgB,EAAC;IAAEC,KAAK,EAAE,OAAO;IAAEC,IAAI,EAAE;EAAK,CAAC,CAAC;EAEhD,MAAMC,YAAwC,GAAG;IAC/Cf,aAAa;IACbC,aAAa;IACbC;EACF,CAAC;EAED,oBACEtB,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACjC,YAAA,CAAAkC,YAAY;IACXC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEZ,MAAM,CAACa;IAC1B,CAAC,EACDZ,cAAc,CAACU,SAAS;EACxB,GAED1B,qBAAqB,iBAAId,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACtB,qBAAqB,EAAKqB,YAAe,CAAC,EACpEjB,gBAAgB,iBAAIlB,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAClB,gBAAgB,MAAE,CAAC,EACxCF,sBAAsB,iBACrBhB,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACpB,sBAAsB;IACrBS,kBAAkB,EAAEA,kBAAmB;IACvCC,oBAAoB,EAAEA,oBAAqB;IAC3CH,qBAAqB,EAAEA,qBAAsB;IAC7CC,uBAAuB,EAAEA,uBAAwB;IACjDG,GAAG,EAAEA;EAAI,CACV,CAES,CAAC;AAEnB,CAAC;AAACgB,OAAA,CAAA/B,cAAA,GAAAA,cAAA;AAEF,MAAM2B,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/dist/commonjs/components/Livestream/HostLivestream/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _HostLivestream = require("./HostLivestream");
+Object.keys(_HostLivestream).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HostLivestream[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HostLivestream[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Livestream/HostLivestream/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_HostLivestream","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/Livestream/HostLivestream/index.ts"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/commonjs/components/Livestream/LivestreamControls/HostLivestreamControls.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HostLivestreamControls = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _HostStartStreamButton = require("./HostStartStreamButton");
+var _LivestreamMediaControls = require("./LivestreamMediaControls");
+var _contexts = require("../../../contexts");
+var _constants = require("../../../constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the HostLivestreamControls component.
+ */
+
+/**
+ * The HostLivestreamControls component displays the call controls for the live stream at host's end.
+ */
+const HostLivestreamControls = _ref => {
+  let {
+    HostStartStreamButton = _HostStartStreamButton.HostStartStreamButton,
+    LivestreamMediaControls = _LivestreamMediaControls.LivestreamMediaControls,
+    onEndStreamHandler,
+    onStartStreamHandler,
+    hls = false
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      hostLivestreamControls
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_overlay
+    }, hostLivestreamControls.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.leftElement, hostLivestreamControls.leftElement]
+  }, HostStartStreamButton && /*#__PURE__*/_react.default.createElement(HostStartStreamButton, {
+    onEndStreamHandler: onEndStreamHandler,
+    onStartStreamHandler: onStartStreamHandler,
+    hls: hls
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.rightElement, hostLivestreamControls.rightElement]
+  }, LivestreamMediaControls && /*#__PURE__*/_react.default.createElement(LivestreamMediaControls, null)));
+};
+exports.HostLivestreamControls = HostLivestreamControls;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    bottom: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    paddingHorizontal: 8,
+    zIndex: _constants.Z_INDEX.IN_FRONT
+  },
+  leftElement: {
+    flex: 1,
+    alignItems: 'flex-start'
+  },
+  rightElement: {
+    flex: 1,
+    alignItems: 'flex-end'
+  }
+});
+//# sourceMappingURL=HostLivestreamControls.js.map

package/dist/commonjs/components/Livestream/LivestreamControls/HostLivestreamControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_HostStartStreamButton","_LivestreamMediaControls","_contexts","_constants","obj","__esModule","default","HostLivestreamControls","_ref","HostStartStreamButton","DefaultHostStartStreamButton","LivestreamMediaControls","DefaultLivestreamMediaControls","onEndStreamHandler","onStartStreamHandler","hls","theme","colors","hostLivestreamControls","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","rightElement","exports","StyleSheet","create","position","bottom","flexDirection","alignItems","paddingVertical","paddingHorizontal","zIndex","Z_INDEX","IN_FRONT","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/HostLivestreamControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAIA,IAAAG,wBAAA,GAAAH,OAAA;AAIA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA6C,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;;AAgBA;AACA;AACA;AACO,MAAMG,sBAAsB,GAAGC,IAAA,IAMH;EAAA,IANI;IACrCC,qBAAqB,GAAGC,4CAA4B;IACpDC,uBAAuB,GAAGC,gDAA8B;IACxDC,kBAAkB;IAClBC,oBAAoB;IACpBC,GAAG,GAAG;EACqB,CAAC,GAAAP,IAAA;EAC5B,MAAM;IACJQ,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAuB;EAC1C,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,oBACEvB,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACrB,YAAA,CAAAsB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAER,MAAM,CAACS;IAAe,CAAC,EAC1CR,sBAAsB,CAACM,SAAS;EAChC,gBAEF5B,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,WAAW,EAAET,sBAAsB,CAACS,WAAW;EAAE,GACnElB,qBAAqB,iBACpBb,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACX,qBAAqB;IACpBI,kBAAkB,EAAEA,kBAAmB;IACvCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,GAAG,EAAEA;EAAI,CACV,CAEC,CAAC,eACPnB,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACK,YAAY,EAAEV,sBAAsB,CAACU,YAAY;EAAE,GACrEjB,uBAAuB,iBAAIf,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACT,uBAAuB,MAAE,CAClD,CACF,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAAtB,sBAAA,GAAAA,sBAAA;AAEF,MAAMgB,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,MAAM,EAAEC,kBAAO,CAACC;EAClB,CAAC;EACDb,WAAW,EAAE;IACXc,IAAI,EAAE,CAAC;IACPN,UAAU,EAAE;EACd,CAAC;EACDP,YAAY,EAAE;IACZa,IAAI,EAAE,CAAC;IACPN,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}