@fishjam-cloud/react-native-client 0.19.0 → 0.20.0

package/android/src/main/java/io/fishjam/reactnative/RNFishjamClient.kt

@@ -392,15 +392,26 @@ class RNFishjamClient(
     localTracksSwitchListenerManager.notifySwitched()
   }
 
-  private suspend fun startMicrophone() {
-    if (!PermissionUtils.requestMicrophonePermission(appContext)) {
-      emitEvent(EmitableEvent.warning("Microphone permission not granted."))
-      return
+  suspend fun startMicrophone() {
+    // If microphone track already exist, just enable it
+    if (getLocalAudioTrack() != null) {
+      getLocalAudioTrack()?.let { setMicrophoneTrackState(it, true) }
+    } else {
+      if (!PermissionUtils.requestMicrophonePermission(appContext)) {
+        emitEvent(EmitableEvent.warning("Microphone permission not granted."))
+        return
+      }
+
+      val microphoneTrack = fishjamClient.createAudioTrack(getMicrophoneTrackMetadata(true))
+      setMicrophoneTrackState(microphoneTrack, true)
+      emitEndpoints()
     }
+  }
 
-    val microphoneTrack = fishjamClient.createAudioTrack(getMicrophoneTrackMetadata())
-    setMicrophoneTrackState(microphoneTrack, true)
-    emitEndpoints()
+  fun stopMicrophone() {
+    if (getLocalAudioTrack() != null) {
+      getLocalAudioTrack()?.let { setMicrophoneTrackState(it, false) }
+    }
   }
 
   private fun setMicrophoneTrackState(
@@ -409,25 +420,24 @@ class RNFishjamClient(
   ) {
     microphoneTrack.setEnabled(isEnabled)
     isMicrophoneOn = isEnabled
+    updateLocalAudioTrackMetadata(getMicrophoneTrackMetadata(isEnabled))
     emitEvent(EmitableEvent.isMicrophoneOn(isEnabled))
   }
 
   suspend fun toggleMicrophone(): Boolean {
-    if (getLocalAudioTrack() == null) {
-      startMicrophone()
+    if (isMicrophoneOn) {
+      stopMicrophone()
     } else {
-      getLocalAudioTrack()?.let { setMicrophoneTrackState(it, !isMicrophoneOn) }
+      startMicrophone()
     }
 
-    updateLocalAudioTrackMetadata(getMicrophoneTrackMetadata())
-
     return isMicrophoneOn
   }
 
-  private fun getMicrophoneTrackMetadata(): Map<String, Any> =
+  private fun getMicrophoneTrackMetadata(isEnabled: Boolean): Map<String, Any> =
     mapOf(
-      "active" to isMicrophoneOn,
-      "paused" to !isMicrophoneOn, // TODO: FCE-711,
+      "active" to isEnabled,
+      "paused" to !isEnabled, // TODO: FCE-711,
       "type" to "microphone"
     )
 

package/android/src/main/java/io/fishjam/reactnative/RNFishjamClientModule.kt

@@ -182,6 +182,18 @@ class RNFishjamClientModule : Module() {
         }
       }
 
+      AsyncFunction("startMicrophone") Coroutine { ->
+        withContext(Dispatchers.Main) {
+          rnFishjamClient.startMicrophone()
+        }
+      }
+
+      AsyncFunction("stopMicrophone") Coroutine { ->
+        withContext(Dispatchers.Main) {
+          rnFishjamClient.stopMicrophone()
+        }
+      }
+
       AsyncFunction("toggleCamera") Coroutine { ->
         withContext(Dispatchers.Main) {
           rnFishjamClient.toggleCamera()

package/build/components/LivestreamStreamer.d.ts

@@ -0,0 +1,19 @@
+import { StyleProp, ViewStyle } from 'react-native';
+/**
+ * Props of the LivestreamView component
+ */
+export type LivestreamStreamerProps = {
+    /**
+     * Styles of the LivestreamView component
+     */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * Renders a video player playing the livestream set up with {@link useLivestreamStreamer} hook.
+ *
+ * @category Components
+ * @param {object} props
+ * @param {object} props.style
+ */
+export declare const LivestreamStreamer: ({ style }: LivestreamStreamerProps) => import("react").JSX.Element;
+//# sourceMappingURL=LivestreamStreamer.d.ts.map

package/build/components/LivestreamStreamer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivestreamStreamer.d.ts","sourceRoot":"","sources":["../../src/components/LivestreamStreamer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,WAAW,uBAAuB,gCAEpE,CAAC"}

package/build/components/LivestreamStreamer.js

@@ -0,0 +1,10 @@
+import { WhipClientView } from 'react-native-whip-whep';
+/**
+ * Renders a video player playing the livestream set up with {@link useLivestreamStreamer} hook.
+ *
+ * @category Components
+ * @param {object} props
+ * @param {object} props.style
+ */
+export const LivestreamStreamer = ({ style }) => (<WhipClientView style={style}/>);
+//# sourceMappingURL=LivestreamStreamer.js.map

package/build/components/LivestreamStreamer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivestreamStreamer.js","sourceRoot":"","sources":["../../src/components/LivestreamStreamer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAYxD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE,CAAC,CACxE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,KAAsB,CAAC,EAAG,CAClD,CAAC","sourcesContent":["import { CSSProperties } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { WhipClientView } from 'react-native-whip-whep';\n\n/**\n * Props of the LivestreamView component\n */\nexport type LivestreamStreamerProps = {\n  /**\n   * Styles of the LivestreamView component\n   */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Renders a video player playing the livestream set up with {@link useLivestreamStreamer} hook.\n *\n * @category Components\n * @param {object} props\n * @param {object} props.style\n */\nexport const LivestreamStreamer = ({ style }: LivestreamStreamerProps) => (\n  <WhipClientView style={style as CSSProperties} />\n);\n"]}

package/build/components/{LivestreamView.d.ts → LivestreamViewer.d.ts}

@@ -1,11 +1,11 @@
 import { Ref } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { WhepClientViewRef } from 'react-native-whip-whep';
-export type LivestreamViewRef = WhepClientViewRef;
+export type LivestreamViewerRef = WhepClientViewRef;
 /**
  * Props of the LivestreamView component
  */
-export type LivestreamViewProps = {
+export type LivestreamViewerProps = {
     /**
      * Styles of the LivestreamView component
      */
@@ -38,14 +38,14 @@ export type LivestreamViewProps = {
         width: number;
         height: number;
     };
-    ref?: Ref<LivestreamViewRef>;
+    ref?: Ref<LivestreamViewerRef>;
 };
 /**
- * Renders a video player playing the livestream set up with {@link useLivestream} hook.
+ * Renders a video player playing the livestream set up with {@link useLivestreamViewer} hook.
  *
  * @category Components
  * @param {object} props
  * @param {object} props.style
  */
-export declare const LivestreamView: ({ style, orientation, pipEnabled, autoStartPip, autoStopPip, pipSize, ref, }: LivestreamViewProps) => import("react").JSX.Element;
-//# sourceMappingURL=LivestreamView.d.ts.map
+export declare const LivestreamViewer: ({ style, orientation, pipEnabled, autoStartPip, autoStopPip, pipSize, ref, }: LivestreamViewerProps) => import("react").JSX.Element;
+//# sourceMappingURL=LivestreamViewer.d.ts.map

package/build/components/LivestreamViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivestreamViewer.d.ts","sourceRoot":"","sources":["../../src/components/LivestreamViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAkB,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3E,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;CAChC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,8EAQ9B,qBAAqB,gCAUvB,CAAC"}

package/build/components/LivestreamViewer.js

@@ -0,0 +1,10 @@
+import { WhepClientView } from 'react-native-whip-whep';
+/**
+ * Renders a video player playing the livestream set up with {@link useLivestreamViewer} hook.
+ *
+ * @category Components
+ * @param {object} props
+ * @param {object} props.style
+ */
+export const LivestreamViewer = ({ style, orientation, pipEnabled, autoStartPip, autoStopPip, pipSize, ref, }) => (<WhepClientView ref={ref} style={style} orientation={orientation} pipEnabled={pipEnabled} autoStartPip={autoStartPip} autoStopPip={autoStopPip} pipSize={pipSize}/>);
+//# sourceMappingURL=LivestreamViewer.js.map

package/build/components/LivestreamViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivestreamViewer.js","sourceRoot":"","sources":["../../src/components/LivestreamViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqB,MAAM,wBAAwB,CAAC;AA4C3E;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,EACP,GAAG,GACmB,EAAE,EAAE,CAAC,CAC3B,CAAC,cAAc,CACb,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,KAAsB,CAAC,CAC9B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,EACjB,CACH,CAAC","sourcesContent":["import { CSSProperties, Ref } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { WhepClientView, WhepClientViewRef } from 'react-native-whip-whep';\n\nexport type LivestreamViewerRef = WhepClientViewRef;\n\n/**\n * Props of the LivestreamView component\n */\nexport type LivestreamViewerProps = {\n  /**\n   * Styles of the LivestreamView component\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Used to override the orientation of the video (from metadata).\n   * Defaults to \"portrait\".\n   */\n  orientation?: 'landscape' | 'portrait';\n  /**\n   * A variable deciding whether the Picture-in-Picture is enabled.\n   * Defaults to true.\n   */\n  pipEnabled?: boolean;\n  /**\n   * A variable deciding whether the Picture-in-Picture mode should be started automatically after the app is backgrounded.\n   * Defaults to false.\n   */\n  autoStartPip?: boolean;\n  /**\n   * A variable deciding whether the Picture-in-Picture mode should be stopped automatically on iOS after the app is foregrounded.\n   * Always enabled on Android as PiP is not supported in foreground.\n   * Defaults to false.\n   */\n  autoStopPip?: boolean;\n  /**\n   * A variable deciding the size of the Picture-in-Picture mode.\n   */\n  pipSize?: {\n    width: number;\n    height: number;\n  };\n\n  ref?: Ref<LivestreamViewerRef>;\n};\n\n/**\n * Renders a video player playing the livestream set up with {@link useLivestreamViewer} hook.\n *\n * @category Components\n * @param {object} props\n * @param {object} props.style\n */\nexport const LivestreamViewer = ({\n  style,\n  orientation,\n  pipEnabled,\n  autoStartPip,\n  autoStopPip,\n  pipSize,\n  ref,\n}: LivestreamViewerProps) => (\n  <WhepClientView\n    ref={ref}\n    style={style as CSSProperties}\n    orientation={orientation}\n    pipEnabled={pipEnabled}\n    autoStartPip={autoStartPip}\n    autoStopPip={autoStopPip}\n    pipSize={pipSize}\n  />\n);\n"]}

package/build/consts/index.d.ts

@@ -0,0 +1,5 @@
+export declare const FISHJAM_HTTP_CONNECT_URL = "https://fishjam.io/api/v1/connect";
+export declare const FISHJAM_WS_CONNECT_URL = "wss://fishjam.io/api/v1/connect";
+export declare const FISHJAM_WHIP_URL = "https://fishjam.io/api/v1/live/api/whip";
+export declare const FISHJAM_WHEP_URL = "https://fishjam.io/api/v1/live/api/whep";
+//# sourceMappingURL=index.d.ts.map

package/build/consts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/consts/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,sCAAoC,CAAC;AAC1E,eAAO,MAAM,sBAAsB,oCAAkC,CAAC;AAItE,eAAO,MAAM,gBAAgB,4CAAiC,CAAC;AAC/D,eAAO,MAAM,gBAAgB,4CAAiC,CAAC"}

package/build/consts/index.js

@@ -0,0 +1,8 @@
+const FISHJAM_URL_BASE = 'fishjam.io/api/v1';
+const FISHJAM_CONNECT_PATH = `${FISHJAM_URL_BASE}/connect`;
+export const FISHJAM_HTTP_CONNECT_URL = `https://${FISHJAM_CONNECT_PATH}`;
+export const FISHJAM_WS_CONNECT_URL = `wss://${FISHJAM_CONNECT_PATH}`;
+const FISHJAM_LIVE_URL = `https://${FISHJAM_URL_BASE}/live`;
+export const FISHJAM_WHIP_URL = `${FISHJAM_LIVE_URL}/api/whip`;
+export const FISHJAM_WHEP_URL = `${FISHJAM_LIVE_URL}/api/whep`;
+//# sourceMappingURL=index.js.map

package/build/consts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/consts/index.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,mBAAmB,CAAC;AAC7C,MAAM,oBAAoB,GAAG,GAAG,gBAAgB,UAAU,CAAC;AAE3D,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,oBAAoB,EAAE,CAAC;AAC1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,oBAAoB,EAAE,CAAC;AAEtE,MAAM,gBAAgB,GAAG,WAAW,gBAAgB,OAAO,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,gBAAgB,WAAW,CAAC;AAC/D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,gBAAgB,WAAW,CAAC","sourcesContent":["const FISHJAM_URL_BASE = 'fishjam.io/api/v1';\nconst FISHJAM_CONNECT_PATH = `${FISHJAM_URL_BASE}/connect`;\n\nexport const FISHJAM_HTTP_CONNECT_URL = `https://${FISHJAM_CONNECT_PATH}`;\nexport const FISHJAM_WS_CONNECT_URL = `wss://${FISHJAM_CONNECT_PATH}`;\n\nconst FISHJAM_LIVE_URL = `https://${FISHJAM_URL_BASE}/live`;\n\nexport const FISHJAM_WHIP_URL = `${FISHJAM_LIVE_URL}/api/whip`;\nexport const FISHJAM_WHEP_URL = `${FISHJAM_LIVE_URL}/api/whep`;\n"]}

package/build/hooks/useConnection.d.ts

@@ -18,10 +18,6 @@ export type ReconnectionStatus = 'idle' | 'reconnecting' | 'error';
  */
 export type PeerStatus = 'connecting' | 'connected' | 'error' | 'idle';
 export type JoinRoomConfig<PeerMetadata extends GenericMetadata = GenericMetadata> = {
-    /**
-     * Fishjam URL
-     */
-    url: string;
     /**
      * Token received from server (or Room Manager)
      */
@@ -31,10 +27,25 @@ export type JoinRoomConfig<PeerMetadata extends GenericMetadata = GenericMetadat
      */
     peerMetadata?: PeerMetadata;
     /**
-     *  Additional connection configuration
+     * Additional connection configuration
      */
     config?: ConnectionConfig;
-};
+} & ({
+    /**
+     * Fishjam ID, which is used to connect to the room.
+     * Only use in sandbox.
+     * If provided, `url` must not be set.
+     */
+    fishjamId: string;
+    url?: never;
+} | {
+    /**
+     * Fishjam URL, used to connect to the room.
+     * If provided, `fishjamId` must not be set.
+     */
+    url: string;
+    fishjamId?: never;
+});
 /**
  * Connect/leave room. And get connection status.
  * @group Hooks
@@ -46,7 +57,7 @@ export declare function useConnection(): {
      *
      * See {@link JoinRoomConfig} for parameter list
      */
-    joinRoom: <PeerMetadata extends GenericMetadata = GenericMetadata>({ url, peerToken, peerMetadata, config, }: JoinRoomConfig<PeerMetadata>) => Promise<void>;
+    joinRoom: <PeerMetadata extends GenericMetadata = GenericMetadata>({ url, peerToken, peerMetadata, config, fishjamId, }: JoinRoomConfig<PeerMetadata>) => Promise<void>;
     /**
      * Leave room and stop streaming
      * @type function

package/build/hooks/useConnection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConnection.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnection.ts"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,cAAc,GAAG,OAAO,CAAC;AAEnE;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAevE,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,eAAe,GAAG,eAAe,IACpD;IACF;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa;IAoBzB;;;;OAIG;eApBI,YAAY,SAAS,eAAe,+DAKxC,cAAc,CAAC,YAAY,CAAC;IAiB/B;;;OAGG;;;;EAKN"}
+{"version":3,"file":"useConnection.d.ts","sourceRoot":"","sources":["../../src/hooks/useConnection.ts"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,cAAc,GAAG,OAAO,CAAC;AAEnE;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAevE,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,eAAe,GAAG,eAAe,IACpD;IACF;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,GAAG,CACA;IACE;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC;CACb,GACD;IACE;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CACJ,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa;IAiCzB;;;;OAIG;eAjCI,YAAY,SAAS,eAAe,0EAMxC,cAAc,CAAC,YAAY,CAAC;IA6B/B;;;OAGG;;;;EAKN"}

package/build/hooks/useConnection.js

@@ -2,6 +2,7 @@ import { useCallback } from 'react';
 import { joinRoom as joinRoomClient, leaveRoom as leaveRoomClient, } from '../common/client';
 import RNFishjamClientModule, { ReceivableEvents, } from '../RNFishjamClientModule';
 import { useFishjamEventState } from './internal/useFishjamEventState';
+import { FISHJAM_WS_CONNECT_URL } from '../consts';
 function useConnectionStatus() {
     const peerStatus = useFishjamEventState(ReceivableEvents.PeerStatusChanged, RNFishjamClientModule.peerStatus);
     const reconnectionStatus = useFishjamEventState(ReceivableEvents.ReconnectionStatusChanged, RNFishjamClientModule.reconnectionStatus);
@@ -14,8 +15,15 @@ function useConnectionStatus() {
  */
 export function useConnection() {
     const { peerStatus, reconnectionStatus } = useConnectionStatus();
-    const joinRoom = useCallback(async ({ url, peerToken, peerMetadata, config, }) => {
-        await joinRoomClient(url, peerToken, peerMetadata, config);
+    const joinRoom = useCallback(async ({ url, peerToken, peerMetadata, config, fishjamId, }) => {
+        const connectUrl = fishjamId
+            ? `${FISHJAM_WS_CONNECT_URL}/${fishjamId}`
+            : undefined;
+        const fishjamUrl = fishjamId ? connectUrl : url;
+        if (!fishjamUrl) {
+            throw new Error('Either fishjamId or url must be provided to join the room.');
+        }
+        await joinRoomClient(fishjamUrl, peerToken, peerMetadata, config);
     }, []);
     const leaveRoom = useCallback(() => {
         leaveRoomClient();

package/build/hooks/useConnection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConnection.js","sourceRoot":"","sources":["../../src/hooks/useConnection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAEL,QAAQ,IAAI,cAAc,EAC1B,SAAS,IAAI,eAAe,GAC7B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAsBvE,SAAS,mBAAmB;IAC1B,MAAM,UAAU,GAAG,oBAAoB,CACrC,gBAAgB,CAAC,iBAAiB,EAClC,qBAAqB,CAAC,UAAU,CACjC,CAAC;IAEF,MAAM,kBAAkB,GAAG,oBAAoB,CAC7C,gBAAgB,CAAC,yBAAyB,EAC1C,qBAAqB,CAAC,kBAAkB,CACzC,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;AAC5C,CAAC;AAsBD;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEjE,MAAM,QAAQ,GAAG,WAAW,CAC1B,KAAK,EAA0D,EAC7D,GAAG,EACH,SAAS,EACT,YAAY,EACZ,MAAM,GACuB,EAAE,EAAE;QACjC,MAAM,cAAc,CAAC,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC7D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL;;;;WAIG;QACH,QAAQ;QACR;;;WAGG;QACH,SAAS;QACT,UAAU;QACV,kBAAkB;KACnB,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport {\n  ConnectionConfig,\n  joinRoom as joinRoomClient,\n  leaveRoom as leaveRoomClient,\n} from '../common/client';\n\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { useFishjamEventState } from './internal/useFishjamEventState';\nimport { GenericMetadata } from '../types';\n\n/**\n * Represents the possible statuses of a peer while reconnecting to room\n *\n * - `idle` - No reconnection in progress. See {@link PeerStatus} for more details\n * - `reconnecting` - Peer is in the process of reconnecting.\n * - `error` - There was an error in the reconnection process.\n */\nexport type ReconnectionStatus = 'idle' | 'reconnecting' | 'error';\n\n/**\n * Represents the possible statuses of a peer connection to a room (websocket state).\n *\n * - `idle` - Peer is not connected, either never connected or successfully disconnected.\n * - `connecting` - Peer is in the process of connecting.\n * - `connected` - Peer has successfully connected.\n * - `error` - There was an error in the connection process.\n */\nexport type PeerStatus = 'connecting' | 'connected' | 'error' | 'idle';\n\nfunction useConnectionStatus() {\n  const peerStatus = useFishjamEventState(\n    ReceivableEvents.PeerStatusChanged,\n    RNFishjamClientModule.peerStatus,\n  );\n\n  const reconnectionStatus = useFishjamEventState(\n    ReceivableEvents.ReconnectionStatusChanged,\n    RNFishjamClientModule.reconnectionStatus,\n  );\n\n  return { peerStatus, reconnectionStatus };\n}\nexport type JoinRoomConfig<\n  PeerMetadata extends GenericMetadata = GenericMetadata,\n> = {\n  /**\n   * Fishjam URL\n   */\n  url: string;\n  /**\n   * Token received from server (or Room Manager)\n   */\n  peerToken: string;\n  /**\n   * String indexed record with metadata, that will be available to all other peers\n   */\n  peerMetadata?: PeerMetadata;\n  /**\n   *  Additional connection configuration\n   */\n  config?: ConnectionConfig;\n};\n\n/**\n * Connect/leave room. And get connection status.\n * @group Hooks\n * @category Connection\n */\nexport function useConnection() {\n  const { peerStatus, reconnectionStatus } = useConnectionStatus();\n\n  const joinRoom = useCallback(\n    async <PeerMetadata extends GenericMetadata = GenericMetadata>({\n      url,\n      peerToken,\n      peerMetadata,\n      config,\n    }: JoinRoomConfig<PeerMetadata>) => {\n      await joinRoomClient(url, peerToken, peerMetadata, config);\n    },\n    [],\n  );\n\n  const leaveRoom = useCallback(() => {\n    leaveRoomClient();\n  }, []);\n\n  return {\n    /**\n     * Join room and start streaming camera and microphone\n     *\n     * See {@link JoinRoomConfig} for parameter list\n     */\n    joinRoom,\n    /**\n     * Leave room and stop streaming\n     * @type function\n     */\n    leaveRoom,\n    peerStatus,\n    reconnectionStatus,\n  };\n}\n"]}
+{"version":3,"file":"useConnection.js","sourceRoot":"","sources":["../../src/hooks/useConnection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAEL,QAAQ,IAAI,cAAc,EAC1B,SAAS,IAAI,eAAe,GAC7B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAqBnD,SAAS,mBAAmB;IAC1B,MAAM,UAAU,GAAG,oBAAoB,CACrC,gBAAgB,CAAC,iBAAiB,EAClC,qBAAqB,CAAC,UAAU,CACjC,CAAC;IAEF,MAAM,kBAAkB,GAAG,oBAAoB,CAC7C,gBAAgB,CAAC,yBAAyB,EAC1C,qBAAqB,CAAC,kBAAkB,CACzC,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;AAC5C,CAAC;AAoCD;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEjE,MAAM,QAAQ,GAAG,WAAW,CAC1B,KAAK,EAA0D,EAC7D,GAAG,EACH,SAAS,EACT,YAAY,EACZ,MAAM,EACN,SAAS,GACoB,EAAE,EAAE;QACjC,MAAM,UAAU,GAAG,SAAS;YAC1B,CAAC,CAAC,GAAG,sBAAsB,IAAI,SAAS,EAAE;YAC1C,CAAC,CAAC,SAAS,CAAC;QAEd,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;QAEhD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;QACJ,CAAC;QAED,MAAM,cAAc,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACpE,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL;;;;WAIG;QACH,QAAQ;QACR;;;WAGG;QACH,SAAS;QACT,UAAU;QACV,kBAAkB;KACnB,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport {\n  ConnectionConfig,\n  joinRoom as joinRoomClient,\n  leaveRoom as leaveRoomClient,\n} from '../common/client';\n\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { useFishjamEventState } from './internal/useFishjamEventState';\nimport { GenericMetadata } from '../types';\nimport { FISHJAM_WS_CONNECT_URL } from '../consts';\n\n/**\n * Represents the possible statuses of a peer while reconnecting to room\n *\n * - `idle` - No reconnection in progress. See {@link PeerStatus} for more details\n * - `reconnecting` - Peer is in the process of reconnecting.\n * - `error` - There was an error in the reconnection process.\n */\nexport type ReconnectionStatus = 'idle' | 'reconnecting' | 'error';\n\n/**\n * Represents the possible statuses of a peer connection to a room (websocket state).\n *\n * - `idle` - Peer is not connected, either never connected or successfully disconnected.\n * - `connecting` - Peer is in the process of connecting.\n * - `connected` - Peer has successfully connected.\n * - `error` - There was an error in the connection process.\n */\nexport type PeerStatus = 'connecting' | 'connected' | 'error' | 'idle';\n\nfunction useConnectionStatus() {\n  const peerStatus = useFishjamEventState(\n    ReceivableEvents.PeerStatusChanged,\n    RNFishjamClientModule.peerStatus,\n  );\n\n  const reconnectionStatus = useFishjamEventState(\n    ReceivableEvents.ReconnectionStatusChanged,\n    RNFishjamClientModule.reconnectionStatus,\n  );\n\n  return { peerStatus, reconnectionStatus };\n}\nexport type JoinRoomConfig<\n  PeerMetadata extends GenericMetadata = GenericMetadata,\n> = {\n  /**\n   * Token received from server (or Room Manager)\n   */\n  peerToken: string;\n  /**\n   * String indexed record with metadata, that will be available to all other peers\n   */\n  peerMetadata?: PeerMetadata;\n  /**\n   * Additional connection configuration\n   */\n  config?: ConnectionConfig;\n} & (\n  | {\n      /**\n       * Fishjam ID, which is used to connect to the room.\n       * Only use in sandbox.\n       * If provided, `url` must not be set.\n       */\n      fishjamId: string;\n      url?: never;\n    }\n  | {\n      /**\n       * Fishjam URL, used to connect to the room.\n       * If provided, `fishjamId` must not be set.\n       */\n      url: string;\n      fishjamId?: never;\n    }\n);\n\n/**\n * Connect/leave room. And get connection status.\n * @group Hooks\n * @category Connection\n */\nexport function useConnection() {\n  const { peerStatus, reconnectionStatus } = useConnectionStatus();\n\n  const joinRoom = useCallback(\n    async <PeerMetadata extends GenericMetadata = GenericMetadata>({\n      url,\n      peerToken,\n      peerMetadata,\n      config,\n      fishjamId,\n    }: JoinRoomConfig<PeerMetadata>) => {\n      const connectUrl = fishjamId\n        ? `${FISHJAM_WS_CONNECT_URL}/${fishjamId}`\n        : undefined;\n\n      const fishjamUrl = fishjamId ? connectUrl : url;\n\n      if (!fishjamUrl) {\n        throw new Error(\n          'Either fishjamId or url must be provided to join the room.',\n        );\n      }\n\n      await joinRoomClient(fishjamUrl, peerToken, peerMetadata, config);\n    },\n    [],\n  );\n\n  const leaveRoom = useCallback(() => {\n    leaveRoomClient();\n  }, []);\n\n  return {\n    /**\n     * Join room and start streaming camera and microphone\n     *\n     * See {@link JoinRoomConfig} for parameter list\n     */\n    joinRoom,\n    /**\n     * Leave room and stop streaming\n     * @type function\n     */\n    leaveRoom,\n    peerStatus,\n    reconnectionStatus,\n  };\n}\n"]}

package/build/hooks/useLivestreamStreamer.d.ts

@@ -0,0 +1,24 @@
+import { Camera } from 'react-native-whip-whep';
+/**
+ * @category Livestream
+ */
+export interface useLivestreamStreamerResult {
+    /**
+     * Callback used to start publishing the selected audio and video media streams.
+     *
+     * @remarks
+     * Calling {@link connect} multiple times will have the effect of only publishing the **last** specified inputs.
+     */
+    connect: (token: string, urlOverride?: string) => Promise<void>;
+    /** Callback to stop publishing anything previously published with {@link connect} */
+    disconnect: () => void;
+}
+/**
+ * Hook for publishing a livestream, which can be then received with {@link useLivestreamViewer}
+ * @category Livestream
+ * @group Hooks
+ */
+export declare const useLivestreamStreamer: ({ camera, }: {
+    camera?: Camera;
+}) => useLivestreamStreamerResult;
+//# sourceMappingURL=useLivestreamStreamer.d.ts.map

package/build/hooks/useLivestreamStreamer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLivestreamStreamer.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivestreamStreamer.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,MAAM,EACP,MAAM,wBAAwB,CAAC;AAGhC;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;;;OAKG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,qFAAqF;IACrF,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,aAEnC;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,KAAG,2BA+BH,CAAC"}

package/build/hooks/useLivestreamStreamer.js

@@ -0,0 +1,31 @@
+import { useCallback, useRef } from 'react';
+import { connectWhipClient, createWhipClient, disconnectWhipClient, cameras, } from 'react-native-whip-whep';
+import { FISHJAM_WHIP_URL } from '../consts';
+/**
+ * Hook for publishing a livestream, which can be then received with {@link useLivestreamViewer}
+ * @category Livestream
+ * @group Hooks
+ */
+export const useLivestreamStreamer = ({ camera, }) => {
+    const isWhipClientCreatedRef = useRef(false);
+    const connect = useCallback(async (token, urlOverride) => {
+        if (isWhipClientCreatedRef.current) {
+            return;
+        }
+        const resolvedUrl = urlOverride ?? FISHJAM_WHIP_URL;
+        createWhipClient(resolvedUrl, {
+            authToken: token,
+        }, camera?.id ?? cameras[0].id);
+        isWhipClientCreatedRef.current = true;
+        await connectWhipClient();
+    }, [camera]);
+    const disconnect = useCallback(() => {
+        // TODO: Remove when FCE-1786 fixed
+        if (isWhipClientCreatedRef.current) {
+            disconnectWhipClient();
+            isWhipClientCreatedRef.current = false;
+        }
+    }, []);
+    return { connect, disconnect };
+};
+//# sourceMappingURL=useLivestreamStreamer.js.map

package/build/hooks/useLivestreamStreamer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLivestreamStreamer.js","sourceRoot":"","sources":["../../src/hooks/useLivestreamStreamer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,GAER,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAiB7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,GAGP,EAA+B,EAAE;IAChC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,WAAW,CACzB,KAAK,EAAE,KAAa,EAAE,WAAoB,EAAE,EAAE;QAC5C,IAAI,sBAAsB,CAAC,OAAO,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QACD,MAAM,WAAW,GAAG,WAAW,IAAI,gBAAgB,CAAC;QACpD,gBAAgB,CACd,WAAW,EACX;YACE,SAAS,EAAE,KAAK;SACjB,EACD,MAAM,EAAE,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAC5B,CAAC;QACF,sBAAsB,CAAC,OAAO,GAAG,IAAI,CAAC;QACtC,MAAM,iBAAiB,EAAE,CAAC;IAC5B,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,mCAAmC;QACnC,IAAI,sBAAsB,CAAC,OAAO,EAAE,CAAC;YACnC,oBAAoB,EAAE,CAAC;YACvB,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC,CAAC","sourcesContent":["import { useCallback, useRef } from 'react';\nimport {\n  connectWhipClient,\n  createWhipClient,\n  disconnectWhipClient,\n  cameras,\n  Camera,\n} from 'react-native-whip-whep';\nimport { FISHJAM_WHIP_URL } from '../consts';\n\n/**\n * @category Livestream\n */\nexport interface useLivestreamStreamerResult {\n  /**\n   * Callback used to start publishing the selected audio and video media streams.\n   *\n   * @remarks\n   * Calling {@link connect} multiple times will have the effect of only publishing the **last** specified inputs.\n   */\n  connect: (token: string, urlOverride?: string) => Promise<void>;\n  /** Callback to stop publishing anything previously published with {@link connect} */\n  disconnect: () => void;\n}\n\n/**\n * Hook for publishing a livestream, which can be then received with {@link useLivestreamViewer}\n * @category Livestream\n * @group Hooks\n */\nexport const useLivestreamStreamer = ({\n  camera,\n}: {\n  camera?: Camera;\n}): useLivestreamStreamerResult => {\n  const isWhipClientCreatedRef = useRef(false);\n\n  const connect = useCallback(\n    async (token: string, urlOverride?: string) => {\n      if (isWhipClientCreatedRef.current) {\n        return;\n      }\n      const resolvedUrl = urlOverride ?? FISHJAM_WHIP_URL;\n      createWhipClient(\n        resolvedUrl,\n        {\n          authToken: token,\n        },\n        camera?.id ?? cameras[0].id,\n      );\n      isWhipClientCreatedRef.current = true;\n      await connectWhipClient();\n    },\n    [camera],\n  );\n\n  const disconnect = useCallback(() => {\n    // TODO: Remove when FCE-1786 fixed\n    if (isWhipClientCreatedRef.current) {\n      disconnectWhipClient();\n      isWhipClientCreatedRef.current = false;\n    }\n  }, []);\n\n  return { connect, disconnect };\n};\n"]}

package/build/hooks/useLivestreamViewer.d.ts

@@ -0,0 +1,27 @@
+export type ConnectViewerConfig = {
+    token: string;
+    streamId?: never;
+} | {
+    streamId: string;
+    token?: never;
+};
+/**
+ * @category Livestream
+ */
+export interface useLivestreamViewerResult {
+    /**
+     * Callback to start receiving a livestream.
+     * If the livestream is private, provide `token`.
+     * If the livestream is public, provide `streamId`.
+     */
+    connect: (config: ConnectViewerConfig, url?: string) => Promise<void>;
+    /** Disconnect from a stream previously connected to with {@link connect} */
+    disconnect: () => void;
+}
+/**
+ * Hook for receiving a published livestream.
+ * @category Livestream
+ * @group Hooks
+ */
+export declare const useLivestreamViewer: () => useLivestreamViewerResult;
+//# sourceMappingURL=useLivestreamViewer.d.ts.map

package/build/hooks/useLivestreamViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLivestreamViewer.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivestreamViewer.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,mBAAmB,GAC3B;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACnC;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAOxC;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,4EAA4E;IAC5E,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAAO,yBAsBtC,CAAC"}

package/build/hooks/useLivestreamViewer.js

@@ -0,0 +1,31 @@
+import { useCallback, useRef } from 'react';
+import { connectWhepClient, createWhepClient, disconnectWhepClient, } from 'react-native-whip-whep';
+import { FISHJAM_WHEP_URL } from '../consts';
+const urlFromConfig = (config) => {
+    if (config.streamId)
+        return `${FISHJAM_WHEP_URL}/${config.streamId}`;
+    return FISHJAM_WHEP_URL;
+};
+/**
+ * Hook for receiving a published livestream.
+ * @category Livestream
+ * @group Hooks
+ */
+export const useLivestreamViewer = () => {
+    const isWhepClientCreatedRef = useRef(false);
+    const connect = useCallback(async (config, url) => {
+        createWhepClient(url ?? urlFromConfig(config), {
+            authToken: config.token,
+        });
+        isWhepClientCreatedRef.current = true;
+        await connectWhepClient();
+    }, []);
+    const disconnect = useCallback(() => {
+        // TODO: Remove when FCE-1786 fixed
+        if (isWhepClientCreatedRef.current) {
+            disconnectWhepClient();
+        }
+    }, []);
+    return { connect, disconnect };
+};
+//# sourceMappingURL=useLivestreamViewer.js.map

package/build/hooks/useLivestreamViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLivestreamViewer.js","sourceRoot":"","sources":["../../src/hooks/useLivestreamViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAM7C,MAAM,aAAa,GAAG,CAAC,MAA2B,EAAE,EAAE;IACpD,IAAI,MAAM,CAAC,QAAQ;QAAE,OAAO,GAAG,gBAAgB,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrE,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAgBF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAA8B,EAAE;IACjE,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,WAAW,CACzB,KAAK,EAAE,MAA2B,EAAE,GAAY,EAAE,EAAE;QAClD,gBAAgB,CAAC,GAAG,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;YAC7C,SAAS,EAAE,MAAM,CAAC,KAAK;SACxB,CAAC,CAAC;QACH,sBAAsB,CAAC,OAAO,GAAG,IAAI,CAAC;QACtC,MAAM,iBAAiB,EAAE,CAAC;IAC5B,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,mCAAmC;QACnC,IAAI,sBAAsB,CAAC,OAAO,EAAE,CAAC;YACnC,oBAAoB,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC,CAAC","sourcesContent":["import { useCallback, useRef } from 'react';\nimport {\n  connectWhepClient,\n  createWhepClient,\n  disconnectWhepClient,\n} from 'react-native-whip-whep';\nimport { FISHJAM_WHEP_URL } from '../consts';\n\nexport type ConnectViewerConfig =\n  | { token: string; streamId?: never }\n  | { streamId: string; token?: never };\n\nconst urlFromConfig = (config: ConnectViewerConfig) => {\n  if (config.streamId) return `${FISHJAM_WHEP_URL}/${config.streamId}`;\n  return FISHJAM_WHEP_URL;\n};\n\n/**\n * @category Livestream\n */\nexport interface useLivestreamViewerResult {\n  /**\n   * Callback to start receiving a livestream.\n   * If the livestream is private, provide `token`.\n   * If the livestream is public, provide `streamId`.\n   */\n  connect: (config: ConnectViewerConfig, url?: string) => Promise<void>;\n  /** Disconnect from a stream previously connected to with {@link connect} */\n  disconnect: () => void;\n}\n\n/**\n * Hook for receiving a published livestream.\n * @category Livestream\n * @group Hooks\n */\nexport const useLivestreamViewer = (): useLivestreamViewerResult => {\n  const isWhepClientCreatedRef = useRef(false);\n\n  const connect = useCallback(\n    async (config: ConnectViewerConfig, url?: string) => {\n      createWhepClient(url ?? urlFromConfig(config), {\n        authToken: config.token,\n      });\n      isWhepClientCreatedRef.current = true;\n      await connectWhepClient();\n    },\n    [],\n  );\n\n  const disconnect = useCallback(() => {\n    // TODO: Remove when FCE-1786 fixed\n    if (isWhepClientCreatedRef.current) {\n      disconnectWhepClient();\n    }\n  }, []);\n\n  return { connect, disconnect };\n};\n"]}

package/build/hooks/useMicrophone.d.ts

@@ -4,9 +4,13 @@
  * @group Hooks
  */
 export declare function useMicrophone(): {
-    /** Informs if microphone is streaming audio */
+    /** Informs if microphone audio track is active */
     isMicrophoneOn: boolean;
-    /** Function to toggle microphone on/off */
+    /** Toggles microphone on/off based on the value of `isMicrophoneOn` */
     toggleMicrophone: () => Promise<void>;
+    /** Starts microphone and requests permission if needed */
+    startMicrophone: () => Promise<void>;
+    /** Stops microphone (mutes the track without removing it) */
+    stopMicrophone: () => Promise<void>;
 };
 //# sourceMappingURL=useMicrophone.d.ts.map

package/build/hooks/useMicrophone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMicrophone.d.ts","sourceRoot":"","sources":["../../src/hooks/useMicrophone.ts"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,wBAAgB,aAAa;IAWzB,+CAA+C;;IAE/C,2CAA2C;;EAG9C"}
+{"version":3,"file":"useMicrophone.d.ts","sourceRoot":"","sources":["../../src/hooks/useMicrophone.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,aAAa;IAmBzB,kDAAkD;;IAElD,uEAAuE;;IAEvE,0DAA0D;;IAE1D,6DAA6D;;EAGhE"}

package/build/hooks/useMicrophone.js

@@ -11,11 +11,21 @@ export function useMicrophone() {
     const toggleMicrophone = useCallback(async () => {
         await RNFishjamClientModule.toggleMicrophone();
     }, []);
+    const startMicrophone = useCallback(async () => {
+        await RNFishjamClientModule.startMicrophone();
+    }, []);
+    const stopMicrophone = useCallback(async () => {
+        await RNFishjamClientModule.stopMicrophone();
+    }, []);
     return {
-        /** Informs if microphone is streaming audio */
+        /** Informs if microphone audio track is active */
         isMicrophoneOn,
-        /** Function to toggle microphone on/off */
+        /** Toggles microphone on/off based on the value of `isMicrophoneOn` */
         toggleMicrophone,
+        /** Starts microphone and requests permission if needed */
+        startMicrophone,
+        /** Stops microphone (mutes the track without removing it) */
+        stopMicrophone,
     };
 }
 //# sourceMappingURL=useMicrophone.js.map

package/build/hooks/useMicrophone.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMicrophone.js","sourceRoot":"","sources":["../../src/hooks/useMicrophone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,cAAc,GAAG,oBAAoB,CACzC,gBAAgB,CAAC,cAAc,EAC/B,qBAAqB,CAAC,cAAc,CACrC,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC9C,MAAM,qBAAqB,CAAC,gBAAgB,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,+CAA+C;QAC/C,cAAc;QACd,2CAA2C;QAC3C,gBAAgB;KACjB,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback } from 'react';\n\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { useFishjamEventState } from './internal/useFishjamEventState';\n\n/**\n * This hook can toggle microphone on/off and provides current microphone state.\n * @category Devices\n * @group Hooks\n */\nexport function useMicrophone() {\n  const isMicrophoneOn = useFishjamEventState(\n    ReceivableEvents.IsMicrophoneOn,\n    RNFishjamClientModule.isMicrophoneOn,\n  );\n\n  const toggleMicrophone = useCallback(async () => {\n    await RNFishjamClientModule.toggleMicrophone();\n  }, []);\n\n  return {\n    /** Informs if microphone is streaming audio */\n    isMicrophoneOn,\n    /** Function to toggle microphone on/off */\n    toggleMicrophone,\n  };\n}\n"]}
+{"version":3,"file":"useMicrophone.js","sourceRoot":"","sources":["../../src/hooks/useMicrophone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,cAAc,GAAG,oBAAoB,CACzC,gBAAgB,CAAC,cAAc,EAC/B,qBAAqB,CAAC,cAAc,CACrC,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC9C,MAAM,qBAAqB,CAAC,gBAAgB,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC7C,MAAM,qBAAqB,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC5C,MAAM,qBAAqB,CAAC,cAAc,EAAE,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,kDAAkD;QAClD,cAAc;QACd,uEAAuE;QACvE,gBAAgB;QAChB,0DAA0D;QAC1D,eAAe;QACf,6DAA6D;QAC7D,cAAc;KACf,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { useFishjamEventState } from './internal/useFishjamEventState';\n\n/**\n * This hook can toggle microphone on/off and provides current microphone state.\n * @category Devices\n * @group Hooks\n */\nexport function useMicrophone() {\n  const isMicrophoneOn = useFishjamEventState(\n    ReceivableEvents.IsMicrophoneOn,\n    RNFishjamClientModule.isMicrophoneOn,\n  );\n\n  const toggleMicrophone = useCallback(async () => {\n    await RNFishjamClientModule.toggleMicrophone();\n  }, []);\n\n  const startMicrophone = useCallback(async () => {\n    await RNFishjamClientModule.startMicrophone();\n  }, []);\n\n  const stopMicrophone = useCallback(async () => {\n    await RNFishjamClientModule.stopMicrophone();\n  }, []);\n\n  return {\n    /** Informs if microphone audio track is active */\n    isMicrophoneOn,\n    /** Toggles microphone on/off based on the value of `isMicrophoneOn` */\n    toggleMicrophone,\n    /** Starts microphone and requests permission if needed */\n    startMicrophone,\n    /** Stops microphone (mutes the track without removing it) */\n    stopMicrophone,\n  };\n}\n"]}

package/build/hooks/useSandbox.d.ts

@@ -0,0 +1,20 @@
+import { RoomType } from '../types';
+export type UseSandboxProps = {
+    fishjamId: string;
+    fishjamUrl?: never;
+} | {
+    fishjamId?: never;
+    fishjamUrl: string;
+};
+export declare const useSandbox: ({ fishjamId, fishjamUrl }: UseSandboxProps) => {
+    getSandboxPeerToken: (roomName: string, peerName: string, roomType?: RoomType) => Promise<string>;
+    getSandboxViewerToken: (roomName: string) => Promise<string>;
+    getSandboxLivestream: (roomName: string, isPublic?: boolean) => Promise<{
+        streamerToken: string;
+        room: {
+            id: string;
+            name: string;
+        };
+    }>;
+};
+//# sourceMappingURL=useSandbox.d.ts.map

package/build/hooks/useSandbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSandbox.d.ts","sourceRoot":"","sources":["../../src/hooks/useSandbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAUpC,MAAM,MAAM,eAAe,GACvB;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,GACzC;IAAE,SAAS,CAAC,EAAE,KAAK,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,eAAO,MAAM,UAAU,GAAI,2BAA2B,eAAe;oCAMvD,MAAM,YACN,MAAM,aACN,QAAQ;sCA0B2B,MAAM;qCAwBzC,MAAM,aACN,OAAO;uBAiBA,MAAM;cACf;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE;;CASvC,CAAC"}

package/build/hooks/useSandbox.js

@@ -0,0 +1,56 @@
+import { FISHJAM_HTTP_CONNECT_URL } from '../consts';
+export const useSandbox = ({ fishjamId, fishjamUrl }) => {
+    const managerUrl = fishjamUrl
+        ? `${fishjamUrl}/room-manager`
+        : `${FISHJAM_HTTP_CONNECT_URL}/${fishjamId}/room-manager`;
+    const getSandboxPeerToken = async (roomName, peerName, roomType = 'conference') => {
+        try {
+            const url = new URL(managerUrl);
+            url.searchParams.set('roomName', roomName);
+            url.searchParams.set('peerName', peerName);
+            url.searchParams.set('roomType', roomType);
+            const res = await fetch(url.toString());
+            if (!res.ok) {
+                throw new Error(`Room '${roomName}' or peer '${peerName}' does not exist or cannot retrieve peer token.`);
+            }
+            const data = await res.json();
+            return data.peerToken;
+        }
+        catch (error) {
+            throw new Error(`Failed to get peer token for room '${roomName}', peer '${peerName}': ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const getSandboxViewerToken = async (roomName) => {
+        try {
+            const url = new URL(`${managerUrl}/${roomName}/livestream-viewer-token`);
+            const res = await fetch(url);
+            if (!res.ok) {
+                throw new Error(`Room '${roomName}' does not exist or cannot retrieve viewer token.`);
+            }
+            const data = await res.json();
+            return data.token;
+        }
+        catch (error) {
+            throw new Error(`Failed to get viewer token for room '${roomName}': ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const getSandboxLivestream = async (roomName, isPublic = false) => {
+        const url = new URL(`${managerUrl}/livestream`);
+        url.searchParams.set('roomName', roomName);
+        url.searchParams.set('public', isPublic.toString());
+        console.log({ sanurl: url.toString() });
+        const res = await fetch(url);
+        if (!res.ok) {
+            console.log(await res.json());
+            throw new Error(`Failed to retrieve streamer token for '${roomName}' livestream room.`);
+        }
+        const data = await res.json();
+        return data;
+    };
+    return {
+        getSandboxPeerToken,
+        getSandboxViewerToken,
+        getSandboxLivestream,
+    };
+};
+//# sourceMappingURL=useSandbox.js.map

package/build/hooks/useSandbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSandbox.js","sourceRoot":"","sources":["../../src/hooks/useSandbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { FISHJAM_HTTP_CONNECT_URL } from '../consts';\nimport { RoomType } from '../types';\n\ntype BasicInfo = { id: string; name: string };\ntype RoomManagerResponse = {\n  peerToken: string;\n  url: string;\n  room: BasicInfo;\n  peer: BasicInfo;\n};\n\nexport type UseSandboxProps =\n  | { fishjamId: string; fishjamUrl?: never }\n  | { fishjamId?: never; fishjamUrl: string };\n\nexport const useSandbox = ({ fishjamId, fishjamUrl }: UseSandboxProps) => {\n  const managerUrl = fishjamUrl\n    ? `${fishjamUrl}/room-manager`\n    : `${FISHJAM_HTTP_CONNECT_URL}/${fishjamId}/room-manager`;\n\n  const getSandboxPeerToken = async (\n    roomName: string,\n    peerName: string,\n    roomType: RoomType = 'conference',\n  ) => {\n    try {\n      const url = new URL(managerUrl);\n      url.searchParams.set('roomName', roomName);\n      url.searchParams.set('peerName', peerName);\n      url.searchParams.set('roomType', roomType);\n\n      const res = await fetch(url.toString());\n\n      if (!res.ok) {\n        throw new Error(\n          `Room '${roomName}' or peer '${peerName}' does not exist or cannot retrieve peer token.`,\n        );\n      }\n      const data: RoomManagerResponse = await res.json();\n      return data.peerToken;\n    } catch (error) {\n      throw new Error(\n        `Failed to get peer token for room '${roomName}', peer '${peerName}': ${\n          error instanceof Error ? error.message : String(error)\n        }`,\n      );\n    }\n  };\n\n  const getSandboxViewerToken = async (roomName: string) => {\n    try {\n      const url = new URL(`${managerUrl}/${roomName}/livestream-viewer-token`);\n      const res = await fetch(url);\n\n      if (!res.ok) {\n        throw new Error(\n          `Room '${roomName}' does not exist or cannot retrieve viewer token.`,\n        );\n      }\n\n      const data: { token: string } = await res.json();\n\n      return data.token;\n    } catch (error) {\n      throw new Error(\n        `Failed to get viewer token for room '${roomName}': ${\n          error instanceof Error ? error.message : String(error)\n        }`,\n      );\n    }\n  };\n\n  const getSandboxLivestream = async (\n    roomName: string,\n    isPublic: boolean = false,\n  ) => {\n    const url = new URL(`${managerUrl}/livestream`);\n    url.searchParams.set('roomName', roomName);\n    url.searchParams.set('public', isPublic.toString());\n\n    console.log({ sanurl: url.toString() });\n    const res = await fetch(url);\n    if (!res.ok) {\n      console.log(await res.json());\n      throw new Error(\n        `Failed to retrieve streamer token for '${roomName}' livestream room.`,\n      );\n    }\n\n    const data = await res.json();\n    return data as {\n      streamerToken: string;\n      room: { id: string; name: string };\n    };\n  };\n\n  return {\n    getSandboxPeerToken,\n    getSandboxViewerToken,\n    getSandboxLivestream,\n  };\n};\n"]}

package/build/index.d.ts

@@ -1,4 +1,4 @@
-export type { SimulcastConfig, VideoLayout, GenericMetadata, TrackMetadata, Brand, } from './types';
+export type { SimulcastConfig, VideoLayout, GenericMetadata, TrackMetadata, Brand, RoomType, } from './types';
 export type { ConnectionConfig } from './common/client';
 export { updatePeerMetadata } from './common/metadata';
 export { 
@@ -8,10 +8,11 @@ joinRoom,
 leaveRoom, } from './common/client';
 export type { VideoPreviewViewProps } from './components/VideoPreviewView';
 export type { VideoRendererProps } from './components/VideoRendererView';
-export type { LivestreamViewProps, LivestreamViewRef, } from './components/LivestreamView';
+export type { LivestreamViewerProps, LivestreamViewerRef, } from './components/LivestreamViewer';
 export { VideoPreviewView } from './components/VideoPreviewView';
 export { VideoRendererView } from './components/VideoRendererView';
-export { LivestreamView } from './components/LivestreamView';
+export { LivestreamViewer } from './components/LivestreamViewer';
+export { LivestreamStreamer } from './components/LivestreamStreamer';
 export type { Peer, PeerId, Track, TrackId, TrackType, VadStatus, EncodingReason, TrackBase, AudioTrack, VideoTrack, UsePeersResult, PeerWithTracks, PeerTrackMetadata, DistinguishedTracks, } from './hooks/usePeers';
 export type { AudioOutputDevice, AudioOutputDeviceType, AudioSessionMode, } from './hooks/useAudioSettings';
 export type { CameraId, Camera, CameraConfig, VideoQuality, CameraFacingDirection, CameraConfigBase, } from './hooks/useCamera';
@@ -19,7 +20,11 @@ export type { ScreenShareOptions, ScreenShareQuality, } from './hooks/useScreenS
 export type { ForegroundServiceConfig } from './hooks/useForegroundService';
 export type { JoinRoomConfig, ReconnectionStatus, PeerStatus, } from './hooks/useConnection';
 export type { AppScreenShareData } from './hooks/useAppScreenShare';
-export type { UseLivestreamResult } from './hooks/useLivestream';
+export type { useLivestreamViewerResult } from './hooks/useLivestreamViewer';
+export type { useLivestreamStreamerResult } from './hooks/useLivestreamStreamer';
+export type { UseSandboxProps } from './hooks/useSandbox';
+export type { LivestreamStreamerProps } from './components/LivestreamStreamer';
+export type { ConnectViewerConfig } from './hooks/useLivestreamViewer';
 export { useAudioSettings } from './hooks/useAudioSettings';
 export { useBandwidthEstimation } from './hooks/useBandwidthEstimation';
 export { useCamera } from './hooks/useCamera';
@@ -32,7 +37,10 @@ export { usePeers } from './hooks/usePeers';
 export { useForegroundService } from './hooks/useForegroundService';
 export { useConnection } from './hooks/useConnection';
 export { useUpdatePeerMetadata } from './hooks/useUpdatePeerMetadata';
-export { useLivestream } from './hooks/useLivestream';
+export { useLivestreamViewer } from './hooks/useLivestreamViewer';
+export { useLivestreamStreamer } from './hooks/useLivestreamStreamer';
+export { useSandbox } from './hooks/useSandbox';
+export { cameras } from 'react-native-whip-whep';
 export { useCameraPermissions, useMicrophonePermissions, } from './hooks/usePermissions';
 export type { FishjamRoomProps } from './components/FishjamRoom';
 export { FishjamRoom } from './components/FishjamRoom';

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,YAAY,EACV,eAAe,EACf,WAAW,EACX,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO;AACL,kBAAkB;AAClB,QAAQ;AACR,kBAAkB;AAClB,SAAS,GACV,MAAM,iBAAiB,CAAC;AAIzB,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,YAAY,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,YAAY,EACV,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAI7D,YAAY,EACV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAElC,YAAY,EACV,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACV,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/build/index.js

@@ -9,7 +9,8 @@ joinRoom,
 leaveRoom, } from './common/client';
 export { VideoPreviewView } from './components/VideoPreviewView';
 export { VideoRendererView } from './components/VideoRendererView';
-export { LivestreamView } from './components/LivestreamView';
+export { LivestreamViewer } from './components/LivestreamViewer';
+export { LivestreamStreamer } from './components/LivestreamStreamer';
 // #endregion
 // #region hooks
 export { useAudioSettings } from './hooks/useAudioSettings';
@@ -24,7 +25,10 @@ export { usePeers } from './hooks/usePeers';
 export { useForegroundService } from './hooks/useForegroundService';
 export { useConnection } from './hooks/useConnection';
 export { useUpdatePeerMetadata } from './hooks/useUpdatePeerMetadata';
-export { useLivestream } from './hooks/useLivestream';
+export { useLivestreamViewer } from './hooks/useLivestreamViewer';
+export { useLivestreamStreamer } from './hooks/useLivestreamStreamer';
+export { useSandbox } from './hooks/useSandbox';
+export { cameras } from 'react-native-whip-whep';
 // #endregion
 export { useCameraPermissions, useMicrophonePermissions, } from './hooks/usePermissions';
 export { FishjamRoom } from './components/FishjamRoom';

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAWlE,aAAa;AAEb,kBAAkB;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO;AACL,kBAAkB;AAClB,QAAQ;AACR,kBAAkB;AAClB,SAAS,GACV,MAAM,iBAAiB,CAAC;AAWzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAgD7D,aAAa;AAEb,gBAAgB;AAChB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,aAAa;AAEb,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,yBAAyB,EAAE,CAAC","sourcesContent":["import { initializeWarningListener } from './utils/errorListener';\n\n// #region types\nexport type {\n  SimulcastConfig,\n  VideoLayout,\n  GenericMetadata,\n  TrackMetadata,\n  Brand,\n} from './types';\nexport type { ConnectionConfig } from './common/client';\n// #endregion\n\n// #region methods\nexport { updatePeerMetadata } from './common/metadata';\nexport {\n  /** @deprecated */\n  joinRoom,\n  /** @deprecated */\n  leaveRoom,\n} from './common/client';\n// #endregion\n\n// #region components\nexport type { VideoPreviewViewProps } from './components/VideoPreviewView';\nexport type { VideoRendererProps } from './components/VideoRendererView';\nexport type {\n  LivestreamViewProps,\n  LivestreamViewRef,\n} from './components/LivestreamView';\n\nexport { VideoPreviewView } from './components/VideoPreviewView';\nexport { VideoRendererView } from './components/VideoRendererView';\nexport { LivestreamView } from './components/LivestreamView';\n// #endregion\n\n// #region types for hooks\nexport type {\n  Peer,\n  PeerId,\n  Track,\n  TrackId,\n  TrackType,\n  VadStatus,\n  EncodingReason,\n  TrackBase,\n  AudioTrack,\n  VideoTrack,\n  UsePeersResult,\n  PeerWithTracks,\n  PeerTrackMetadata,\n  DistinguishedTracks,\n} from './hooks/usePeers';\n\nexport type {\n  AudioOutputDevice,\n  AudioOutputDeviceType,\n  AudioSessionMode,\n} from './hooks/useAudioSettings';\n\nexport type {\n  CameraId,\n  Camera,\n  CameraConfig,\n  VideoQuality,\n  CameraFacingDirection,\n  CameraConfigBase,\n} from './hooks/useCamera';\n\nexport type {\n  ScreenShareOptions,\n  ScreenShareQuality,\n} from './hooks/useScreenShare';\nexport type { ForegroundServiceConfig } from './hooks/useForegroundService';\nexport type {\n  JoinRoomConfig,\n  ReconnectionStatus,\n  PeerStatus,\n} from './hooks/useConnection';\nexport type { AppScreenShareData } from './hooks/useAppScreenShare';\nexport type { UseLivestreamResult } from './hooks/useLivestream';\n// #endregion\n\n// #region hooks\nexport { useAudioSettings } from './hooks/useAudioSettings';\nexport { useBandwidthEstimation } from './hooks/useBandwidthEstimation';\nexport { useCamera } from './hooks/useCamera';\nexport { useMicrophone } from './hooks/useMicrophone';\nexport { useScreenShare } from './hooks/useScreenShare';\nexport { useAppScreenShare } from './hooks/useAppScreenShare';\nexport { useReconnection } from './hooks/useReconnection';\nexport { usePeerStatus } from './hooks/usePeerStatus';\nexport { usePeers } from './hooks/usePeers';\nexport { useForegroundService } from './hooks/useForegroundService';\nexport { useConnection } from './hooks/useConnection';\nexport { useUpdatePeerMetadata } from './hooks/useUpdatePeerMetadata';\nexport { useLivestream } from './hooks/useLivestream';\n// #endregion\n\nexport {\n  useCameraPermissions,\n  useMicrophonePermissions,\n} from './hooks/usePermissions';\n\nexport type { FishjamRoomProps } from './components/FishjamRoom';\nexport { FishjamRoom } from './components/FishjamRoom';\n\ninitializeWarningListener();\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAYlE,aAAa;AAEb,kBAAkB;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO;AACL,kBAAkB;AAClB,QAAQ;AACR,kBAAkB;AAClB,SAAS,GACV,MAAM,iBAAiB,CAAC;AAWzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAoDrE,aAAa;AAEb,gBAAgB;AAChB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,aAAa;AAEb,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,yBAAyB,EAAE,CAAC","sourcesContent":["import { initializeWarningListener } from './utils/errorListener';\n\n// #region types\nexport type {\n  SimulcastConfig,\n  VideoLayout,\n  GenericMetadata,\n  TrackMetadata,\n  Brand,\n  RoomType,\n} from './types';\nexport type { ConnectionConfig } from './common/client';\n// #endregion\n\n// #region methods\nexport { updatePeerMetadata } from './common/metadata';\nexport {\n  /** @deprecated */\n  joinRoom,\n  /** @deprecated */\n  leaveRoom,\n} from './common/client';\n// #endregion\n\n// #region components\nexport type { VideoPreviewViewProps } from './components/VideoPreviewView';\nexport type { VideoRendererProps } from './components/VideoRendererView';\nexport type {\n  LivestreamViewerProps,\n  LivestreamViewerRef,\n} from './components/LivestreamViewer';\n\nexport { VideoPreviewView } from './components/VideoPreviewView';\nexport { VideoRendererView } from './components/VideoRendererView';\nexport { LivestreamViewer } from './components/LivestreamViewer';\nexport { LivestreamStreamer } from './components/LivestreamStreamer';\n// #endregion\n\n// #region types for hooks\nexport type {\n  Peer,\n  PeerId,\n  Track,\n  TrackId,\n  TrackType,\n  VadStatus,\n  EncodingReason,\n  TrackBase,\n  AudioTrack,\n  VideoTrack,\n  UsePeersResult,\n  PeerWithTracks,\n  PeerTrackMetadata,\n  DistinguishedTracks,\n} from './hooks/usePeers';\n\nexport type {\n  AudioOutputDevice,\n  AudioOutputDeviceType,\n  AudioSessionMode,\n} from './hooks/useAudioSettings';\n\nexport type {\n  CameraId,\n  Camera,\n  CameraConfig,\n  VideoQuality,\n  CameraFacingDirection,\n  CameraConfigBase,\n} from './hooks/useCamera';\n\nexport type {\n  ScreenShareOptions,\n  ScreenShareQuality,\n} from './hooks/useScreenShare';\nexport type { ForegroundServiceConfig } from './hooks/useForegroundService';\nexport type {\n  JoinRoomConfig,\n  ReconnectionStatus,\n  PeerStatus,\n} from './hooks/useConnection';\nexport type { AppScreenShareData } from './hooks/useAppScreenShare';\nexport type { useLivestreamViewerResult } from './hooks/useLivestreamViewer';\nexport type { useLivestreamStreamerResult } from './hooks/useLivestreamStreamer';\nexport type { UseSandboxProps } from './hooks/useSandbox';\nexport type { LivestreamStreamerProps } from './components/LivestreamStreamer';\nexport type { ConnectViewerConfig } from './hooks/useLivestreamViewer';\n// #endregion\n\n// #region hooks\nexport { useAudioSettings } from './hooks/useAudioSettings';\nexport { useBandwidthEstimation } from './hooks/useBandwidthEstimation';\nexport { useCamera } from './hooks/useCamera';\nexport { useMicrophone } from './hooks/useMicrophone';\nexport { useScreenShare } from './hooks/useScreenShare';\nexport { useAppScreenShare } from './hooks/useAppScreenShare';\nexport { useReconnection } from './hooks/useReconnection';\nexport { usePeerStatus } from './hooks/usePeerStatus';\nexport { usePeers } from './hooks/usePeers';\nexport { useForegroundService } from './hooks/useForegroundService';\nexport { useConnection } from './hooks/useConnection';\nexport { useUpdatePeerMetadata } from './hooks/useUpdatePeerMetadata';\nexport { useLivestreamViewer } from './hooks/useLivestreamViewer';\nexport { useLivestreamStreamer } from './hooks/useLivestreamStreamer';\nexport { useSandbox } from './hooks/useSandbox';\nexport { cameras } from 'react-native-whip-whep';\n// #endregion\n\nexport {\n  useCameraPermissions,\n  useMicrophonePermissions,\n} from './hooks/usePermissions';\n\nexport type { FishjamRoomProps } from './components/FishjamRoom';\nexport { FishjamRoom } from './components/FishjamRoom';\n\ninitializeWarningListener();\n"]}

package/build/types.d.ts

@@ -29,5 +29,6 @@ declare const brand: unique symbol;
 export type Brand<T, TBrand extends string> = T & {
     [brand]: TBrand;
 };
+export type RoomType = 'conference' | 'audio-only' | 'livestream';
 export {};
 //# sourceMappingURL=types.d.ts.map

package/build/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAGtD,OAAO,CAAC,MAAM,KAAK,EAAE,OAAO,MAAM,CAAC;AACnC;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,IAAI,CAAC,GAAG;IAAE,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAGtD,OAAO,CAAC,MAAM,KAAK,EAAE,OAAO,MAAM,CAAC;AACnC;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,IAAI,CAAC,GAAG;IAAE,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC"}

package/build/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * `FILL` or `FIT` - it works just like RN Image component. `FILL` fills the whole view\n * with video and it may cut some parts of the video. `FIT` scales the video so the whole\n * video is visible, but it may leave some empty space in the view.\n */\nexport type VideoLayout = 'FILL' | 'FIT';\n\n/**\n * A type describing simulcast configuration.\n *\n * At the moment, simulcast track is initialized in three versions - low, medium and high.\n * High resolution is the original track resolution, while medium and low resolutions are\n * the original track resolution scaled down by 2 and 4 respectively.\n */\nexport type SimulcastConfig = {\n  /**\n   * whether to simulcast track or not. By default simulcast is disabled.\n   */\n  enabled: boolean;\n};\n\nexport type TrackMetadata = {\n  active: boolean;\n  type: 'microphone' | 'camera' | 'screenShareVideo' | 'screenShareAudio';\n};\n\nexport type GenericMetadata = Record<string, unknown>;\n\n// branded types are useful for restricting where given value can be passed\ndeclare const brand: unique symbol;\n/**\n * Branded type\n */\nexport type Brand<T, TBrand extends string> = T & { [brand]: TBrand };\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * `FILL` or `FIT` - it works just like RN Image component. `FILL` fills the whole view\n * with video and it may cut some parts of the video. `FIT` scales the video so the whole\n * video is visible, but it may leave some empty space in the view.\n */\nexport type VideoLayout = 'FILL' | 'FIT';\n\n/**\n * A type describing simulcast configuration.\n *\n * At the moment, simulcast track is initialized in three versions - low, medium and high.\n * High resolution is the original track resolution, while medium and low resolutions are\n * the original track resolution scaled down by 2 and 4 respectively.\n */\nexport type SimulcastConfig = {\n  /**\n   * whether to simulcast track or not. By default simulcast is disabled.\n   */\n  enabled: boolean;\n};\n\nexport type TrackMetadata = {\n  active: boolean;\n  type: 'microphone' | 'camera' | 'screenShareVideo' | 'screenShareAudio';\n};\n\nexport type GenericMetadata = Record<string, unknown>;\n\n// branded types are useful for restricting where given value can be passed\ndeclare const brand: unique symbol;\n/**\n * Branded type\n */\nexport type Brand<T, TBrand extends string> = T & { [brand]: TBrand };\n\nexport type RoomType = 'conference' | 'audio-only' | 'livestream';\n"]}

package/ios/RNFishjamClient.swift

@@ -328,40 +328,51 @@ class RNFishjamClient: FishjamClientListener {
     }
 
     func toggleMicrophone() async throws -> Bool {
-        if let audioTrack = getLocalAudioTrack() {
-            setMicrophoneTrackState(audioTrack, enabled: !isMicrophoneOn)
+        if isMicrophoneOn {
+          try stopMicrophone()
         } else {
-            try await startMicrophone()
+          try await startMicrophone()
         }
 
-        try updateLocalAudioTrackMetadata(metadata: getMicrophoneTrackMetadata())
-
         return isMicrophoneOn
     }
 
     func startMicrophone() async throws {
-        guard await PermissionUtils.requestMicrophonePermission() else {
-            emit(event: .warning(message: "Microphone permission not granted."))
-            return
-        }
-        let microphoneTrack = RNFishjamClient.fishjamClient!.createAudioTrack(
-            metadata: getMicrophoneTrackMetadata().toMetadata())
-        setAudioSessionMode()
-        setMicrophoneTrackState(microphoneTrack, enabled: true)
-        emitEndpoints()
-    }
-
-    private func getMicrophoneTrackMetadata() -> [String: Any] {
+        // If microphone track already exist, just enable it
+        if let microphoneTrack = getLocalAudioTrack() {
+            try setMicrophoneTrackState(microphoneTrack, enabled: true)
+        } else {
+          guard await PermissionUtils.requestMicrophonePermission() else {
+              emit(event: .warning(message: "Microphone permission not granted."))
+              return
+          }
+          let microphoneTrack = RNFishjamClient.fishjamClient!.createAudioTrack(
+            metadata: getMicrophoneTrackMetadata(isEnabled: true).toMetadata())
+          setAudioSessionMode()
+          try setMicrophoneTrackState(microphoneTrack, enabled: true)
+          emitEndpoints()
+        }
+      }
+  
+    func stopMicrophone() throws {
+      guard let microphoneTrack = getLocalAudioTrack() else {
+          return
+      }
+      try setMicrophoneTrackState(microphoneTrack, enabled: false)
+    }
+
+    private func getMicrophoneTrackMetadata(isEnabled: Bool) -> [String: Any] {
         return [
-            "active": isMicrophoneOn,
-            "paused": !isMicrophoneOn,  //TODO: FCE-711
+            "active": isEnabled,
+            "paused": !isEnabled,  //TODO: FCE-711
             "type": "microphone",
         ]
     }
 
-    private func setMicrophoneTrackState(_ microphoneTrack: LocalAudioTrack, enabled: Bool) {
+    private func setMicrophoneTrackState(_ microphoneTrack: LocalAudioTrack, enabled: Bool) throws {
         microphoneTrack.enabled = enabled
         isMicrophoneOn = enabled
+        try updateLocalAudioTrackMetadata(metadata: getMicrophoneTrackMetadata(isEnabled: enabled))
         emit(event: .isMicrophoneOn(enabled: enabled))
     }
 

package/ios/RNFishjamClientModule.swift

@@ -146,6 +146,14 @@ public class RNFishjamClientModule: Module {
     AsyncFunction("toggleMicrophone") {
       try await rnFishjamClient.toggleMicrophone()
     }
+    
+    AsyncFunction("startMicrophone") {
+      try await rnFishjamClient.startMicrophone()
+    }
+
+    AsyncFunction("stopMicrophone") {
+      try rnFishjamClient.stopMicrophone()
+    }
 
     AsyncFunction("toggleCamera") {
       try rnFishjamClient.toggleCamera()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishjam-cloud/react-native-client",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "A React Native client for Fishjam",
   "author": "Fishjam Team",
   "license": "Apache-2.0",

package/plugin/build/types.d.ts

@@ -7,5 +7,8 @@ export type FishjamPluginOptions = {
         iphoneDeploymentTarget?: string;
         enableScreensharing?: boolean;
         supportsPictureInPicture?: boolean;
+        appGroupContainerId?: string;
+        mainTargetName?: string;
+        broadcastExtensionTargetName?: string;
     };
 } | undefined;

package/plugin/build/withFishjamIos.d.ts

@@ -1,6 +1,6 @@
 import { ConfigPlugin } from '@expo/config-plugins';
 import { FishjamPluginOptions } from './types';
-export declare const SBE_PODFILE_SNIPPET = "\ntarget 'FishjamScreenBroadcastExtension' do\n  pod 'FishjamCloudClient/Broadcast'\nend";
+export declare function getSbePodfileSnippet(props: FishjamPluginOptions): string;
 /**
  * Applies screen sharing plugin if enabled. In order for screensharing to work, we need to copy extension files to your iOS project.
  * Allows for dynamically changing deploymentTarget.

package/plugin/build/withFishjamIos.js

@@ -33,16 +33,19 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SBE_PODFILE_SNIPPET = void 0;
+exports.getSbePodfileSnippet = getSbePodfileSnippet;
 // ios-related code was mostly copied from OneSignal expo plugin: https://github.com/OneSignal/onesignal-expo-plugin/blob/main/onesignal/withOneSignalIos.ts
 const config_plugins_1 = require("@expo/config-plugins");
 const fs = __importStar(require("promise-fs"));
 const path = __importStar(require("path"));
-const SBE_TARGET_NAME = 'FishjamScreenBroadcastExtension';
-exports.SBE_PODFILE_SNIPPET = `
-target '${SBE_TARGET_NAME}' do
-  pod 'FishjamCloudClient/Broadcast'
-end`;
+function getSbeTargetName(props) {
+    return (props?.ios?.broadcastExtensionTargetName ||
+        'FishjamScreenBroadcastExtension');
+}
+function getSbePodfileSnippet(props) {
+    const targetName = getSbeTargetName(props);
+    return `\ntarget '${targetName}' do\n  pod 'FishjamCloudClient/Broadcast'\nend`;
+}
 const TARGETED_DEVICE_FAMILY = `"1,2"`;
 const IPHONEOS_DEPLOYMENT_TARGET = '15.1';
 const GROUP_IDENTIFIER_TEMPLATE_REGEX = /{{GROUP_IDENTIFIER}}/gm;
@@ -50,8 +53,9 @@ const BUNDLE_IDENTIFIER_TEMPLATE_REGEX = /{{BUNDLE_IDENTIFIER}}/gm;
 /**
  * A helper function for updating a value in a file for given regex
  */
-async function updateFileWithRegex(iosPath, fileName, regex, value) {
-    const filePath = `${iosPath}/${SBE_TARGET_NAME}/${fileName}`;
+async function updateFileWithRegex(iosPath, fileName, regex, value, props) {
+    const targetName = getSbeTargetName(props);
+    const filePath = `${iosPath}/${targetName}/${fileName}`;
     let file = await fs.readFile(filePath, { encoding: 'utf-8' });
     file = file.replace(regex, value);
     await fs.writeFile(filePath, file);
@@ -60,23 +64,24 @@ async function updateFileWithRegex(iosPath, fileName, regex, value) {
  * Inserts a required target to Podfile.
  * This is needed to provide the dependency of FishjamCloudClient/Broadcast to the extension.
  */
-async function updatePodfile(iosPath) {
+async function updatePodfile(iosPath, props) {
+    const podfileSnippet = getSbePodfileSnippet(props);
     let matches;
     try {
         const podfile = await fs.readFile(`${iosPath}/Podfile`, {
             encoding: 'utf-8',
         });
-        matches = podfile.match(exports.SBE_PODFILE_SNIPPET);
+        matches = podfile.match(podfileSnippet);
     }
     catch (e) {
         console.error('Error reading from Podfile: ', e);
     }
     if (matches) {
-        console.log(`${SBE_TARGET_NAME} target already added to Podfile. Skipping...`);
+        console.log(`${getSbeTargetName(props)} target already added to Podfile. Skipping...`);
         return;
     }
     try {
-        fs.appendFile(`${iosPath}/Podfile`, exports.SBE_PODFILE_SNIPPET);
+        fs.appendFile(`${iosPath}/Podfile`, podfileSnippet);
     }
     catch (e) {
         console.error('Error writing to Podfile: ', e);
@@ -86,10 +91,11 @@ async function updatePodfile(iosPath) {
  * Adds "App Group" permission
  * App Group allow your app and the FishjamScreenBroadcastExtension to communicate with each other.
  */
-const withAppGroupPermissions = (config) => {
+const withAppGroupPermissions = (config, props) => {
     const APP_GROUP_KEY = 'com.apple.security.application-groups';
     const bundleIdentifier = config.ios?.bundleIdentifier || '';
-    const groupIdentifier = `group.${bundleIdentifier}`;
+    const groupIdentifier = props?.ios?.appGroupContainerId || `group.${bundleIdentifier}`;
+    const mainTarget = props?.ios?.mainTargetName || '';
     config.ios ??= {};
     config.ios.entitlements ??= {};
     config.ios.entitlements[APP_GROUP_KEY] ??= [];
@@ -123,11 +129,12 @@ const withAppGroupPermissions = (config) => {
         projectObj.attributes.TargetAttributes[targetUuid].SystemCapabilities['com.apple.ApplicationGroups.iOS'] = {
             enabled: 1,
         };
-        const entitlementsFilePath = `${props.modRequest.projectName}/${props.modRequest.projectName}.entitlements`;
+        const mainTargetName = mainTarget || props.modRequest.projectName;
+        const entitlementsFilePath = `${mainTargetName}/${mainTargetName}.entitlements`;
         const configurations = xcodeProject.pbxXCBuildConfigurationSection();
         Object.keys(configurations).forEach((key) => {
             const config = configurations[key];
-            if (config.buildSettings?.PRODUCT_NAME?.includes(props.modRequest.projectName)) {
+            if (config.buildSettings?.PRODUCT_NAME?.includes(mainTargetName)) {
                 if (!config.buildSettings.CODE_SIGN_ENTITLEMENTS) {
                     config.buildSettings.CODE_SIGN_ENTITLEMENTS = entitlementsFilePath;
                 }
@@ -141,11 +148,12 @@ const withAppGroupPermissions = (config) => {
  * Adds constants to Info.plist
  * In other to dynamically retreive extension's bundleId and group name we need to store it in Info.plist.
  */
-const withInfoPlistConstants = (config) => (0, config_plugins_1.withInfoPlist)(config, (configuration) => {
+const withInfoPlistConstants = (config, props) => (0, config_plugins_1.withInfoPlist)(config, (configuration) => {
     const bundleIdentifier = configuration.ios?.bundleIdentifier || '';
-    configuration.modResults['AppGroupName'] = `group.${bundleIdentifier}`;
+    const groupIdentifier = props?.ios?.appGroupContainerId || `group.${bundleIdentifier}`;
+    configuration.modResults['AppGroupName'] = groupIdentifier;
     configuration.modResults['ScreenShareExtensionBundleId'] =
-        `${bundleIdentifier}.${SBE_TARGET_NAME}`;
+        `${bundleIdentifier}.${getSbeTargetName(props)}`;
     return configuration;
 });
 /**
@@ -156,14 +164,22 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
     const appName = props.modRequest.projectName || '';
     const iosPath = props.modRequest.platformProjectRoot;
     const bundleIdentifier = props.ios?.bundleIdentifier;
+    const groupIdentifier = options?.ios?.appGroupContainerId || `group.${bundleIdentifier}`;
     const xcodeProject = props.modResults;
+    const targetName = getSbeTargetName(options);
     const pluginDir = require.resolve('@fishjam-cloud/react-native-client/package.json');
     const extensionSourceDir = path.join(pluginDir, '../plugin/broadcastExtensionFiles/');
-    await updatePodfile(iosPath);
+    await updatePodfile(iosPath, options);
     const projPath = `${iosPath}/${appName}.xcodeproj/project.pbxproj`;
+    const templateTargetName = 'FishjamScreenBroadcastExtension';
     const extFiles = [
         'FishjamBroadcastSampleHandler.swift',
-        `${SBE_TARGET_NAME}.entitlements`,
+        `${templateTargetName}.entitlements`,
+        `Info.plist`,
+    ];
+    const destFiles = [
+        'FishjamBroadcastSampleHandler.swift',
+        `${targetName}.entitlements`,
         `Info.plist`,
     ];
     await xcodeProject.parse(async function (err) {
@@ -171,28 +187,26 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
             console.error(`Error parsing iOS project: ${JSON.stringify(err)}`);
             return;
         }
-        if (xcodeProject.pbxTargetByName(SBE_TARGET_NAME)) {
-            console.log(`${SBE_TARGET_NAME} already exists in project. Skipping...`);
+        if (xcodeProject.pbxTargetByName(targetName)) {
+            console.log(`${targetName} already exists in project. Skipping...`);
             return;
         }
         try {
-            // copy extension files
-            await fs.mkdir(`${iosPath}/${SBE_TARGET_NAME}`, { recursive: true });
+            await fs.mkdir(`${iosPath}/${targetName}`, { recursive: true });
             for (let i = 0; i < extFiles.length; i++) {
-                const extFile = extFiles[i];
-                const targetFile = `${iosPath}/${SBE_TARGET_NAME}/${extFile}`;
-                await fs.copyFile(`${extensionSourceDir}${extFile}`, targetFile);
+                const srcFile = `${extensionSourceDir}${extFiles[i]}`;
+                const destFile = `${iosPath}/${targetName}/${destFiles[i]}`;
+                await fs.copyFile(srcFile, destFile);
             }
         }
         catch (e) {
             console.error('Error copying extension files: ', e);
         }
-        // update extension files
-        await updateFileWithRegex(iosPath, `${SBE_TARGET_NAME}.entitlements`, GROUP_IDENTIFIER_TEMPLATE_REGEX, `group.${bundleIdentifier}`);
-        await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', GROUP_IDENTIFIER_TEMPLATE_REGEX, `group.${bundleIdentifier}`);
-        await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', BUNDLE_IDENTIFIER_TEMPLATE_REGEX, bundleIdentifier || '');
+        await updateFileWithRegex(iosPath, `${targetName}.entitlements`, GROUP_IDENTIFIER_TEMPLATE_REGEX, groupIdentifier, options);
+        await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', GROUP_IDENTIFIER_TEMPLATE_REGEX, groupIdentifier, options);
+        await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', BUNDLE_IDENTIFIER_TEMPLATE_REGEX, bundleIdentifier || '', options);
         // Create new PBXGroup for the extension
-        const extGroup = xcodeProject.addPbxGroup(extFiles, SBE_TARGET_NAME, SBE_TARGET_NAME);
+        const extGroup = xcodeProject.addPbxGroup(extFiles, targetName, targetName);
         // Add the new PBXGroup to the top level group. This makes the
         // files / folder appear in the file explorer in Xcode.
         const groups = xcodeProject.hash.project.objects['PBXGroup'];
@@ -212,7 +226,7 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
             projObjects['PBXTargetDependency'] || {};
         // Add the SBE target
         // This adds PBXTargetDependency and PBXContainerItemProxy for you
-        const sbeTarget = xcodeProject.addTarget(SBE_TARGET_NAME, 'app_extension', SBE_TARGET_NAME, `${bundleIdentifier}.${SBE_TARGET_NAME}`);
+        const sbeTarget = xcodeProject.addTarget(targetName, 'app_extension', targetName, `${bundleIdentifier}.${targetName}`);
         // Add build phases to the new target
         xcodeProject.addBuildPhase(['FishjamBroadcastSampleHandler.swift'], 'PBXSourcesBuildPhase', 'Sources', sbeTarget.uuid);
         xcodeProject.addBuildPhase([], 'PBXResourcesBuildPhase', 'Resources', sbeTarget.uuid);
@@ -225,15 +239,14 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
         const configurations = xcodeProject.pbxXCBuildConfigurationSection();
         for (const key in configurations) {
             if (typeof configurations[key].buildSettings !== 'undefined' &&
-                configurations[key].buildSettings.PRODUCT_NAME ===
-                    `"${SBE_TARGET_NAME}"`) {
+                configurations[key].buildSettings.PRODUCT_NAME === `"${targetName}"`) {
                 const buildSettingsObj = configurations[key].buildSettings;
                 buildSettingsObj.IPHONEOS_DEPLOYMENT_TARGET =
                     options?.ios?.iphoneDeploymentTarget ?? IPHONEOS_DEPLOYMENT_TARGET;
                 buildSettingsObj.TARGETED_DEVICE_FAMILY = TARGETED_DEVICE_FAMILY;
-                buildSettingsObj.CODE_SIGN_ENTITLEMENTS = `${SBE_TARGET_NAME}/${SBE_TARGET_NAME}.entitlements`;
+                buildSettingsObj.CODE_SIGN_ENTITLEMENTS = `${targetName}/${targetName}.entitlements`;
                 buildSettingsObj.CODE_SIGN_STYLE = 'Automatic';
-                buildSettingsObj.INFOPLIST_FILE = `${SBE_TARGET_NAME}/Info.plist`;
+                buildSettingsObj.INFOPLIST_FILE = `${targetName}/Info.plist`;
                 buildSettingsObj.SWIFT_VERSION = '5.0';
                 buildSettingsObj.MARKETING_VERSION = '1.0.0';
                 buildSettingsObj.CURRENT_PROJECT_VERSION = '1';
@@ -258,8 +271,8 @@ const withFishjamPictureInPicture = (config, props) => (0, config_plugins_1.with
  */
 const withFishjamIos = (config, props) => {
     if (props?.ios?.enableScreensharing) {
-        config = withAppGroupPermissions(config);
-        config = withInfoPlistConstants(config);
+        config = withAppGroupPermissions(config, props);
+        config = withInfoPlistConstants(config, props);
         config = withFishjamSBE(config, props);
     }
     config = (0, config_plugins_1.withPodfileProperties)(config, (configuration) => {

package/build/components/LivestreamView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LivestreamView.d.ts","sourceRoot":"","sources":["../../src/components/LivestreamView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAkB,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3E,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,8EAQ5B,mBAAmB,gCAUrB,CAAC"}

package/build/components/LivestreamView.js

@@ -1,10 +0,0 @@
-import { WhepClientView } from 'react-native-whip-whep';
-/**
- * Renders a video player playing the livestream set up with {@link useLivestream} hook.
- *
- * @category Components
- * @param {object} props
- * @param {object} props.style
- */
-export const LivestreamView = ({ style, orientation, pipEnabled, autoStartPip, autoStopPip, pipSize, ref, }) => (<WhepClientView ref={ref} style={style} orientation={orientation} pipEnabled={pipEnabled} autoStartPip={autoStartPip} autoStopPip={autoStopPip} pipSize={pipSize}/>);
-//# sourceMappingURL=LivestreamView.js.map

package/build/components/LivestreamView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LivestreamView.js","sourceRoot":"","sources":["../../src/components/LivestreamView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqB,MAAM,wBAAwB,CAAC;AA4C3E;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,EACP,GAAG,GACiB,EAAE,EAAE,CAAC,CACzB,CAAC,cAAc,CACb,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,KAAsB,CAAC,CAC9B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,EACjB,CACH,CAAC","sourcesContent":["import { CSSProperties, Ref } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { WhepClientView, WhepClientViewRef } from 'react-native-whip-whep';\n\nexport type LivestreamViewRef = WhepClientViewRef;\n\n/**\n * Props of the LivestreamView component\n */\nexport type LivestreamViewProps = {\n  /**\n   * Styles of the LivestreamView component\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Used to override the orientation of the video (from metadata).\n   * Defaults to \"portrait\".\n   */\n  orientation?: 'landscape' | 'portrait';\n  /**\n   * A variable deciding whether the Picture-in-Picture is enabled.\n   * Defaults to true.\n   */\n  pipEnabled?: boolean;\n  /**\n   * A variable deciding whether the Picture-in-Picture mode should be started automatically after the app is backgrounded.\n   * Defaults to false.\n   */\n  autoStartPip?: boolean;\n  /**\n   * A variable deciding whether the Picture-in-Picture mode should be stopped automatically on iOS after the app is foregrounded.\n   * Always enabled on Android as PiP is not supported in foreground.\n   * Defaults to false.\n   */\n  autoStopPip?: boolean;\n  /**\n   * A variable deciding the size of the Picture-in-Picture mode.\n   */\n  pipSize?: {\n    width: number;\n    height: number;\n  };\n\n  ref?: Ref<LivestreamViewRef>;\n};\n\n/**\n * Renders a video player playing the livestream set up with {@link useLivestream} hook.\n *\n * @category Components\n * @param {object} props\n * @param {object} props.style\n */\nexport const LivestreamView = ({\n  style,\n  orientation,\n  pipEnabled,\n  autoStartPip,\n  autoStopPip,\n  pipSize,\n  ref,\n}: LivestreamViewProps) => (\n  <WhepClientView\n    ref={ref}\n    style={style as CSSProperties}\n    orientation={orientation}\n    pipEnabled={pipEnabled}\n    autoStartPip={autoStartPip}\n    autoStopPip={autoStopPip}\n    pipSize={pipSize}\n  />\n);\n"]}

package/build/hooks/useLivestream.d.ts

@@ -1,6 +0,0 @@
-export interface UseLivestreamResult {
-    connect: (url: string, token: string) => Promise<void>;
-    disconnect: () => void;
-}
-export declare const useLivestream: () => UseLivestreamResult;
-//# sourceMappingURL=useLivestream.d.ts.map

package/build/hooks/useLivestream.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLivestream.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivestream.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,QAAO,mBAShC,CAAC"}

package/build/hooks/useLivestream.js

@@ -1,12 +0,0 @@
-import { useCallback } from 'react';
-import { connectWhepClient, createWhepClient, disconnectWhepClient, } from 'react-native-whip-whep';
-export const useLivestream = () => {
-    const connect = useCallback(async (url, token) => {
-        createWhepClient(url, {
-            authToken: token,
-        });
-        await connectWhepClient();
-    }, []);
-    return { connect, disconnect: disconnectWhepClient };
-};
-//# sourceMappingURL=useLivestream.js.map

package/build/hooks/useLivestream.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLivestream.js","sourceRoot":"","sources":["../../src/hooks/useLivestream.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAOhC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAwB,EAAE;IACrD,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,GAAW,EAAE,KAAa,EAAE,EAAE;QAC/D,gBAAgB,CAAC,GAAG,EAAE;YACpB,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC;QACH,MAAM,iBAAiB,EAAE,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC;AACvD,CAAC,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport {\n  connectWhepClient,\n  createWhepClient,\n  disconnectWhepClient,\n} from 'react-native-whip-whep';\n\nexport interface UseLivestreamResult {\n  connect: (url: string, token: string) => Promise<void>;\n  disconnect: () => void;\n}\n\nexport const useLivestream = (): UseLivestreamResult => {\n  const connect = useCallback(async (url: string, token: string) => {\n    createWhepClient(url, {\n      authToken: token,\n    });\n    await connectWhepClient();\n  }, []);\n\n  return { connect, disconnect: disconnectWhepClient };\n};\n"]}