Add ListenType enum (#293)

Also adding ui for joining as a streaming listener

example/src/screens/JoinScreen/JoinScreen.tsx

@@ -13,7 +13,7 @@ import Space from '@ui/Space';
 import Text from '@ui/Text';
 
 import styles from './JoinScreen.style';
-import { SpatialAudioStyle } from '@dolbyio/comms-sdk-react-native/models';
+import { ListenType, SpatialAudioStyle } from '@dolbyio/comms-sdk-react-native/models';
 import { View } from 'react-native';
 import { MenuOptionsButton, type Options } from '@ui/MenuOptionsButton/MenuOptionsButton';
 import ExtendedOptions from '@ui/ExtendedOptions';
@@ -36,8 +36,12 @@ const JoinScreen: FunctionComponent = () => {
     await createAndJoin(alias, { dolbyVoice: isDolbyVoice, liveRecording: isLiveRecording, spatialAudioStyle: spatialAudioStyle });
   }
 
-  const listenConference = () => {
-    listen(alias);
+  const joinAsRegularListener = () => {
+    listen(alias, ListenType.REGULAR);
+  };
+
+  const joinAsStreamingListener = () => {
+    listen(alias, ListenType.MIXED);
   };
 
   const replayLastConference = () => {
@@ -133,8 +137,14 @@ const JoinScreen: FunctionComponent = () => {
             </Space>
             <Space mt="m">
               <Button
-                text="Join as listener"
-                onPress={listenConference}
+                text="Join as regular listener"
+                onPress={joinAsRegularListener}
+              />
+            </Space>
+            <Space mt="m">
+              <Button
+                text="Join as streaming listener"
+                onPress={joinAsStreamingListener}
               />
             </Space>
             <Space mt="m">

ios/Services/Models/ListenTypeExtension.swift

@@ -0,0 +1,34 @@
+import Foundation
+import VoxeetSDK
+
+// MARK: - ReactModelValueMappable
+extension ListenType: ReactModelValueMappable {
+
+    typealias ReactModelValueType = String?
+
+    static func create(with value: String?) -> ListenType? {
+        guard let value = value else {
+            return nil
+        }
+        switch value {
+        case "MIXED":
+            return .mixed
+        case "REGULAR":
+            return .regular
+        default:
+            return nil
+        }
+    }
+
+    func toReactModelValue() -> ReactModelValueType {
+        switch self {
+        case .mixed:
+            return "MIXED"
+        case .regular:
+            return "REGULAR"
+        @unknown default:
+            return nil
+        }
+    }
+}
+

ios/Services/Models/VTListenOptionsExtension.swift

@@ -15,7 +15,8 @@ internal extension VTListenOptions {
 		listenOptions.spatialAudio = spatialAudio?.boolValue ?? false
 		let strategy: String? = dictionary.value(for: Keys.videoForwardingStrategy)
 		listenOptions.videoForwardingStrategy = VideoForwardingStrategy.fromReactModel(value: strategy)
-
+        let listenType: String? = dictionary.value(for: Keys.listenType)
+        listenOptions.type = ListenType.create(with: listenType) ?? .regular
 		return listenOptions
 	}
 }
@@ -34,5 +35,5 @@ extension VTListenOptions: ReactModelMappable {
 
 // MARK: - ReactModel Keys
 private enum Keys: String {
-	case maxVideoForwarding, conferenceAccessToken, spatialAudio, videoForwardingStrategy
+	case maxVideoForwarding, conferenceAccessToken, spatialAudio, videoForwardingStrategy, listenType
 }