@fishjam-cloud/react-native-client 0.4.1 → 0.5.0

package/build/components/FishjamRoom/index.d.ts

@@ -0,0 +1,6 @@
+export type FishjamRoomProps = {
+    fishjamUrl: string;
+    peerToken: string;
+};
+export declare const FishjamRoom: ({ fishjamUrl, peerToken }: FishjamRoomProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/components/FishjamRoom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FishjamRoom/index.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,WAAW,8BAA+B,gBAAgB,gCA0BtE,CAAC"}

package/build/components/FishjamRoom/index.js

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+import { joinRoom, leaveRoom } from '../../common/client';
+import { useCamera } from '../../hooks/useCamera';
+import { VideosGrid } from './VideosGrid';
+import { SafeAreaView } from 'react-native';
+export const FishjamRoom = ({ fishjamUrl, peerToken }) => {
+    const { prepareCamera } = useCamera();
+    useEffect(() => {
+        const join = async () => {
+            await prepareCamera({
+                simulcastEnabled: false,
+                quality: 'HD169',
+                cameraEnabled: true,
+            });
+            await joinRoom(fishjamUrl, peerToken, {
+                peer: {},
+                server: {},
+            });
+        };
+        join();
+        return () => {
+            leaveRoom();
+        };
+    }, [fishjamUrl, peerToken, prepareCamera]);
+    return (<SafeAreaView>
+      <VideosGrid />
+    </SafeAreaView>);
+};
+//# sourceMappingURL=index.js.map

package/build/components/FishjamRoom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FishjamRoom/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAO5C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAE,SAAS,EAAoB,EAAE,EAAE;IACzE,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;YACtB,MAAM,aAAa,CAAC;gBAClB,gBAAgB,EAAE,KAAK;gBACvB,OAAO,EAAE,OAAO;gBAChB,aAAa,EAAE,IAAI;aACpB,CAAC,CAAC;YACH,MAAM,QAAQ,CAAC,UAAU,EAAE,SAAS,EAAE;gBACpC,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,EAAE;aACX,CAAC,CAAC;QACL,CAAC,CAAC;QACF,IAAI,EAAE,CAAC;QACP,OAAO,GAAG,EAAE;YACV,SAAS,EAAE,CAAC;QACd,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,CAAC,YAAY,CACX;MAAA,CAAC,UAAU,CAAC,AAAD,EACb;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { joinRoom, leaveRoom } from '../../common/client';\nimport { useCamera } from '../../hooks/useCamera';\nimport { VideosGrid } from './VideosGrid';\nimport { SafeAreaView } from 'react-native';\n\nexport type FishjamRoomProps = {\n  fishjamUrl: string;\n  peerToken: string;\n};\n\nexport const FishjamRoom = ({ fishjamUrl, peerToken }: FishjamRoomProps) => {\n  const { prepareCamera } = useCamera();\n\n  useEffect(() => {\n    const join = async () => {\n      await prepareCamera({\n        simulcastEnabled: false,\n        quality: 'HD169',\n        cameraEnabled: true,\n      });\n      await joinRoom(fishjamUrl, peerToken, {\n        peer: {},\n        server: {},\n      });\n    };\n    join();\n    return () => {\n      leaveRoom();\n    };\n  }, [fishjamUrl, peerToken, prepareCamera]);\n\n  return (\n    <SafeAreaView>\n      <VideosGrid />\n    </SafeAreaView>\n  );\n};\n"]}

package/build/components/FishjamRoom/parsePeersToTracks.d.ts

@@ -0,0 +1,4 @@
+import { PeerWithTracks } from '../../hooks/usePeers';
+import { GridTrack } from './GridTrackItem';
+export declare const parsePeersToTracks: (localPeer: PeerWithTracks | null, remotePeers: PeerWithTracks[]) => GridTrack[];
+//# sourceMappingURL=parsePeersToTracks.d.ts.map

package/build/components/FishjamRoom/parsePeersToTracks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsePeersToTracks.d.ts","sourceRoot":"","sources":["../../../src/components/FishjamRoom/parsePeersToTracks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAqC5C,eAAO,MAAM,kBAAkB,cAClB,cAAc,GAAG,IAAI,eACnB,cAAc,EAAE,KAC5B,SAAS,EAKX,CAAC"}

package/build/components/FishjamRoom/parsePeersToTracks.js

@@ -0,0 +1,36 @@
+const createGridTracksFromPeer = (peer) => {
+    const tracks = [];
+    if (peer.cameraTrack && peer.cameraTrack.isActive) {
+        tracks.push({
+            track: peer.cameraTrack,
+            peerId: peer.id,
+            isLocal: peer.isLocal,
+            isVadActive: peer.microphoneTrack?.vadStatus === 'speech',
+        });
+    }
+    if (peer.screenShareVideoTrack && peer.screenShareVideoTrack.isActive) {
+        tracks.push({
+            track: peer.screenShareVideoTrack,
+            peerId: peer.id,
+            isLocal: peer.isLocal,
+            isVadActive: peer.screenShareAudioTrack?.vadStatus === 'speech',
+        });
+    }
+    if (tracks.length === 0) {
+        tracks.push({
+            track: null,
+            peerId: peer.id,
+            isLocal: peer.isLocal,
+            isVadActive: peer.microphoneTrack?.vadStatus === 'speech' ||
+                peer.screenShareAudioTrack?.vadStatus === 'speech',
+        });
+    }
+    return tracks;
+};
+export const parsePeersToTracks = (localPeer, remotePeers) => {
+    return [
+        ...(localPeer ? createGridTracksFromPeer(localPeer) : []),
+        ...remotePeers.flatMap(createGridTracksFromPeer),
+    ];
+};
+//# sourceMappingURL=parsePeersToTracks.js.map

package/build/components/FishjamRoom/parsePeersToTracks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsePeersToTracks.js","sourceRoot":"","sources":["../../../src/components/FishjamRoom/parsePeersToTracks.ts"],"names":[],"mappings":"AAGA,MAAM,wBAAwB,GAAG,CAAC,IAAoB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAgB,EAAE,CAAC;IAE/B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC;YACV,KAAK,EAAE,IAAI,CAAC,WAAW;YACvB,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,KAAK,QAAQ;SAC1D,CAAC,CAAC;IACL,CAAC;IAED,IAAI,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE,CAAC;QACtE,MAAM,CAAC,IAAI,CAAC;YACV,KAAK,EAAE,IAAI,CAAC,qBAAqB;YACjC,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,WAAW,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,KAAK,QAAQ;SAChE,CAAC,CAAC;IACL,CAAC;IAED,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,MAAM,CAAC,IAAI,CAAC;YACV,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,WAAW,EACT,IAAI,CAAC,eAAe,EAAE,SAAS,KAAK,QAAQ;gBAC5C,IAAI,CAAC,qBAAqB,EAAE,SAAS,KAAK,QAAQ;SACrD,CAAC,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,SAAgC,EAChC,WAA6B,EAChB,EAAE;IACf,OAAO;QACL,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzD,GAAG,WAAW,CAAC,OAAO,CAAC,wBAAwB,CAAC;KACjD,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { PeerWithTracks } from '../../hooks/usePeers';\nimport { GridTrack } from './GridTrackItem';\n\nconst createGridTracksFromPeer = (peer: PeerWithTracks): GridTrack[] => {\n  const tracks: GridTrack[] = [];\n\n  if (peer.cameraTrack && peer.cameraTrack.isActive) {\n    tracks.push({\n      track: peer.cameraTrack,\n      peerId: peer.id,\n      isLocal: peer.isLocal,\n      isVadActive: peer.microphoneTrack?.vadStatus === 'speech',\n    });\n  }\n\n  if (peer.screenShareVideoTrack && peer.screenShareVideoTrack.isActive) {\n    tracks.push({\n      track: peer.screenShareVideoTrack,\n      peerId: peer.id,\n      isLocal: peer.isLocal,\n      isVadActive: peer.screenShareAudioTrack?.vadStatus === 'speech',\n    });\n  }\n\n  if (tracks.length === 0) {\n    tracks.push({\n      track: null,\n      peerId: peer.id,\n      isLocal: peer.isLocal,\n      isVadActive:\n        peer.microphoneTrack?.vadStatus === 'speech' ||\n        peer.screenShareAudioTrack?.vadStatus === 'speech',\n    });\n  }\n\n  return tracks;\n};\n\nexport const parsePeersToTracks = (\n  localPeer: PeerWithTracks | null,\n  remotePeers: PeerWithTracks[],\n): GridTrack[] => {\n  return [\n    ...(localPeer ? createGridTracksFromPeer(localPeer) : []),\n    ...remotePeers.flatMap(createGridTracksFromPeer),\n  ];\n};\n"]}

package/build/components/VideoRendererView.d.ts

@@ -1,16 +1,21 @@
 import * as React from 'react';
 import { ViewStyle } from 'react-native';
 import { VideoLayout } from '../types';
+import type { TrackId } from '../hooks/usePeers';
 export type VideoRendererProps = {
     /**
      * id of the video track which you want to render.
      */
-    trackId: string;
+    trackId: TrackId;
     /**
      * Video layout inside of the component
      * @default `FILL`
      */
     videoLayout?: VideoLayout;
+    /**
+     * Whether the video should be rendered if it's off screen or hidden.
+     */
+    skipRenderOutsideVisibleArea?: boolean;
     style?: ViewStyle;
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"VideoRendererView.d.ts","sourceRoot":"","sources":["../../src/components/VideoRendererView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAKF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,oHAM5B,CAAC"}
+{"version":3,"file":"VideoRendererView.d.ts","sourceRoot":"","sources":["../../src/components/VideoRendererView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAKF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,oHAM5B,CAAC"}

package/build/components/VideoRendererView.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoRendererView.js","sourceRoot":"","sources":["../../src/components/VideoRendererView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,MAAM,UAAU,GACd,wBAAwB,CAAC,yBAAyB,CAAC,CAAC;AAEtD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;AAChB,gDAAgD;AAChD,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAG,CACpC,CAAC,CAAC","sourcesContent":["import { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport { ViewStyle } from 'react-native';\n\nimport { VideoLayout } from '../types';\n\nexport type VideoRendererProps = {\n  /**\n   * id of the video track which you want to render.\n   */\n  trackId: string;\n  /**\n   * Video layout inside of the component\n   * @default `FILL`\n   */\n  videoLayout?: VideoLayout;\n  style?: ViewStyle;\n};\n\nconst NativeView: React.ComponentType<VideoRendererProps> =\n  requireNativeViewManager('VideoRendererViewModule');\n\n/**\n * Render video track received from {@link usePeers} hook\n * @category Components\n */\nexport const VideoRendererView = React.forwardRef<\n  React.ComponentType<VideoRendererProps>,\n  VideoRendererProps\n>((props, ref) => (\n  // @ts-expect-error ref prop needs to be updated\n  <NativeView {...props} ref={ref} />\n));\n"]}
+{"version":3,"file":"VideoRendererView.js","sourceRoot":"","sources":["../../src/components/VideoRendererView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,UAAU,GACd,wBAAwB,CAAC,yBAAyB,CAAC,CAAC;AAEtD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;AAChB,gDAAgD;AAChD,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAG,CACpC,CAAC,CAAC","sourcesContent":["import { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport { ViewStyle } from 'react-native';\n\nimport { VideoLayout } from '../types';\nimport type { TrackId } from '../hooks/usePeers';\n\nexport type VideoRendererProps = {\n  /**\n   * id of the video track which you want to render.\n   */\n  trackId: TrackId;\n  /**\n   * Video layout inside of the component\n   * @default `FILL`\n   */\n  videoLayout?: VideoLayout;\n  /**\n   * Whether the video should be rendered if it's off screen or hidden.\n   */\n  skipRenderOutsideVisibleArea?: boolean;\n  style?: ViewStyle;\n};\n\nconst NativeView: React.ComponentType<VideoRendererProps> =\n  requireNativeViewManager('VideoRendererViewModule');\n\n/**\n * Render video track received from {@link usePeers} hook\n * @category Components\n */\nexport const VideoRendererView = React.forwardRef<\n  React.ComponentType<VideoRendererProps>,\n  VideoRendererProps\n>((props, ref) => (\n  // @ts-expect-error ref prop needs to be updated\n  <NativeView {...props} ref={ref} />\n));\n"]}

package/build/hooks/useAppScreenShare.js

@@ -22,7 +22,7 @@ function useIosAppScreenShare() {
             ...screenShareOptions,
             screenShareMetadata: {
                 displayName: 'presenting',
-                type: 'screensharing',
+                type: 'screenShareVideo',
                 active: !isAppScreenShareOn,
             },
         };

package/build/hooks/useAppScreenShare.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAppScreenShare.js","sourceRoot":"","sources":["../../src/hooks/useAppScreenShare.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAAC;IACpC,OAAO,EAAE,KAAK;IACd,eAAe,EAAE,EAAE;CACpB,CAAC,CAAC;AAEH,IAAI,0BAA0B,GAAoB,sBAAsB,EAAE,CAAC;AAU3E;;;;;GAKG;AACH,SAAS,oBAAoB;IAC3B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAC1D,qBAAqB,CAAC,kBAAkB,CACzC,CAAC;IAEF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CACpD,0BAA0B,CAC3B,CAAC;IAEF,eAAe,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAAC;IAE5E,MAAM,oBAAoB,GAAG,WAAW,CACtC,KAAK,EAAE,qBAAkD,EAAE,EAAE,EAAE;QAC7D,MAAM,OAAO,GAAG;YACd,GAAG,kBAAkB;YACrB,mBAAmB,EAAE;gBACnB,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,eAAwB;gBAC9B,MAAM,EAAE,CAAC,kBAAkB;aAC5B;SACF,CAAC;QACF,MAAM,qBAAqB,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC1D,0BAA0B,GAAG,sBAAsB,EAAE,CAAC,CAAC,kCAAkC;QACzF,kBAAkB,CAAC,0BAA0B,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO;QACL,kBAAkB;QAClB,eAAe;QACf;;;WAGG;QACH,oBAAoB;KACrB,CAAC;AACJ,CAAC;AAED,SAAS,+BAA+B;IACtC,OAAO;QACL,kBAAkB,EAAE,KAAK;QACzB,eAAe,EAAE,sBAAsB,EAAE;QACzC,oBAAoB,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;KACrC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC/C,GAAG,EAAE,oBAAoB;IACzB,OAAO,EAAE,+BAA+B;CACzC,CAAC,CAAC","sourcesContent":["import { useCallback, useState } from 'react';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\nimport { SimulcastConfig } from '../types';\nimport { ReceivableEvents, useFishjamEvent } from './useFishjamEvent';\nimport { ScreenShareOptions } from './useScreenShare';\nimport { Platform } from 'react-native';\n\nconst defaultSimulcastConfig = () => ({\n  enabled: false,\n  activeEncodings: [],\n});\n\nlet screenShareSimulcastConfig: SimulcastConfig = defaultSimulcastConfig();\n\ntype AppScreenShareData = {\n  isAppScreenShareOn: boolean;\n  simulcastConfig: SimulcastConfig;\n  toggleAppScreenShare: (\n    screenShareOptions?: Partial<ScreenShareOptions>,\n  ) => Promise<void>;\n};\n\n/**\n * This hook can toggle client app screen sharing on/off and provides current screen share state. It works only on iOS.\n * @returns An object with functions to manage app screen share on iOS and null on android.\n * @category Screenshare\n * @group Hooks\n */\nfunction useIosAppScreenShare(): AppScreenShareData {\n  const [isAppScreenShareOn, setIsAppScreenShareOn] = useState(\n    RNFishjamClientModule.isAppScreenShareOn,\n  );\n\n  const [simulcastConfig, setSimulcastConfig] = useState<SimulcastConfig>(\n    screenShareSimulcastConfig,\n  );\n\n  useFishjamEvent(ReceivableEvents.IsAppScreenShareOn, setIsAppScreenShareOn);\n\n  const toggleAppScreenShare = useCallback(\n    async (screenShareOptions: Partial<ScreenShareOptions> = {}) => {\n      const options = {\n        ...screenShareOptions,\n        screenShareMetadata: {\n          displayName: 'presenting',\n          type: 'screensharing' as const,\n          active: !isAppScreenShareOn,\n        },\n      };\n      await RNFishjamClientModule.toggleAppScreenShare(options);\n      screenShareSimulcastConfig = defaultSimulcastConfig(); //to do: sync with camera settings\n      setSimulcastConfig(screenShareSimulcastConfig);\n    },\n    [isAppScreenShareOn],\n  );\n\n  return {\n    isAppScreenShareOn,\n    simulcastConfig,\n    /**\n     * Toggles the screen share on/off.\n     * Emits warning on ios when user is screensharing full screen.\n     */\n    toggleAppScreenShare,\n  };\n}\n\nfunction useDefaultAppScreenShareAndroid(): AppScreenShareData {\n  return {\n    isAppScreenShareOn: false,\n    simulcastConfig: defaultSimulcastConfig(),\n    toggleAppScreenShare: async () => {},\n  };\n}\n\nexport const useAppScreenShare = Platform.select({\n  ios: useIosAppScreenShare,\n  default: useDefaultAppScreenShareAndroid,\n});\n"]}
+{"version":3,"file":"useAppScreenShare.js","sourceRoot":"","sources":["../../src/hooks/useAppScreenShare.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAAC;IACpC,OAAO,EAAE,KAAK;IACd,eAAe,EAAE,EAAE;CACpB,CAAC,CAAC;AAEH,IAAI,0BAA0B,GAAoB,sBAAsB,EAAE,CAAC;AAU3E;;;;;GAKG;AACH,SAAS,oBAAoB;IAC3B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAC1D,qBAAqB,CAAC,kBAAkB,CACzC,CAAC;IAEF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CACpD,0BAA0B,CAC3B,CAAC;IAEF,eAAe,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAAC;IAE5E,MAAM,oBAAoB,GAAG,WAAW,CACtC,KAAK,EAAE,qBAAkD,EAAE,EAAE,EAAE;QAC7D,MAAM,OAAO,GAAG;YACd,GAAG,kBAAkB;YACrB,mBAAmB,EAAE;gBACnB,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,kBAA2B;gBACjC,MAAM,EAAE,CAAC,kBAAkB;aAC5B;SACF,CAAC;QACF,MAAM,qBAAqB,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC1D,0BAA0B,GAAG,sBAAsB,EAAE,CAAC,CAAC,kCAAkC;QACzF,kBAAkB,CAAC,0BAA0B,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO;QACL,kBAAkB;QAClB,eAAe;QACf;;;WAGG;QACH,oBAAoB;KACrB,CAAC;AACJ,CAAC;AAED,SAAS,+BAA+B;IACtC,OAAO;QACL,kBAAkB,EAAE,KAAK;QACzB,eAAe,EAAE,sBAAsB,EAAE;QACzC,oBAAoB,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;KACrC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC/C,GAAG,EAAE,oBAAoB;IACzB,OAAO,EAAE,+BAA+B;CACzC,CAAC,CAAC","sourcesContent":["import { useCallback, useState } from 'react';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\nimport { SimulcastConfig } from '../types';\nimport { ReceivableEvents, useFishjamEvent } from './useFishjamEvent';\nimport { ScreenShareOptions } from './useScreenShare';\nimport { Platform } from 'react-native';\n\nconst defaultSimulcastConfig = () => ({\n  enabled: false,\n  activeEncodings: [],\n});\n\nlet screenShareSimulcastConfig: SimulcastConfig = defaultSimulcastConfig();\n\ntype AppScreenShareData = {\n  isAppScreenShareOn: boolean;\n  simulcastConfig: SimulcastConfig;\n  toggleAppScreenShare: (\n    screenShareOptions?: Partial<ScreenShareOptions>,\n  ) => Promise<void>;\n};\n\n/**\n * This hook can toggle client app screen sharing on/off and provides current screen share state. It works only on iOS.\n * @returns An object with functions to manage app screen share on iOS and null on android.\n * @category Screenshare\n * @group Hooks\n */\nfunction useIosAppScreenShare(): AppScreenShareData {\n  const [isAppScreenShareOn, setIsAppScreenShareOn] = useState(\n    RNFishjamClientModule.isAppScreenShareOn,\n  );\n\n  const [simulcastConfig, setSimulcastConfig] = useState<SimulcastConfig>(\n    screenShareSimulcastConfig,\n  );\n\n  useFishjamEvent(ReceivableEvents.IsAppScreenShareOn, setIsAppScreenShareOn);\n\n  const toggleAppScreenShare = useCallback(\n    async (screenShareOptions: Partial<ScreenShareOptions> = {}) => {\n      const options = {\n        ...screenShareOptions,\n        screenShareMetadata: {\n          displayName: 'presenting',\n          type: 'screenShareVideo' as const,\n          active: !isAppScreenShareOn,\n        },\n      };\n      await RNFishjamClientModule.toggleAppScreenShare(options);\n      screenShareSimulcastConfig = defaultSimulcastConfig(); //to do: sync with camera settings\n      setSimulcastConfig(screenShareSimulcastConfig);\n    },\n    [isAppScreenShareOn],\n  );\n\n  return {\n    isAppScreenShareOn,\n    simulcastConfig,\n    /**\n     * Toggles the screen share on/off.\n     * Emits warning on ios when user is screensharing full screen.\n     */\n    toggleAppScreenShare,\n  };\n}\n\nfunction useDefaultAppScreenShareAndroid(): AppScreenShareData {\n  return {\n    isAppScreenShareOn: false,\n    simulcastConfig: defaultSimulcastConfig(),\n    toggleAppScreenShare: async () => {},\n  };\n}\n\nexport const useAppScreenShare = Platform.select({\n  ios: useIosAppScreenShare,\n  default: useDefaultAppScreenShareAndroid,\n});\n"]}

package/build/hooks/useCamera.d.ts

@@ -6,6 +6,10 @@ export type Camera = {
     name: string;
     facingDirection: CameraFacingDirection;
 };
+export type CurrentCameraChangedType = {
+    currentCamera: Camera | null;
+    isCameraOn: boolean;
+};
 export type VideoQuality = 'QVGA169' | 'VGA169' | 'QHD169' | 'HD169' | 'FHD169' | 'QVGA43' | 'VGA43' | 'QHD43' | 'HD43' | 'FHD43';
 type CameraConfigBase = {
     /**
@@ -82,7 +86,7 @@ export declare function useCamera(): {
     /**
      * Which camera is now used for streaming (or will be used as default when camera will be enabled)
      */
-    currentCamera: Camera | undefined;
+    currentCamera: Camera | null;
     /**
      * Simulcast configuration
      */
@@ -99,7 +103,7 @@ export declare function useCamera(): {
      * @param config configuration of the camera capture
      * @returns A promise that resolves when camera is started.
      */
-    prepareCamera: (config?: Readonly<CameraConfig>) => Promise<void>;
+    prepareCamera: (config?: Readonly<CameraConfig>) => Promise<boolean>;
     /**
      * Switches to the specified camera.
      * List of available devices can be retrieved from `cameras` variable

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

@@ -1 +1 @@
-{"version":3,"file":"useCamera.d.ts","sourceRoot":"","sources":["../../src/hooks/useCamera.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,KAAK,EACL,uBAAuB,EACvB,eAAe,EACf,mBAAmB,EACnB,aAAa,EACd,MAAM,UAAU,CAAC;AAKlB,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,aAAa,CAAC;AAErE,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,QAAQ,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,gBAAgB,GAAG;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;;;;;;;;;;;OAeG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG;IAC5C;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAI5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,kBAAkB,CAAC,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC;IACzD;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC,GAAG,CACE;IAAE,eAAe,CAAC,EAAE,cAAc,CAAA;CAAE,GACpC;IAAE,eAAe,CAAC,EAAE,uBAAuB,CAAA;CAAE,CAChD,CAAC;AAuCJ,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAC7B,oBAAoB,CAOtB;AAED;;;;GAIG;AACH,wBAAgB,SAAS;IAsFrB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAGH,oCAAoC;;IAEpC;;;;OAIG;6BArFY,QAAQ,CAAC,YAAY,CAAC;IAuFrC;;;;OAIG,0BAhEc,QAAQ;IAkEzB;;;;OAIG;yCAvDc,aAAa;IAyD9B;;;;;OAKG;+CArDc,aAAa,aAAa,cAAc;IAuDzD;;;;;;;OAOG;wCA9Ee,cAAc;EAiFnC"}
+{"version":3,"file":"useCamera.d.ts","sourceRoot":"","sources":["../../src/hooks/useCamera.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,KAAK,EACL,uBAAuB,EACvB,eAAe,EACf,mBAAmB,EACnB,aAAa,EACd,MAAM,UAAU,CAAC;AAKlB,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,aAAa,CAAC;AAErE,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,QAAQ,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,gBAAgB,GAAG;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;;;;;;;;;;;OAeG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG;IAC5C;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAI5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,kBAAkB,CAAC,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC;IACzD;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC,GAAG,CACE;IAAE,eAAe,CAAC,EAAE,cAAc,CAAA;CAAE,GACpC;IAAE,eAAe,CAAC,EAAE,uBAAuB,CAAA;CAAE,CAChD,CAAC;AAuCJ,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAC7B,oBAAoB,CAOtB;AAED;;;;GAIG;AACH,wBAAgB,SAAS;IA0ErB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAGH,oCAAoC;;IAEpC;;;;OAIG;6BA7EY,QAAQ,CAAC,YAAY,CAAC;IA+ErC;;;;OAIG,0BA3D6C,QAAQ;IA6DxD;;;;OAIG;yCArDc,aAAa;IAuD9B;;;;;OAKG;+CArDc,aAAa,aAAa,cAAc;IAuDzD;;;;;;;OAOG;wCA5Ee,cAAc;EA+EnC"}

package/build/hooks/useCamera.js

@@ -1,7 +1,8 @@
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useMemo } from 'react';
 import { Platform } from 'react-native';
 import RNFishjamClientModule from '../RNFishjamClientModule';
-import { ReceivableEvents, useFishjamEvent } from './useFishjamEvent';
+import { ReceivableEvents } from './useFishjamEvent';
+import { useFishjamEventState } from './useFishjamEventState';
 const defaultSimulcastConfig = () => ({
     enabled: false,
     activeEncodings: [],
@@ -49,24 +50,23 @@ export function updateCameraConfig(config) {
  * @group Hooks
  */
 export function useCamera() {
-    const [isCameraOn, setIsCameraOn] = useState(RNFishjamClientModule.isCameraOn);
-    const [currentCamera, setCurrentCamera] = useState(undefined);
-    const [simulcastConfig, setSimulcastConfig] = useState(defaultSimulcastConfig());
-    useFishjamEvent(ReceivableEvents.SimulcastConfigUpdate, setSimulcastConfig);
-    useFishjamEvent(ReceivableEvents.IsCameraOn, setIsCameraOn);
-    const cameras = useMemo(() => {
-        return RNFishjamClientModule.cameras;
-    }, []);
+    const simulcastConfig = useFishjamEventState(ReceivableEvents.SimulcastConfigUpdate, defaultSimulcastConfig());
+    const { currentCamera: currentCameraState, isCameraOn } = useFishjamEventState(ReceivableEvents.CurrentCameraChanged, {
+        currentCamera: RNFishjamClientModule.currentCamera,
+        isCameraOn: RNFishjamClientModule.isCameraOn,
+    });
+    // For Android Expo converts null to undefined ¯\_(ツ)_/¯
+    const currentCamera = currentCameraState ?? null;
+    const cameras = useMemo(() => RNFishjamClientModule.cameras, []);
     const prepareCamera = useCallback(async (config = {}) => {
         const camera = RNFishjamClientModule.cameras.find((camera) => config.cameraId
             ? camera.id === config.cameraId
             : camera.facingDirection === 'front');
-        setCurrentCamera(camera);
         const updatedConfig = updateCameraConfig({
             ...config,
             cameraId: camera?.id,
         });
-        await RNFishjamClientModule.startCamera(updatedConfig);
+        return RNFishjamClientModule.startCamera(updatedConfig);
     }, []);
     const toggleCamera = useCallback(async () => {
         const state = await RNFishjamClientModule.toggleCamera();
@@ -74,18 +74,15 @@ export function useCamera() {
             active: state,
             type: 'camera',
         });
-        setIsCameraOn(state);
     }, []);
     const switchCamera = useCallback(async (cameraId) => {
         await RNFishjamClientModule.switchCamera(cameraId);
-        setCurrentCamera(cameras.find((camera) => camera.id === cameraId));
-    }, [cameras]);
+    }, []);
     const setVideoTrackBandwidth = useCallback(async (bandwidth) => {
         await RNFishjamClientModule.setVideoTrackBandwidth(bandwidth);
     }, []);
     const toggleVideoTrackEncoding = useCallback(async (encoding) => {
-        const videoSimulcastConfig = await RNFishjamClientModule.toggleVideoTrackEncoding(encoding);
-        setSimulcastConfig(videoSimulcastConfig);
+        await RNFishjamClientModule.toggleVideoTrackEncoding(encoding);
     }, []);
     const setVideoTrackEncodingBandwidth = useCallback(async (encoding, bandwidth) => {
         await RNFishjamClientModule.setVideoTrackEncodingBandwidth(encoding, bandwidth);

package/build/hooks/useCamera.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCamera.js","sourceRoot":"","sources":["../../src/hooks/useCamera.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { Platform } from 'react-native';\n\nimport {\n  BandwidthLimit,\n  Brand,\n  SimulcastBandwidthLimit,\n  SimulcastConfig,\n  TrackBandwidthLimit,\n  TrackEncoding,\n} from '../types';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\nimport { ReceivableEvents, useFishjamEvent } from './useFishjamEvent';\n\ntype SimulcastConfigUpdateEvent = SimulcastConfig;\nexport type CameraId = Brand<string, 'CameraId'>;\n\nexport type CameraFacingDirection = 'front' | 'back' | 'unspecified';\n\nexport type Camera = {\n  id: CameraId;\n  name: string;\n  facingDirection: CameraFacingDirection;\n};\n\nexport type VideoQuality =\n  | 'QVGA169'\n  | 'VGA169'\n  | 'QHD169'\n  | 'HD169'\n  | 'FHD169'\n  | 'QVGA43'\n  | 'VGA43'\n  | 'QHD43'\n  | 'HD43'\n  | 'FHD43';\n\ntype CameraConfigBase = {\n  /**\n   * resolution + aspect ratio of local video track, one of: `QVGA_169`, `VGA_169`, `QHD_169`, `HD_169`,\n   * `FHD_169`, `QVGA_43`, `VGA_43`, `QHD_43`, `HD_43`, `FHD_43`. Note that quality might be worse than\n   * specified due to device capabilities, internet connection etc.\n   * @default `VGA_169`\n   */\n  quality?: VideoQuality;\n  /**\n   * whether to flip the dimensions of the video, that is whether to film in vertical orientation.\n   * This basically switches width with height and is only used to select closes capture format.\n   *\n   * To record horizontal video your phone orientation must be in landscape and your app must support this orientation.\n   *\n   * Platform specific capture formats:\n   * @see iOS: https://developer.apple.com/documentation/avfoundation/avcapturedevice/format\n   * @see Android: https://github.com/webrtc-sdk/webrtc/blob/cdc3bba5aa38910a55428b919ba45aceac1ad9ad/sdk/android/api/org/webrtc/CameraEnumerationAndroid.java#L50\n   *\n   * WebRTC device orientation handling:\n   * @see iOS:  https://github.com/webrtc-sdk/webrtc/blob/cdc3bba5aa38910a55428b919ba45aceac1ad9ad/sdk/objc/components/capturer/RTCCameraVideoCapturer.m#L285\n   * @see Android: https://github.com/pristineio/webrtc-mirror/blob/7a5bcdffaab90a05bc1146b2b1ea71c004e54d71/webrtc/sdk/android/src/java/org/webrtc/Camera2Session.java#L347\n   *\n   * @default `true`\n   */\n  flipDimensions?: boolean;\n  /**\n   * whether the camera track is initially enabled, you can toggle it on/off later with toggleCamera method\n   * @default `true`\n   */\n  cameraEnabled?: boolean;\n  /**\n   * id of the camera to start capture with. Get available cameras with `cameras`.\n   * You can switch the cameras later with `switchCamera` functions.\n   * @default the first front camera\n   */\n  cameraId?: CameraId;\n};\n\nexport type CameraConfig = CameraConfigBase & {\n  /**\n   *  whether video track uses simulcast. By default simulcast is disabled.\n   */\n  simulcastEnabled?: boolean;\n  /**\n   *  bandwidth limit of a video track. By default there is no bandwidth limit.\n   */\n};\n\nexport type CameraConfigInternal = CameraConfigBase & {\n  videoTrackMetadata?: { active: boolean; type: 'camera' };\n  /**\n   *  SimulcastConfig of a video track. By default simulcast is disabled.\n   */\n  simulcastConfig?: SimulcastConfig;\n  /**\n   *  bandwidth limit of a video track. By default there is no bandwidth limit.\n   */\n  maxBandwidth?: TrackBandwidthLimit;\n} & (\n    | { maxBandwidthInt?: BandwidthLimit }\n    | { maxBandwidthMap?: SimulcastBandwidthLimit }\n  );\n\nconst defaultSimulcastConfig = () => ({\n  enabled: false,\n  activeEncodings: [],\n});\n\nfunction maxBandwidthConfig(maxBandwidth: TrackBandwidthLimit | undefined) {\n  if (Platform.OS === 'android') {\n    if (typeof maxBandwidth === 'object') {\n      return {\n        maxBandwidth: undefined,\n        maxBandwidthMap: maxBandwidth,\n      };\n    } else {\n      return {\n        maxBandwidth: undefined,\n        maxBandwidthInt: maxBandwidth,\n      };\n    }\n  }\n  return { maxBandwidth };\n}\n\nfunction simulcastConfig(\n  simulcastEnabled: boolean | undefined,\n): SimulcastConfig | undefined {\n  // iOS has a limit of 3 hardware encoders\n  // 3 simulcast layers + 1 screen share layer = 4, which is too much\n  // so we limit simulcast layers to 2\n  if (simulcastEnabled) {\n    return Platform.select<SimulcastConfig>({\n      ios: { enabled: true, activeEncodings: ['l', 'h'] },\n      android: { enabled: true, activeEncodings: ['l', 'm', 'h'] },\n    });\n  }\n  return undefined;\n}\n\nexport function updateCameraConfig(\n  config: Readonly<CameraConfig>,\n): CameraConfigInternal {\n  return {\n    ...config,\n    ...maxBandwidthConfig({ l: 150, m: 500, h: 1500 }),\n    videoTrackMetadata: { active: true, type: 'camera' },\n    simulcastConfig: simulcastConfig(config.simulcastEnabled),\n  };\n}\n\n/**\n * This hook can toggle camera on/off and provides current camera state.\n * @category Devices\n * @group Hooks\n */\nexport function useCamera() {\n  const [isCameraOn, setIsCameraOn] = useState<boolean>(\n    RNFishjamClientModule.isCameraOn,\n  );\n\n  const [currentCamera, setCurrentCamera] = useState<Camera | undefined>(\n    undefined,\n  );\n\n  const [simulcastConfig, setSimulcastConfig] = useState<SimulcastConfig>(\n    defaultSimulcastConfig(),\n  );\n\n  useFishjamEvent<SimulcastConfigUpdateEvent>(\n    ReceivableEvents.SimulcastConfigUpdate,\n    setSimulcastConfig,\n  );\n\n  useFishjamEvent(ReceivableEvents.IsCameraOn, setIsCameraOn);\n\n  const cameras = useMemo(() => {\n    return RNFishjamClientModule.cameras;\n  }, []);\n\n  const prepareCamera = useCallback(\n    async (config: Readonly<CameraConfig> = {}) => {\n      const camera = RNFishjamClientModule.cameras.find((camera) =>\n        config.cameraId\n          ? camera.id === config.cameraId\n          : camera.facingDirection === 'front',\n      );\n\n      setCurrentCamera(camera);\n      const updatedConfig = updateCameraConfig({\n        ...config,\n        cameraId: camera?.id,\n      });\n      await RNFishjamClientModule.startCamera(updatedConfig);\n    },\n    [],\n  );\n\n  const toggleCamera = useCallback(async () => {\n    const state = await RNFishjamClientModule.toggleCamera();\n    await RNFishjamClientModule.updateVideoTrackMetadata({\n      active: state,\n      type: 'camera',\n    });\n    setIsCameraOn(state);\n  }, []);\n\n  const switchCamera = useCallback(\n    async (cameraId: CameraId) => {\n      await RNFishjamClientModule.switchCamera(cameraId);\n      setCurrentCamera(cameras.find((camera) => camera.id === cameraId));\n    },\n    [cameras],\n  );\n\n  const setVideoTrackBandwidth = useCallback(\n    async (bandwidth: BandwidthLimit) => {\n      await RNFishjamClientModule.setVideoTrackBandwidth(bandwidth);\n    },\n    [],\n  );\n\n  const toggleVideoTrackEncoding = useCallback(\n    async (encoding: TrackEncoding) => {\n      const videoSimulcastConfig =\n        await RNFishjamClientModule.toggleVideoTrackEncoding(encoding);\n      setSimulcastConfig(videoSimulcastConfig);\n    },\n    [],\n  );\n\n  const setVideoTrackEncodingBandwidth = useCallback(\n    async (encoding: TrackEncoding, bandwidth: BandwidthLimit) => {\n      await RNFishjamClientModule.setVideoTrackEncodingBandwidth(\n        encoding,\n        bandwidth,\n      );\n    },\n    [],\n  );\n\n  return {\n    /**\n     * Informs if user camera is streaming video\n     */\n    isCameraOn,\n    /**\n     * Which camera is now used for streaming (or will be used as default when camera will be enabled)\n     */\n    currentCamera,\n    /**\n     * Simulcast configuration\n     */\n    simulcastConfig,\n    /**\n     * Property that lists cameras available on device.\n     * @returns A promise that resolves to the list of available cameras.\n     */\n    cameras,\n\n    /** Enable/disable current camera */\n    toggleCamera,\n    /**\n     * Prepares camera and starts local video track\n     * @param config configuration of the camera capture\n     * @returns A promise that resolves when camera is started.\n     */\n    prepareCamera,\n    /**\n     * Switches to the specified camera.\n     * List of available devices can be retrieved from `cameras` variable\n     * @returns A promise that resolves when camera is switched.\n     */ switchCamera,\n\n    /**\n     * @deprecated\n     * toggles encoding of a video track on/off\n     * @param encoding encoding to toggle\n     */\n    toggleVideoTrackEncoding,\n    /**\n     * updates maximum bandwidth for the given simulcast encoding of the video track\n     * @param encoding  encoding to update\n     * @param bandwidth BandwidthLimit to set\n     * @deprecated\n     */\n    setVideoTrackEncodingBandwidth,\n    /**\n     * updates maximum bandwidth for the video track. This value directly translates\n     * to quality of the stream and the amount of RTP packets being sent. In case simulcast\n     * is enabled bandwidth is split between all of the variant streams proportionally to\n     * their resolution.\n     * @param BandwidthLimit to set\n     * @deprecated\n     */\n    setVideoTrackBandwidth,\n  };\n}\n"]}
+{"version":3,"file":"useCamera.js","sourceRoot":"","sources":["../../src/hooks/useCamera.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { Platform } from 'react-native';\n\nimport {\n  BandwidthLimit,\n  Brand,\n  SimulcastBandwidthLimit,\n  SimulcastConfig,\n  TrackBandwidthLimit,\n  TrackEncoding,\n} from '../types';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\nimport { ReceivableEvents } from './useFishjamEvent';\nimport { useFishjamEventState } from './useFishjamEventState';\n\nexport type CameraId = Brand<string, 'CameraId'>;\n\nexport type CameraFacingDirection = 'front' | 'back' | 'unspecified';\n\nexport type Camera = {\n  id: CameraId;\n  name: string;\n  facingDirection: CameraFacingDirection;\n};\n\nexport type CurrentCameraChangedType = {\n  currentCamera: Camera | null;\n  isCameraOn: boolean;\n};\n\nexport type VideoQuality =\n  | 'QVGA169'\n  | 'VGA169'\n  | 'QHD169'\n  | 'HD169'\n  | 'FHD169'\n  | 'QVGA43'\n  | 'VGA43'\n  | 'QHD43'\n  | 'HD43'\n  | 'FHD43';\n\ntype CameraConfigBase = {\n  /**\n   * resolution + aspect ratio of local video track, one of: `QVGA_169`, `VGA_169`, `QHD_169`, `HD_169`,\n   * `FHD_169`, `QVGA_43`, `VGA_43`, `QHD_43`, `HD_43`, `FHD_43`. Note that quality might be worse than\n   * specified due to device capabilities, internet connection etc.\n   * @default `VGA_169`\n   */\n  quality?: VideoQuality;\n  /**\n   * whether to flip the dimensions of the video, that is whether to film in vertical orientation.\n   * This basically switches width with height and is only used to select closes capture format.\n   *\n   * To record horizontal video your phone orientation must be in landscape and your app must support this orientation.\n   *\n   * Platform specific capture formats:\n   * @see iOS: https://developer.apple.com/documentation/avfoundation/avcapturedevice/format\n   * @see Android: https://github.com/webrtc-sdk/webrtc/blob/cdc3bba5aa38910a55428b919ba45aceac1ad9ad/sdk/android/api/org/webrtc/CameraEnumerationAndroid.java#L50\n   *\n   * WebRTC device orientation handling:\n   * @see iOS:  https://github.com/webrtc-sdk/webrtc/blob/cdc3bba5aa38910a55428b919ba45aceac1ad9ad/sdk/objc/components/capturer/RTCCameraVideoCapturer.m#L285\n   * @see Android: https://github.com/pristineio/webrtc-mirror/blob/7a5bcdffaab90a05bc1146b2b1ea71c004e54d71/webrtc/sdk/android/src/java/org/webrtc/Camera2Session.java#L347\n   *\n   * @default `true`\n   */\n  flipDimensions?: boolean;\n  /**\n   * whether the camera track is initially enabled, you can toggle it on/off later with toggleCamera method\n   * @default `true`\n   */\n  cameraEnabled?: boolean;\n  /**\n   * id of the camera to start capture with. Get available cameras with `cameras`.\n   * You can switch the cameras later with `switchCamera` functions.\n   * @default the first front camera\n   */\n  cameraId?: CameraId;\n};\n\nexport type CameraConfig = CameraConfigBase & {\n  /**\n   *  whether video track uses simulcast. By default simulcast is disabled.\n   */\n  simulcastEnabled?: boolean;\n  /**\n   *  bandwidth limit of a video track. By default there is no bandwidth limit.\n   */\n};\n\nexport type CameraConfigInternal = CameraConfigBase & {\n  videoTrackMetadata?: { active: boolean; type: 'camera' };\n  /**\n   *  SimulcastConfig of a video track. By default simulcast is disabled.\n   */\n  simulcastConfig?: SimulcastConfig;\n  /**\n   *  bandwidth limit of a video track. By default there is no bandwidth limit.\n   */\n  maxBandwidth?: TrackBandwidthLimit;\n} & (\n    | { maxBandwidthInt?: BandwidthLimit }\n    | { maxBandwidthMap?: SimulcastBandwidthLimit }\n  );\n\nconst defaultSimulcastConfig = () => ({\n  enabled: false,\n  activeEncodings: [],\n});\n\nfunction maxBandwidthConfig(maxBandwidth: TrackBandwidthLimit | undefined) {\n  if (Platform.OS === 'android') {\n    if (typeof maxBandwidth === 'object') {\n      return {\n        maxBandwidth: undefined,\n        maxBandwidthMap: maxBandwidth,\n      };\n    } else {\n      return {\n        maxBandwidth: undefined,\n        maxBandwidthInt: maxBandwidth,\n      };\n    }\n  }\n  return { maxBandwidth };\n}\n\nfunction simulcastConfig(\n  simulcastEnabled: boolean | undefined,\n): SimulcastConfig | undefined {\n  // iOS has a limit of 3 hardware encoders\n  // 3 simulcast layers + 1 screen share layer = 4, which is too much\n  // so we limit simulcast layers to 2\n  if (simulcastEnabled) {\n    return Platform.select<SimulcastConfig>({\n      ios: { enabled: true, activeEncodings: ['l', 'h'] },\n      android: { enabled: true, activeEncodings: ['l', 'm', 'h'] },\n    });\n  }\n  return undefined;\n}\n\nexport function updateCameraConfig(\n  config: Readonly<CameraConfig>,\n): CameraConfigInternal {\n  return {\n    ...config,\n    ...maxBandwidthConfig({ l: 150, m: 500, h: 1500 }),\n    videoTrackMetadata: { active: true, type: 'camera' },\n    simulcastConfig: simulcastConfig(config.simulcastEnabled),\n  };\n}\n\n/**\n * This hook can toggle camera on/off and provides current camera state.\n * @category Devices\n * @group Hooks\n */\nexport function useCamera() {\n  const simulcastConfig = useFishjamEventState<SimulcastConfig>(\n    ReceivableEvents.SimulcastConfigUpdate,\n    defaultSimulcastConfig(), // TODO: Fetch from native\n  );\n\n  const { currentCamera: currentCameraState, isCameraOn } =\n    useFishjamEventState<CurrentCameraChangedType>(\n      ReceivableEvents.CurrentCameraChanged,\n      {\n        currentCamera: RNFishjamClientModule.currentCamera,\n        isCameraOn: RNFishjamClientModule.isCameraOn,\n      },\n    );\n\n  // For Android Expo converts null to undefined ¯\\_(ツ)_/¯\n  const currentCamera = currentCameraState ?? null;\n\n  const cameras = useMemo(() => RNFishjamClientModule.cameras, []);\n\n  const prepareCamera = useCallback(\n    async (config: Readonly<CameraConfig> = {}) => {\n      const camera = RNFishjamClientModule.cameras.find((camera) =>\n        config.cameraId\n          ? camera.id === config.cameraId\n          : camera.facingDirection === 'front',\n      );\n\n      const updatedConfig = updateCameraConfig({\n        ...config,\n        cameraId: camera?.id,\n      });\n      return RNFishjamClientModule.startCamera(updatedConfig);\n    },\n    [],\n  );\n\n  const toggleCamera = useCallback(async () => {\n    const state = await RNFishjamClientModule.toggleCamera();\n    await RNFishjamClientModule.updateVideoTrackMetadata({\n      active: state,\n      type: 'camera',\n    });\n  }, []);\n\n  const switchCamera = useCallback(async (cameraId: CameraId) => {\n    await RNFishjamClientModule.switchCamera(cameraId);\n  }, []);\n\n  const setVideoTrackBandwidth = useCallback(\n    async (bandwidth: BandwidthLimit) => {\n      await RNFishjamClientModule.setVideoTrackBandwidth(bandwidth);\n    },\n    [],\n  );\n\n  const toggleVideoTrackEncoding = useCallback(\n    async (encoding: TrackEncoding) => {\n      await RNFishjamClientModule.toggleVideoTrackEncoding(encoding);\n    },\n    [],\n  );\n\n  const setVideoTrackEncodingBandwidth = useCallback(\n    async (encoding: TrackEncoding, bandwidth: BandwidthLimit) => {\n      await RNFishjamClientModule.setVideoTrackEncodingBandwidth(\n        encoding,\n        bandwidth,\n      );\n    },\n    [],\n  );\n\n  return {\n    /**\n     * Informs if user camera is streaming video\n     */\n    isCameraOn,\n    /**\n     * Which camera is now used for streaming (or will be used as default when camera will be enabled)\n     */\n    currentCamera,\n    /**\n     * Simulcast configuration\n     */\n    simulcastConfig,\n    /**\n     * Property that lists cameras available on device.\n     * @returns A promise that resolves to the list of available cameras.\n     */\n    cameras,\n\n    /** Enable/disable current camera */\n    toggleCamera,\n    /**\n     * Prepares camera and starts local video track\n     * @param config configuration of the camera capture\n     * @returns A promise that resolves when camera is started.\n     */\n    prepareCamera,\n    /**\n     * Switches to the specified camera.\n     * List of available devices can be retrieved from `cameras` variable\n     * @returns A promise that resolves when camera is switched.\n     */ switchCamera,\n\n    /**\n     * @deprecated\n     * toggles encoding of a video track on/off\n     * @param encoding encoding to toggle\n     */\n    toggleVideoTrackEncoding,\n    /**\n     * updates maximum bandwidth for the given simulcast encoding of the video track\n     * @param encoding  encoding to update\n     * @param bandwidth BandwidthLimit to set\n     * @deprecated\n     */\n    setVideoTrackEncodingBandwidth,\n    /**\n     * updates maximum bandwidth for the video track. This value directly translates\n     * to quality of the stream and the amount of RTP packets being sent. In case simulcast\n     * is enabled bandwidth is split between all of the variant streams proportionally to\n     * their resolution.\n     * @param BandwidthLimit to set\n     * @deprecated\n     */\n    setVideoTrackBandwidth,\n  };\n}\n"]}

package/build/hooks/useFishjamEvent.d.ts

@@ -1,5 +1,4 @@
 export declare const ReceivableEvents: {
-    readonly IsCameraOn: "IsCameraOn";
     readonly IsMicrophoneOn: "IsMicrophoneOn";
     readonly IsScreenShareOn: "IsScreenShareOn";
     readonly IsAppScreenShareOn: "IsAppScreenShareOn";
@@ -13,6 +12,7 @@ export declare const ReceivableEvents: {
     readonly Reconnected: "Reconnected";
     readonly Warning: "Warning";
     readonly PeerStatusChanged: "PeerStatusChanged";
+    readonly CurrentCameraChanged: "CurrentCameraChanged";
 };
 export declare function useFishjamEvent<T>(eventName: keyof typeof ReceivableEvents, callback: (event: T) => void): void;
 //# sourceMappingURL=useFishjamEvent.d.ts.map

package/build/hooks/useFishjamEvent.js

@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 import { nativeModuleEventEmitter } from '../RNFishjamClientModule';
 export const ReceivableEvents = {
-    IsCameraOn: 'IsCameraOn',
     IsMicrophoneOn: 'IsMicrophoneOn',
     IsScreenShareOn: 'IsScreenShareOn',
     IsAppScreenShareOn: 'IsAppScreenShareOn', // only for iOS
@@ -15,6 +14,7 @@ export const ReceivableEvents = {
     Reconnected: 'Reconnected',
     Warning: 'Warning',
     PeerStatusChanged: 'PeerStatusChanged',
+    CurrentCameraChanged: 'CurrentCameraChanged',
 };
 export function useFishjamEvent(eventName, callback) {
     useEffect(() => {

package/build/hooks/useFishjamEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFishjamEvent.js","sourceRoot":"","sources":["../../src/hooks/useFishjamEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,UAAU,EAAE,YAAY;IACxB,cAAc,EAAE,gBAAgB;IAChC,eAAe,EAAE,iBAAiB;IAClC,kBAAkB,EAAE,oBAAoB,EAAE,eAAe;IACzD,qBAAqB,EAAE,uBAAuB;IAC9C,WAAW,EAAE,aAAa;IAC1B,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,gBAAgB;IAChC,mBAAmB,EAAE,qBAAqB;IAC1C,+BAA+B,EAAE,iCAAiC;IAClE,mBAAmB,EAAE,qBAAqB;IAC1C,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,SAAS;IAClB,iBAAiB,EAAE,mBAAmB;CAC9B,CAAC;AAEX,MAAM,UAAU,eAAe,CAC7B,SAAwC,EACxC,QAA4B;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,wBAAwB,CAAC,WAAW,CAExD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { nativeModuleEventEmitter } from '../RNFishjamClientModule';\n\nexport const ReceivableEvents = {\n  IsCameraOn: 'IsCameraOn',\n  IsMicrophoneOn: 'IsMicrophoneOn',\n  IsScreenShareOn: 'IsScreenShareOn',\n  IsAppScreenShareOn: 'IsAppScreenShareOn', // only for iOS\n  SimulcastConfigUpdate: 'SimulcastConfigUpdate',\n  PeersUpdate: 'PeersUpdate',\n  AudioDeviceUpdate: 'AudioDeviceUpdate',\n  SendMediaEvent: 'SendMediaEvent',\n  BandwidthEstimation: 'BandwidthEstimation',\n  ReconnectionRetriesLimitReached: 'ReconnectionRetriesLimitReached',\n  ReconnectionStarted: 'ReconnectionStarted',\n  Reconnected: 'Reconnected',\n  Warning: 'Warning',\n  PeerStatusChanged: 'PeerStatusChanged',\n} as const;\n\nexport function useFishjamEvent<T>(\n  eventName: keyof typeof ReceivableEvents,\n  callback: (event: T) => void,\n) {\n  useEffect(() => {\n    const eventListener = nativeModuleEventEmitter.addListener<\n      Record<keyof typeof ReceivableEvents, T>\n    >(eventName, (event) => {\n      callback(event[eventName]);\n    });\n    return () => eventListener.remove();\n  }, [callback, eventName]);\n}\n"]}
+{"version":3,"file":"useFishjamEvent.js","sourceRoot":"","sources":["../../src/hooks/useFishjamEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,cAAc,EAAE,gBAAgB;IAChC,eAAe,EAAE,iBAAiB;IAClC,kBAAkB,EAAE,oBAAoB,EAAE,eAAe;IACzD,qBAAqB,EAAE,uBAAuB;IAC9C,WAAW,EAAE,aAAa;IAC1B,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,gBAAgB;IAChC,mBAAmB,EAAE,qBAAqB;IAC1C,+BAA+B,EAAE,iCAAiC;IAClE,mBAAmB,EAAE,qBAAqB;IAC1C,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,SAAS;IAClB,iBAAiB,EAAE,mBAAmB;IACtC,oBAAoB,EAAE,sBAAsB;CACpC,CAAC;AAEX,MAAM,UAAU,eAAe,CAC7B,SAAwC,EACxC,QAA4B;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,wBAAwB,CAAC,WAAW,CAExD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { nativeModuleEventEmitter } from '../RNFishjamClientModule';\n\nexport const ReceivableEvents = {\n  IsMicrophoneOn: 'IsMicrophoneOn',\n  IsScreenShareOn: 'IsScreenShareOn',\n  IsAppScreenShareOn: 'IsAppScreenShareOn', // only for iOS\n  SimulcastConfigUpdate: 'SimulcastConfigUpdate',\n  PeersUpdate: 'PeersUpdate',\n  AudioDeviceUpdate: 'AudioDeviceUpdate',\n  SendMediaEvent: 'SendMediaEvent',\n  BandwidthEstimation: 'BandwidthEstimation',\n  ReconnectionRetriesLimitReached: 'ReconnectionRetriesLimitReached',\n  ReconnectionStarted: 'ReconnectionStarted',\n  Reconnected: 'Reconnected',\n  Warning: 'Warning',\n  PeerStatusChanged: 'PeerStatusChanged',\n  CurrentCameraChanged: 'CurrentCameraChanged',\n} as const;\n\nexport function useFishjamEvent<T>(\n  eventName: keyof typeof ReceivableEvents,\n  callback: (event: T) => void,\n) {\n  useEffect(() => {\n    const eventListener = nativeModuleEventEmitter.addListener<\n      Record<keyof typeof ReceivableEvents, T>\n    >(eventName, (event) => {\n      callback(event[eventName]);\n    });\n    return () => eventListener.remove();\n  }, [callback, eventName]);\n}\n"]}

package/build/hooks/useFishjamEventState.d.ts

@@ -0,0 +1,3 @@
+import { ReceivableEvents } from './useFishjamEvent';
+export declare function useFishjamEventState<EventType, StateType = EventType>(eventName: keyof typeof ReceivableEvents, defaultValue: StateType, transform?: StateType extends EventType ? undefined : (eventValue: EventType) => StateType): StateType;
+//# sourceMappingURL=useFishjamEventState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamEventState.d.ts","sourceRoot":"","sources":["../../src/hooks/useFishjamEventState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAmB,MAAM,mBAAmB,CAAC;AAEtE,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,EACnE,SAAS,EAAE,MAAM,OAAO,gBAAgB,EACxC,YAAY,EAAE,SAAS,EACvB,SAAS,CAAC,EAAE,SAAS,SAAS,SAAS,GACnC,SAAS,GACT,CAAC,UAAU,EAAE,SAAS,KAAK,SAAS,aAkBzC"}

package/build/hooks/useFishjamEventState.js

@@ -0,0 +1,16 @@
+import { useCallback, useState } from 'react';
+import { useFishjamEvent } from './useFishjamEvent';
+export function useFishjamEventState(eventName, defaultValue, transform) {
+    const [value, setValue] = useState(defaultValue);
+    const onEvent = useCallback((newValue) => {
+        if (transform) {
+            setValue(transform(newValue));
+        }
+        else {
+            setValue(newValue);
+        }
+    }, [transform]);
+    useFishjamEvent(eventName, onEvent);
+    return value;
+}
+//# sourceMappingURL=useFishjamEventState.js.map

package/build/hooks/useFishjamEventState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamEventState.js","sourceRoot":"","sources":["../../src/hooks/useFishjamEventState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAoB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE,MAAM,UAAU,oBAAoB,CAClC,SAAwC,EACxC,YAAuB,EACvB,SAEwC;IAExC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,YAAY,CAAC,CAAC;IAE5D,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,QAAmB,EAAE,EAAE;QACtB,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,QAAgC,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAEpC,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["import { useCallback, useState } from 'react';\nimport { ReceivableEvents, useFishjamEvent } from './useFishjamEvent';\n\nexport function useFishjamEventState<EventType, StateType = EventType>(\n  eventName: keyof typeof ReceivableEvents,\n  defaultValue: StateType,\n  transform?: StateType extends EventType\n    ? undefined\n    : (eventValue: EventType) => StateType,\n) {\n  const [value, setValue] = useState<StateType>(defaultValue);\n\n  const onEvent = useCallback(\n    (newValue: EventType) => {\n      if (transform) {\n        setValue(transform(newValue));\n      } else {\n        setValue(newValue as unknown as StateType);\n      }\n    },\n    [transform],\n  );\n\n  useFishjamEvent(eventName, onEvent);\n\n  return value;\n}\n"]}

package/build/hooks/useForegroundService.d.ts

@@ -1,30 +1,22 @@
-export type ForegroundServicePermissionsConfigInternal = {
-    enableCamera?: boolean;
-    enableMicrophone?: boolean;
-    enableScreenSharing?: boolean;
-};
 /**
- * A type representing the options required for configuring the foreground service notifcation.
+ * A type representing the configuration for foreground service permissions.
  *
+ * @param enableCamera Indicates whether the camera is enabled for the foreground service.
+ * @param enableMicrophone Indicates whether the microphone is enabled for the foreground service.
  * @param channelId The id of the channel. Must be unique per package.
  * @param channelName The user visible name of the channel.
  * @param notificationTitle The title (first row) of the notification, in a standard notification.
  * @param notificationContent The text (second row) of the notification, in a standard notification.
- */
-export type ForegroundServiceNotificationConfig = {
-    channelId: string;
-    channelName: string;
-    notificationTitle: string;
-    notificationContent: string;
-};
-/**
- * A type representing the configuration for foreground service permissions.
- *
- * @param enableCamera Indicates whether the camera is enabled for the foreground service.
- * @param enableMicrophone Indicates whether the microphone is enabled for the foreground service.
  *
  */
-export type ForegroundServicePermissionsConfig = Pick<ForegroundServicePermissionsConfigInternal, 'enableCamera' | 'enableMicrophone'>;
+export type ForegroundServiceConfig = {
+    enableCamera?: boolean;
+    enableMicrophone?: boolean;
+    channelId?: string;
+    channelName?: string;
+    notificationTitle?: string;
+    notificationContent?: string;
+};
 /**
  * useForegroundService
  *
@@ -40,5 +32,5 @@ export type ForegroundServicePermissionsConfig = Pick<ForegroundServicePermissio
  * @param {Object} config.notificationContent - The text (second row) of the notification, in a standard notification.
  *
  */
-export declare const useForegroundService: ({ enableCamera, enableMicrophone, ...restOptions }: ForegroundServiceNotificationConfig & ForegroundServicePermissionsConfig) => void;
+export declare const useForegroundService: ({ enableCamera, enableMicrophone, channelId, channelName, notificationContent, notificationTitle, }: ForegroundServiceConfig) => void;
 //# sourceMappingURL=useForegroundService.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useForegroundService.d.ts","sourceRoot":"","sources":["../../src/hooks/useForegroundService.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,0CAA0C,GAAG;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,mCAAmC,GAAG;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AACF;;;;;;GAMG;AACH,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACnD,0CAA0C,EAC1C,cAAc,GAAG,kBAAkB,CACpC,CAAC;AAiDF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,uDA3C9B,mCAAmC,GACpC,kCAAkC,SA6ClC,CAAC"}
+{"version":3,"file":"useForegroundService.d.ts","sourceRoot":"","sources":["../../src/hooks/useForegroundService.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AA6DF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,wGApD9B,uBAAuB,SAuDxB,CAAC"}

package/build/hooks/useForegroundService.js

@@ -12,7 +12,7 @@ const requestNotificationsPermission = async () => {
         console.warn(err);
     }
 };
-const useForegroundServiceAndroid = ({ enableCamera, enableMicrophone, ...restOptions }) => {
+const useForegroundServiceAndroid = ({ enableCamera, enableMicrophone, channelId, channelName, notificationContent, notificationTitle, }) => {
     const [isConfigured, setIsConfigured] = useState(false);
     useEffect(() => {
         if (!isConfigured) {
@@ -21,17 +21,27 @@ const useForegroundServiceAndroid = ({ enableCamera, enableMicrophone, ...restOp
         RNFishjamClientModule.startForegroundService({
             enableCamera,
             enableMicrophone,
+            channelId,
+            channelName,
+            notificationContent,
+            notificationTitle,
         });
-    }, [enableCamera, enableMicrophone, isConfigured]);
+    }, [
+        channelId,
+        channelName,
+        enableCamera,
+        enableMicrophone,
+        isConfigured,
+        notificationContent,
+        notificationTitle,
+    ]);
     useEffect(() => {
         const runConfiguration = async () => {
             await requestNotificationsPermission();
-            RNFishjamClientModule.configureForegroundService(restOptions);
             setIsConfigured(true);
         };
         runConfiguration();
         return () => RNFishjamClientModule.stopForegroundService();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 };
 const emptyFunction = () => { };

package/build/hooks/useForegroundService.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForegroundService.js","sourceRoot":"","sources":["../../src/hooks/useForegroundService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAkC5D,MAAM,8BAA8B,GAAG,KAAK,IAAI,EAAE;IAChD,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,kBAAkB,CAAC,OAAO,CAC7C,kBAAkB,CAAC,WAAW,CAAC,kBAAkB,CAClD,CAAC;QACF,IAAI,MAAM,KAAK,kBAAkB,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YAClD,OAAO,CAAC,IAAI,CACV,6FAA6F,CAC9F,CAAC;QACJ,CAAC;IACH,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,CAAC,EACnC,YAAY,EACZ,gBAAgB,EAChB,GAAG,WAAW,EAEoB,EAAE,EAAE;IACtC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QACD,qBAAqB,CAAC,sBAAsB,CAAC;YAC3C,YAAY;YACZ,gBAAgB;SACjB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YAClC,MAAM,8BAA8B,EAAE,CAAC;YACvC,qBAAqB,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;YAC9D,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,gBAAgB,EAAE,CAAC;QACnB,OAAO,GAAG,EAAE,CAAC,qBAAqB,CAAC,qBAAqB,EAAE,CAAC;QAC3D,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAE/B;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC;IAClD,OAAO,EAAE,2BAA2B;IACpC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\n\nimport { PermissionsAndroid, Platform } from 'react-native';\n\nexport type ForegroundServicePermissionsConfigInternal = {\n  enableCamera?: boolean;\n  enableMicrophone?: boolean;\n  enableScreenSharing?: boolean;\n};\n\n/**\n * A type representing the options required for configuring the foreground service notifcation.\n *\n * @param channelId The id of the channel. Must be unique per package.\n * @param channelName The user visible name of the channel.\n * @param notificationTitle The title (first row) of the notification, in a standard notification.\n * @param notificationContent The text (second row) of the notification, in a standard notification.\n */\nexport type ForegroundServiceNotificationConfig = {\n  channelId: string;\n  channelName: string;\n  notificationTitle: string;\n  notificationContent: string;\n};\n/**\n * A type representing the configuration for foreground service permissions.\n *\n * @param enableCamera Indicates whether the camera is enabled for the foreground service.\n * @param enableMicrophone Indicates whether the microphone is enabled for the foreground service.\n *\n */\nexport type ForegroundServicePermissionsConfig = Pick<\n  ForegroundServicePermissionsConfigInternal,\n  'enableCamera' | 'enableMicrophone'\n>;\n\nconst requestNotificationsPermission = async () => {\n  try {\n    const result = await PermissionsAndroid.request(\n      PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,\n    );\n    if (result !== PermissionsAndroid.RESULTS.GRANTED) {\n      console.warn(\n        \"Notifications permission not granted. User won't be able to see a the app is in background.\",\n      );\n    }\n  } catch (err) {\n    console.warn(err);\n  }\n};\n\nconst useForegroundServiceAndroid = ({\n  enableCamera,\n  enableMicrophone,\n  ...restOptions\n}: ForegroundServiceNotificationConfig &\n  ForegroundServicePermissionsConfig) => {\n  const [isConfigured, setIsConfigured] = useState(false);\n\n  useEffect(() => {\n    if (!isConfigured) {\n      return;\n    }\n    RNFishjamClientModule.startForegroundService({\n      enableCamera,\n      enableMicrophone,\n    });\n  }, [enableCamera, enableMicrophone, isConfigured]);\n\n  useEffect(() => {\n    const runConfiguration = async () => {\n      await requestNotificationsPermission();\n      RNFishjamClientModule.configureForegroundService(restOptions);\n      setIsConfigured(true);\n    };\n    runConfiguration();\n    return () => RNFishjamClientModule.stopForegroundService();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n};\n\nconst emptyFunction = () => {};\n\n/**\n * useForegroundService\n *\n * A hook for managing a foreground service on Android. Does nothing on other platforms.\n * You can use this hook to keep your app running in the background. You're also required to run a foreground service when screen sharing.\n *\n * @param {Object} config - Configuration options for the foreground service.\n * @param {boolean} config.enableCamera - Flag to enable or disable camera usage in the foreground service. Only enable after the user has granted the necessary permissions.\n * @param {boolean} config.enableMicrophone - Flag to enable or disable microphone usage in the foreground service. Only enable after the user has granted the necessary permissions.\n * @param {Object} config.channelId - The id of the channel. Must be unique per package.\n * @param {Object} config.channelName - The user visible name of the channel.\n * @param {Object} config.notificationTitle - The title (first row) of the notification, in a standard notification.\n * @param {Object} config.notificationContent - The text (second row) of the notification, in a standard notification.\n *\n */\nexport const useForegroundService = Platform.select({\n  android: useForegroundServiceAndroid,\n  default: emptyFunction,\n});\n"]}
+{"version":3,"file":"useForegroundService.js","sourceRoot":"","sources":["../../src/hooks/useForegroundService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAsB5D,MAAM,8BAA8B,GAAG,KAAK,IAAI,EAAE;IAChD,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,kBAAkB,CAAC,OAAO,CAC7C,kBAAkB,CAAC,WAAW,CAAC,kBAAkB,CAClD,CAAC;QACF,IAAI,MAAM,KAAK,kBAAkB,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YAClD,OAAO,CAAC,IAAI,CACV,6FAA6F,CAC9F,CAAC;QACJ,CAAC;IACH,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,CAAC,EACnC,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,iBAAiB,GACO,EAAE,EAAE;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QACD,qBAAqB,CAAC,sBAAsB,CAAC;YAC3C,YAAY;YACZ,gBAAgB;YAChB,SAAS;YACT,WAAW;YACX,mBAAmB;YACnB,iBAAiB;SAClB,CAAC,CAAC;IACL,CAAC,EAAE;QACD,SAAS;QACT,WAAW;QACX,YAAY;QACZ,gBAAgB;QAChB,YAAY;QACZ,mBAAmB;QACnB,iBAAiB;KAClB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YAClC,MAAM,8BAA8B,EAAE,CAAC;YACvC,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,gBAAgB,EAAE,CAAC;QACnB,OAAO,GAAG,EAAE,CAAC,qBAAqB,CAAC,qBAAqB,EAAE,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAE/B;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC;IAClD,OAAO,EAAE,2BAA2B;IACpC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\n\nimport { PermissionsAndroid, Platform } from 'react-native';\n\n/**\n * A type representing the configuration for foreground service permissions.\n *\n * @param enableCamera Indicates whether the camera is enabled for the foreground service.\n * @param enableMicrophone Indicates whether the microphone is enabled for the foreground service.\n * @param channelId The id of the channel. Must be unique per package.\n * @param channelName The user visible name of the channel.\n * @param notificationTitle The title (first row) of the notification, in a standard notification.\n * @param notificationContent The text (second row) of the notification, in a standard notification.\n *\n */\nexport type ForegroundServiceConfig = {\n  enableCamera?: boolean;\n  enableMicrophone?: boolean;\n  channelId?: string;\n  channelName?: string;\n  notificationTitle?: string;\n  notificationContent?: string;\n};\n\nconst requestNotificationsPermission = async () => {\n  try {\n    const result = await PermissionsAndroid.request(\n      PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,\n    );\n    if (result !== PermissionsAndroid.RESULTS.GRANTED) {\n      console.warn(\n        \"Notifications permission not granted. User won't be able to see a the app is in background.\",\n      );\n    }\n  } catch (err) {\n    console.warn(err);\n  }\n};\n\nconst useForegroundServiceAndroid = ({\n  enableCamera,\n  enableMicrophone,\n  channelId,\n  channelName,\n  notificationContent,\n  notificationTitle,\n}: ForegroundServiceConfig) => {\n  const [isConfigured, setIsConfigured] = useState(false);\n\n  useEffect(() => {\n    if (!isConfigured) {\n      return;\n    }\n    RNFishjamClientModule.startForegroundService({\n      enableCamera,\n      enableMicrophone,\n      channelId,\n      channelName,\n      notificationContent,\n      notificationTitle,\n    });\n  }, [\n    channelId,\n    channelName,\n    enableCamera,\n    enableMicrophone,\n    isConfigured,\n    notificationContent,\n    notificationTitle,\n  ]);\n\n  useEffect(() => {\n    const runConfiguration = async () => {\n      await requestNotificationsPermission();\n      setIsConfigured(true);\n    };\n    runConfiguration();\n    return () => RNFishjamClientModule.stopForegroundService();\n  }, []);\n};\n\nconst emptyFunction = () => {};\n\n/**\n * useForegroundService\n *\n * A hook for managing a foreground service on Android. Does nothing on other platforms.\n * You can use this hook to keep your app running in the background. You're also required to run a foreground service when screen sharing.\n *\n * @param {Object} config - Configuration options for the foreground service.\n * @param {boolean} config.enableCamera - Flag to enable or disable camera usage in the foreground service. Only enable after the user has granted the necessary permissions.\n * @param {boolean} config.enableMicrophone - Flag to enable or disable microphone usage in the foreground service. Only enable after the user has granted the necessary permissions.\n * @param {Object} config.channelId - The id of the channel. Must be unique per package.\n * @param {Object} config.channelName - The user visible name of the channel.\n * @param {Object} config.notificationTitle - The title (first row) of the notification, in a standard notification.\n * @param {Object} config.notificationContent - The text (second row) of the notification, in a standard notification.\n *\n */\nexport const useForegroundService = Platform.select({\n  android: useForegroundServiceAndroid,\n  default: emptyFunction,\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useMicrophone.d.ts","sourceRoot":"","sources":["../../src/hooks/useMicrophone.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,wBAAgB,aAAa;IAiBzB,+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;IAWzB,+CAA+C;;IAE/C,2CAA2C;;EAG9C"}

package/build/hooks/useMicrophone.js

@@ -1,21 +1,16 @@
-import { useCallback, useState } from 'react';
+import { useCallback } from 'react';
 import RNFishjamClientModule from '../RNFishjamClientModule';
-import { ReceivableEvents, useFishjamEvent } from './useFishjamEvent';
+import { ReceivableEvents } from './useFishjamEvent';
+import { useFishjamEventState } from './useFishjamEventState';
 /**
  * This hook can toggle microphone on/off and provides current microphone state.
  * @category Devices
  * @group Hooks
  */
 export function useMicrophone() {
-    const [isMicrophoneOn, setIsMicrophoneOn] = useState(RNFishjamClientModule.isMicrophoneOn);
-    useFishjamEvent(ReceivableEvents.IsMicrophoneOn, setIsMicrophoneOn);
+    const isMicrophoneOn = useFishjamEventState(ReceivableEvents.IsMicrophoneOn, RNFishjamClientModule.isMicrophoneOn);
     const toggleMicrophone = useCallback(async () => {
-        const status = await RNFishjamClientModule.toggleMicrophone();
-        await RNFishjamClientModule.updateAudioTrackMetadata({
-            active: status,
-            type: 'audio',
-        });
-        setIsMicrophoneOn(status);
+        await RNFishjamClientModule.toggleMicrophone();
     }, []);
     return {
         /** Informs if microphone is streaming audio */

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,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,qBAAqB,CAAC,cAAc,CACrC,CAAC;IAEF,eAAe,CAAC,gBAAgB,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC9C,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAC,gBAAgB,EAAE,CAAC;QAC9D,MAAM,qBAAqB,CAAC,wBAAwB,CAAC;YACnD,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,OAAO;SACd,CAAC,CAAC;QACH,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,+CAA+C;QAC/C,cAAc;QACd,2CAA2C;QAC3C,gBAAgB;KACjB,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useState } from 'react';\n\nimport RNFishjamClientModule from '../RNFishjamClientModule';\nimport { ReceivableEvents, useFishjamEvent } from './useFishjamEvent';\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, setIsMicrophoneOn] = useState<boolean>(\n    RNFishjamClientModule.isMicrophoneOn,\n  );\n\n  useFishjamEvent(ReceivableEvents.IsMicrophoneOn, setIsMicrophoneOn);\n\n  const toggleMicrophone = useCallback(async () => {\n    const status = await RNFishjamClientModule.toggleMicrophone();\n    await RNFishjamClientModule.updateAudioTrackMetadata({\n      active: status,\n      type: 'audio',\n    });\n    setIsMicrophoneOn(status);\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;AAEpC,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;;;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 from '../RNFishjamClientModule';\nimport { ReceivableEvents } from './useFishjamEvent';\nimport { useFishjamEventState } from './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<boolean>(\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"]}