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

package/build/common/client.d.ts

@@ -1,5 +1,4 @@
 import { GenericMetadata } from '../types';
-import { PeerTrackMetadata } from '../hooks/usePeers';
 export type ConnectionConfig = {
     /**
      * Configuration for automatic reconnection
@@ -16,15 +15,11 @@ export type ConnectionConfig = {
     };
 };
 /**
- * @param url fishjam Url
- * @param peerToken token received from server (or Room Manager)
- * @param peerMetadata string indexed record with metadata, that will be available to all other peers
- * @param config additional connection configuration
- * @category Connection
+ * @ignore
  */
-export declare function joinRoom<PeerMetadata extends GenericMetadata = GenericMetadata, ServerMetadata extends GenericMetadata = GenericMetadata>(url: string, peerToken: string, peerMetadata?: PeerTrackMetadata<PeerMetadata, ServerMetadata>, config?: ConnectionConfig): Promise<void>;
+export declare function joinRoom<PeerMetadata extends GenericMetadata = GenericMetadata>(url: string, peerToken: string, peerMetadata?: PeerMetadata, config?: ConnectionConfig): Promise<void>;
 /**
- * @category Connection
+ * @ignore
  */
 export declare function leaveRoom(): Promise<void>;
 //# sourceMappingURL=client.d.ts.map

package/build/common/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/common/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF;;;;;;GAMG;AACH,wBAAsB,QAAQ,CAC5B,YAAY,SAAS,eAAe,GAAG,eAAe,EACtD,cAAc,SAAS,eAAe,GAAG,eAAe,EAExD,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,EACjB,YAAY,CAAC,EAAE,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAAC,EAC9D,MAAM,CAAC,EAAE,gBAAgB,iBAQ1B;AACD;;GAEG;AACH,wBAAsB,SAAS,kBAE9B"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/common/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,wBAAsB,QAAQ,CAC5B,YAAY,SAAS,eAAe,GAAG,eAAe,EAEtD,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,EACjB,YAAY,CAAC,EAAE,YAAY,EAC3B,MAAM,CAAC,EAAE,gBAAgB,iBAQ1B;AACD;;GAEG;AACH,wBAAsB,SAAS,kBAE9B"}

package/build/common/client.js

@@ -1,16 +1,12 @@
 import RNFishjamClientModule from '../RNFishjamClientModule';
 /**
- * @param url fishjam Url
- * @param peerToken token received from server (or Room Manager)
- * @param peerMetadata string indexed record with metadata, that will be available to all other peers
- * @param config additional connection configuration
- * @category Connection
+ * @ignore
  */
 export async function joinRoom(url, peerToken, peerMetadata, config) {
     await RNFishjamClientModule.joinRoom(url, peerToken, peerMetadata ?? {}, config ?? {});
 }
 /**
- * @category Connection
+ * @ignore
  */
 export async function leaveRoom() {
     await RNFishjamClientModule.leaveRoom();

package/build/common/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/common/client.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAmB7D;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAI5B,GAAW,EACX,SAAiB,EACjB,YAA8D,EAC9D,MAAyB;IAEzB,MAAM,qBAAqB,CAAC,QAAQ,CAClC,GAAG,EACH,SAAS,EACT,YAAY,IAAI,EAAE,EAClB,MAAM,IAAI,EAAE,CACb,CAAC;AACJ,CAAC;AACD;;GAEG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS;IAC7B,MAAM,qBAAqB,CAAC,SAAS,EAAE,CAAC;AAC1C,CAAC","sourcesContent":["import { GenericMetadata } from '../types';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\nimport { PeerTrackMetadata } from '../hooks/usePeers';\n\nexport type ConnectionConfig = {\n  /**\n   * Configuration for automatic reconnection\n   * sdk uses a linear backoff algorithm, that is the formula\n   * for the delay of the nth attempt is\n   * n * delayMs + initialDelayMs\n   *\n   * Pass 0 for maxAttempts to disable automatic reconnection\n   */\n  reconnectConfig?: {\n    maxAttempts?: number;\n    initialDelayMs?: number;\n    delayMs?: number;\n  };\n};\n\n/**\n * @param url fishjam Url\n * @param peerToken token received from server (or Room Manager)\n * @param peerMetadata string indexed record with metadata, that will be available to all other peers\n * @param config additional connection configuration\n * @category Connection\n */\nexport async function joinRoom<\n  PeerMetadata extends GenericMetadata = GenericMetadata,\n  ServerMetadata extends GenericMetadata = GenericMetadata,\n>(\n  url: string,\n  peerToken: string,\n  peerMetadata?: PeerTrackMetadata<PeerMetadata, ServerMetadata>,\n  config?: ConnectionConfig,\n) {\n  await RNFishjamClientModule.joinRoom(\n    url,\n    peerToken,\n    peerMetadata ?? {},\n    config ?? {},\n  );\n}\n/**\n * @category Connection\n */\nexport async function leaveRoom() {\n  await RNFishjamClientModule.leaveRoom();\n}\n"]}
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/common/client.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAkB7D;;GAEG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAG5B,GAAW,EACX,SAAiB,EACjB,YAA2B,EAC3B,MAAyB;IAEzB,MAAM,qBAAqB,CAAC,QAAQ,CAClC,GAAG,EACH,SAAS,EACT,YAAY,IAAI,EAAE,EAClB,MAAM,IAAI,EAAE,CACb,CAAC;AACJ,CAAC;AACD;;GAEG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS;IAC7B,MAAM,qBAAqB,CAAC,SAAS,EAAE,CAAC;AAC1C,CAAC","sourcesContent":["import { GenericMetadata } from '../types';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\n\nexport type ConnectionConfig = {\n  /**\n   * Configuration for automatic reconnection\n   * sdk uses a linear backoff algorithm, that is the formula\n   * for the delay of the nth attempt is\n   * n * delayMs + initialDelayMs\n   *\n   * Pass 0 for maxAttempts to disable automatic reconnection\n   */\n  reconnectConfig?: {\n    maxAttempts?: number;\n    initialDelayMs?: number;\n    delayMs?: number;\n  };\n};\n\n/**\n * @ignore\n */\nexport async function joinRoom<\n  PeerMetadata extends GenericMetadata = GenericMetadata,\n>(\n  url: string,\n  peerToken: string,\n  peerMetadata?: PeerMetadata,\n  config?: ConnectionConfig,\n) {\n  await RNFishjamClientModule.joinRoom(\n    url,\n    peerToken,\n    peerMetadata ?? {},\n    config ?? {},\n  );\n}\n/**\n * @ignore\n */\nexport async function leaveRoom() {\n  await RNFishjamClientModule.leaveRoom();\n}\n"]}

package/build/common/metadata.d.ts

@@ -2,7 +2,8 @@ import { GenericMetadata } from '../types';
 /**
  * Updates metadata send to other peers
  * @param peerMetadata string indexed record with metadata, that will be available to all other peers
- * @category Connection
+ * @deprecated
+ * @ignore
  */
 export declare function updatePeerMetadata<PeerMetadata extends GenericMetadata = GenericMetadata>(peerMetadata: PeerMetadata): Promise<void>;
 //# sourceMappingURL=metadata.d.ts.map

package/build/common/metadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../src/common/metadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C;;;;GAIG;AACH,wBAAsB,kBAAkB,CACtC,YAAY,SAAS,eAAe,GAAG,eAAe,EACtD,YAAY,EAAE,YAAY,iBAE3B"}
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../src/common/metadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C;;;;;GAKG;AACH,wBAAsB,kBAAkB,CACtC,YAAY,SAAS,eAAe,GAAG,eAAe,EACtD,YAAY,EAAE,YAAY,iBAE3B"}

package/build/common/metadata.js

@@ -2,7 +2,8 @@ import RNFishjamClientModule from '../RNFishjamClientModule';
 /**
  * Updates metadata send to other peers
  * @param peerMetadata string indexed record with metadata, that will be available to all other peers
- * @category Connection
+ * @deprecated
+ * @ignore
  */
 export async function updatePeerMetadata(peerMetadata) {
     await RNFishjamClientModule.updatePeerMetadata(peerMetadata);

package/build/common/metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.js","sourceRoot":"","sources":["../../src/common/metadata.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAE7D;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAEtC,YAA0B;IAC1B,MAAM,qBAAqB,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAC/D,CAAC","sourcesContent":["import { GenericMetadata } from '../types';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\n\n/**\n * Updates metadata send to other peers\n * @param peerMetadata string indexed record with metadata, that will be available to all other peers\n * @category Connection\n */\nexport async function updatePeerMetadata<\n  PeerMetadata extends GenericMetadata = GenericMetadata,\n>(peerMetadata: PeerMetadata) {\n  await RNFishjamClientModule.updatePeerMetadata(peerMetadata);\n}\n"]}
+{"version":3,"file":"metadata.js","sourceRoot":"","sources":["../../src/common/metadata.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAE7D;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAEtC,YAA0B;IAC1B,MAAM,qBAAqB,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAC/D,CAAC","sourcesContent":["import { GenericMetadata } from '../types';\nimport RNFishjamClientModule from '../RNFishjamClientModule';\n\n/**\n * Updates metadata send to other peers\n * @param peerMetadata string indexed record with metadata, that will be available to all other peers\n * @deprecated\n * @ignore\n */\nexport async function updatePeerMetadata<\n  PeerMetadata extends GenericMetadata = GenericMetadata,\n>(peerMetadata: PeerMetadata) {\n  await RNFishjamClientModule.updatePeerMetadata(peerMetadata);\n}\n"]}

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

@@ -1,6 +1,27 @@
 export type FishjamRoomProps = {
+    /**
+     * URL to your fishjam instance
+     */
     fishjamUrl: string;
+    /**
+     * Peer Token
+     */
     peerToken: string;
 };
+/**
+ * Simple component that enables your camera and show all tracks
+ *
+ * Example usage:
+ * ```tsx
+ * <FishjamRoom
+ *    fishjamUrl={FISHJAM_URL}
+ *    peerToken={PEER_TOKEN}
+ * />
+ * ```
+ * @category Components
+ * @param {object} props
+ * @param {string} props.fishjamUrl
+ * @param {string} props.peerToken
+ */
 export declare const FishjamRoom: ({ fishjamUrl, peerToken }: FishjamRoomProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FishjamRoom/index.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,8BAA+B,gBAAgB,gCA0BtE,CAAC"}

package/build/components/FishjamRoom/index.js

@@ -3,12 +3,27 @@ import { joinRoom, leaveRoom } from '../../common/client';
 import { useCamera } from '../../hooks/useCamera';
 import { VideosGrid } from './VideosGrid';
 import { SafeAreaView } from 'react-native';
+/**
+ * Simple component that enables your camera and show all tracks
+ *
+ * Example usage:
+ * ```tsx
+ * <FishjamRoom
+ *    fishjamUrl={FISHJAM_URL}
+ *    peerToken={PEER_TOKEN}
+ * />
+ * ```
+ * @category Components
+ * @param {object} props
+ * @param {string} props.fishjamUrl
+ * @param {string} props.peerToken
+ */
 export const FishjamRoom = ({ fishjamUrl, peerToken }) => {
     const { prepareCamera } = useCamera();
     useEffect(() => {
         const join = async () => {
             await prepareCamera({
-                simulcastEnabled: false,
+                simulcastEnabled: true,
                 quality: 'HD169',
                 cameraEnabled: true,
             });

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

@@ -1 +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"]}
+{"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;AAa5C;;;;;;;;;;;;;;GAcG;AACH,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,IAAI;gBACtB,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  /**\n   * URL to your fishjam instance\n   */\n  fishjamUrl: string;\n  /**\n   * Peer Token\n   */\n  peerToken: string;\n};\n\n/**\n * Simple component that enables your camera and show all tracks\n *\n * Example usage:\n * ```tsx\n * <FishjamRoom\n *    fishjamUrl={FISHJAM_URL}\n *    peerToken={PEER_TOKEN}\n * />\n * ```\n * @category Components\n * @param {object} props\n * @param {string} props.fishjamUrl\n * @param {string} props.peerToken\n */\nexport const FishjamRoom = ({ fishjamUrl, peerToken }: FishjamRoomProps) => {\n  const { prepareCamera } = useCamera();\n\n  useEffect(() => {\n    const join = async () => {\n      await prepareCamera({\n        simulcastEnabled: true,\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.map

@@ -1 +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"}
+{"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,EAGX,CAAC"}

package/build/components/FishjamRoom/parsePeersToTracks.js

@@ -27,10 +27,8 @@ const createGridTracksFromPeer = (peer) => {
     }
     return tracks;
 };
-export const parsePeersToTracks = (localPeer, remotePeers) => {
-    return [
-        ...(localPeer ? createGridTracksFromPeer(localPeer) : []),
-        ...remotePeers.flatMap(createGridTracksFromPeer),
-    ];
-};
+export const parsePeersToTracks = (localPeer, remotePeers) => [
+    ...(localPeer ? createGridTracksFromPeer(localPeer) : []),
+    ...remotePeers.flatMap(createGridTracksFromPeer),
+];
 //# sourceMappingURL=parsePeersToTracks.js.map

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

@@ -1 +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"]}
+{"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,CAAC;IAChB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,GAAG,WAAW,CAAC,OAAO,CAAC,wBAAwB,CAAC;CACjD,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  ...(localPeer ? createGridTracksFromPeer(localPeer) : []),\n  ...remotePeers.flatMap(createGridTracksFromPeer),\n];\n"]}

package/build/components/VideoPreviewView.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ViewStyle } from 'react-native';
+import { StyleProp, ViewStyle } from 'react-native';
 import { VideoLayout } from '../types';
 import { CameraId } from '../hooks/useCamera';
 export type VideoPreviewViewProps = {
@@ -8,7 +8,7 @@ export type VideoPreviewViewProps = {
      * @default `FILL`
      */
     videoLayout?: VideoLayout;
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /**
      * Id of the camera used for preview. Get available cameras with `cameras` property.
      * @default the first front camera
@@ -17,8 +17,12 @@ export type VideoPreviewViewProps = {
 };
 /**
  * Render camera preview.
- * Allows to display camera preview beofre streaming is started
+ * Allows to display camera preview before streaming is started
+ *
+ *
  * @category Components
+ * @param {object} props
+ * @param {string} props.cameraId
  */
 export declare const VideoPreviewView: React.ForwardRefExoticComponent<VideoPreviewViewProps & React.RefAttributes<React.ComponentType<VideoPreviewViewProps>>>;
 //# sourceMappingURL=VideoPreviewView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPreviewView.d.ts","sourceRoot":"","sources":["../../src/components/VideoPreviewView.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,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,0HAM3B,CAAC"}
+{"version":3,"file":"VideoPreviewView.d.ts","sourceRoot":"","sources":["../../src/components/VideoPreviewView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAKF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,0HAM3B,CAAC"}

package/build/components/VideoPreviewView.js

@@ -3,8 +3,12 @@ import * as React from 'react';
 const NativeView = requireNativeViewManager('VideoPreviewViewModule');
 /**
  * Render camera preview.
- * Allows to display camera preview beofre streaming is started
+ * Allows to display camera preview before streaming is started
+ *
+ *
  * @category Components
+ * @param {object} props
+ * @param {string} props.cameraId
  */
 export const VideoPreviewView = React.forwardRef((props, ref) => (
 // @ts-expect-error ref prop needs to be updated

package/build/components/VideoPreviewView.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPreviewView.js","sourceRoot":"","sources":["../../src/components/VideoPreviewView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,UAAU,GACd,wBAAwB,CAAC,wBAAwB,CAAC,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;AAChB,gDAAgD;AAChD,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAG,CACrE,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 { CameraId } from '../hooks/useCamera';\n\nexport type VideoPreviewViewProps = {\n  /**\n   * Video layout inside of the component\n   * @default `FILL`\n   */\n  videoLayout?: VideoLayout;\n  style?: ViewStyle;\n  /**\n   * Id of the camera used for preview. Get available cameras with `cameras` property.\n   * @default the first front camera\n   */\n  cameraId?: CameraId;\n};\n\nconst NativeView: React.ComponentType<VideoPreviewViewProps> =\n  requireNativeViewManager('VideoPreviewViewModule');\n\n/**\n * Render camera preview.\n * Allows to display camera preview beofre streaming is started\n * @category Components\n */\nexport const VideoPreviewView = React.forwardRef<\n  React.ComponentType<VideoPreviewViewProps>,\n  VideoPreviewViewProps\n>((props, ref) => (\n  // @ts-expect-error ref prop needs to be updated\n  <NativeView {...props} captureDeviceId={props.cameraId} ref={ref} />\n));\n"]}
+{"version":3,"file":"VideoPreviewView.js","sourceRoot":"","sources":["../../src/components/VideoPreviewView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,MAAM,UAAU,GACd,wBAAwB,CAAC,wBAAwB,CAAC,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;AAChB,gDAAgD;AAChD,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAG,CACrE,CAAC,CAAC","sourcesContent":["import { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { VideoLayout } from '../types';\nimport { CameraId } from '../hooks/useCamera';\n\nexport type VideoPreviewViewProps = {\n  /**\n   * Video layout inside of the component\n   * @default `FILL`\n   */\n  videoLayout?: VideoLayout;\n\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Id of the camera used for preview. Get available cameras with `cameras` property.\n   * @default the first front camera\n   */\n  cameraId?: CameraId;\n};\n\nconst NativeView: React.ComponentType<VideoPreviewViewProps> =\n  requireNativeViewManager('VideoPreviewViewModule');\n\n/**\n * Render camera preview.\n * Allows to display camera preview before streaming is started\n *\n *\n * @category Components\n * @param {object} props\n * @param {string} props.cameraId\n */\nexport const VideoPreviewView = React.forwardRef<\n  React.ComponentType<VideoPreviewViewProps>,\n  VideoPreviewViewProps\n>((props, ref) => (\n  // @ts-expect-error ref prop needs to be updated\n  <NativeView {...props} captureDeviceId={props.cameraId} ref={ref} />\n));\n"]}

package/build/components/VideoRendererView.d.ts

@@ -20,7 +20,20 @@ export type VideoRendererProps = {
 };
 /**
  * Render video track received from {@link usePeers} hook
+ *
+ * Example usage:
+ * ```tsx
+ *  <VideoRendererView
+ *      trackId={peer.track.id}
+ *      videoLayout="FIT"
+ *      style={styles.videoContent}
+ *  />
+ *  ```
+ *
  * @category Components
+ *
+ * @param {Object} props
+ * @param props.trackId
  */
 export declare const VideoRendererView: React.ForwardRefExoticComponent<VideoRendererProps & React.RefAttributes<React.ComponentType<VideoRendererProps>>>;
 //# sourceMappingURL=VideoRendererView.d.ts.map

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;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"}
+{"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;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,oHAM5B,CAAC"}

package/build/components/VideoRendererView.js

@@ -3,7 +3,20 @@ import * as React from 'react';
 const NativeView = requireNativeViewManager('VideoRendererViewModule');
 /**
  * Render video track received from {@link usePeers} hook
+ *
+ * Example usage:
+ * ```tsx
+ *  <VideoRendererView
+ *      trackId={peer.track.id}
+ *      videoLayout="FIT"
+ *      style={styles.videoContent}
+ *  />
+ *  ```
+ *
  * @category Components
+ *
+ * @param {Object} props
+ * @param props.trackId
  */
 export const VideoRendererView = React.forwardRef((props, ref) => (
 // @ts-expect-error ref prop needs to be updated

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;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"]}
+{"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;;;;;;;;;;;;;;;;GAgBG;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 *\n * Example usage:\n * ```tsx\n *  <VideoRendererView\n *      trackId={peer.track.id}\n *      videoLayout=\"FIT\"\n *      style={styles.videoContent}\n *  />\n *  ```\n *\n * @category Components\n *\n * @param {Object} props\n * @param props.trackId\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/debug/stats/useRTCStatistics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRTCStatistics.d.ts","sourceRoot":"","sources":["../../../src/debug/stats/useRTCStatistics.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAqC,QAAQ,EAAE,MAAM,SAAS,CAAC;AAG3E;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,MAAM;;EAuFvD"}
+{"version":3,"file":"useRTCStatistics.d.ts","sourceRoot":"","sources":["../../../src/debug/stats/useRTCStatistics.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAqC,QAAQ,EAAE,MAAM,SAAS,CAAC;AAG3E;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,MAAM;;EAqFvD"}

package/build/debug/stats/useRTCStatistics.js

@@ -10,13 +10,13 @@ export function useRTCStatistics(refreshInterval) {
     const [statistics, setStatistics] = useState([]);
     // Calculates diff between pervious and current stats,
     // providing end users with a per second metric.
-    const processIncomingStats = useCallback((statistics, stats) => {
-        Object.keys(stats).forEach((obj) => {
+    const processIncomingStats = useCallback((stats, stat) => {
+        Object.keys(stat).forEach((obj) => {
             if (obj.includes('Inbound')) {
-                const rtcStats = stats[obj];
-                if (statistics.length > 0 &&
-                    Object.keys(statistics[statistics.length - 1]).includes(obj)) {
-                    const prevRtcStats = statistics[statistics.length - 1][obj];
+                const rtcStats = stat[obj];
+                if (stats.length > 0 &&
+                    Object.keys(stats[stats.length - 1]).includes(obj)) {
+                    const prevRtcStats = stats[stats.length - 1][obj];
                     rtcStats['packetsLost/s'] =
                         rtcStats['packetsLost'] - prevRtcStats['packetsLost'];
                     rtcStats['packetsReceived/s'] =
@@ -35,13 +35,13 @@ export function useRTCStatistics(refreshInterval) {
                     rtcStats['framesReceived/s'] = 0;
                     rtcStats['framesDropped/s'] = 0;
                 }
-                return stats;
+                return stat;
             }
             // Outbound
-            const rtcStats = stats[obj];
-            if (statistics.length > 0 &&
-                Object.keys(statistics[statistics.length - 1]).includes(obj)) {
-                const prevRtcStats = statistics[statistics.length - 1][obj];
+            const rtcStats = stat[obj];
+            if (stats.length > 0 &&
+                Object.keys(stats[stats.length - 1]).includes(obj)) {
+                const prevRtcStats = stats[stats.length - 1][obj];
                 rtcStats['bytesSent/s'] =
                     rtcStats['bytesSent'] - prevRtcStats['bytesSent'];
                 rtcStats['packetsSent/s'] =
@@ -54,9 +54,9 @@ export function useRTCStatistics(refreshInterval) {
                 rtcStats['packetsSent/s'] = 0;
                 rtcStats['framesEncoded/s'] = 0;
             }
-            return stats;
+            return stat;
         });
-        return stats;
+        return stat;
     }, []);
     // Gets stats from the native libraries.
     const getStatistics = useCallback(async () => {

package/build/debug/stats/useRTCStatistics.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRTCStatistics.js","sourceRoot":"","sources":["../../../src/debug/stats/useRTCStatistics.ts"],"names":[],"mappings":"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","sourcesContent":["import { takeRight } from 'lodash';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport type { RTCInboundStats, RTCOutboundStats, RTCStats } from './types';\nimport RNFishjamClientModule from '../../RNFishjamClientModule';\n\n/**\n * This hook provides access to current rtc statistics data.\n * @category Debugging\n */\nexport function useRTCStatistics(refreshInterval: number) {\n  const MAX_SIZE = 120;\n  const [statistics, setStatistics] = useState<RTCStats[]>([]);\n\n  // Calculates diff between pervious and current stats,\n  // providing end users with a per second metric.\n  const processIncomingStats = useCallback(\n    (statistics: ReadonlyArray<RTCStats>, stats: Readonly<RTCStats>) => {\n      Object.keys(stats).forEach((obj) => {\n        if (obj.includes('Inbound')) {\n          const rtcStats = stats[obj] as RTCInboundStats;\n\n          if (\n            statistics.length > 0 &&\n            Object.keys(statistics[statistics.length - 1]).includes(obj)\n          ) {\n            const prevRtcStats = statistics[statistics.length - 1][\n              obj\n            ] as RTCInboundStats;\n\n            rtcStats['packetsLost/s'] =\n              rtcStats['packetsLost'] - prevRtcStats['packetsLost'];\n            rtcStats['packetsReceived/s'] =\n              rtcStats['packetsReceived'] - prevRtcStats['packetsReceived'];\n            rtcStats['bytesReceived/s'] =\n              rtcStats['bytesReceived'] - prevRtcStats['bytesReceived'];\n            rtcStats['framesReceived/s'] =\n              rtcStats['framesReceived'] - prevRtcStats['framesReceived'];\n            rtcStats['framesDropped/s'] =\n              rtcStats['framesDropped'] - prevRtcStats['framesDropped'];\n          } else {\n            rtcStats['packetsLost/s'] = 0;\n            rtcStats['packetsReceived/s'] = 0;\n            rtcStats['bytesReceived/s'] = 0;\n            rtcStats['framesReceived/s'] = 0;\n            rtcStats['framesDropped/s'] = 0;\n          }\n          return stats;\n        }\n        // Outbound\n        const rtcStats = stats[obj] as RTCOutboundStats;\n\n        if (\n          statistics.length > 0 &&\n          Object.keys(statistics[statistics.length - 1]).includes(obj)\n        ) {\n          const prevRtcStats = statistics[statistics.length - 1][\n            obj\n          ] as RTCOutboundStats;\n\n          rtcStats['bytesSent/s'] =\n            rtcStats['bytesSent'] - prevRtcStats['bytesSent'];\n          rtcStats['packetsSent/s'] =\n            rtcStats['packetsSent'] - prevRtcStats['packetsSent'];\n          rtcStats['framesEncoded/s'] =\n            rtcStats['framesEncoded'] - prevRtcStats['framesEncoded'];\n        } else {\n          rtcStats['bytesSent/s'] = 0;\n          rtcStats['packetsSent/s'] = 0;\n          rtcStats['framesEncoded/s'] = 0;\n        }\n        return stats;\n      });\n      return stats;\n    },\n    [],\n  );\n\n  // Gets stats from the native libraries.\n  const getStatistics = useCallback(async () => {\n    const stats = await RNFishjamClientModule.getStatistics();\n    setStatistics((prev) => {\n      const newStats = [...prev, processIncomingStats(prev, stats)];\n      takeRight(newStats, MAX_SIZE);\n      return newStats;\n    });\n  }, [processIncomingStats]);\n\n  useEffect(() => {\n    const intervalId = setInterval(getStatistics, refreshInterval);\n    return () => {\n      clearInterval(intervalId);\n      setStatistics([]);\n    };\n  }, [getStatistics, refreshInterval]);\n\n  return { statistics };\n}\n"]}
+{"version":3,"file":"useRTCStatistics.js","sourceRoot":"","sources":["../../../src/debug/stats/useRTCStatistics.ts"],"names":[],"mappings":"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","sourcesContent":["import { takeRight } from 'lodash';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport type { RTCInboundStats, RTCOutboundStats, RTCStats } from './types';\nimport RNFishjamClientModule from '../../RNFishjamClientModule';\n\n/**\n * This hook provides access to current rtc statistics data.\n * @category Debugging\n */\nexport function useRTCStatistics(refreshInterval: number) {\n  const MAX_SIZE = 120;\n  const [statistics, setStatistics] = useState<RTCStats[]>([]);\n\n  // Calculates diff between pervious and current stats,\n  // providing end users with a per second metric.\n  const processIncomingStats = useCallback(\n    (stats: ReadonlyArray<RTCStats>, stat: Readonly<RTCStats>) => {\n      Object.keys(stat).forEach((obj) => {\n        if (obj.includes('Inbound')) {\n          const rtcStats = stat[obj] as RTCInboundStats;\n\n          if (\n            stats.length > 0 &&\n            Object.keys(stats[stats.length - 1]).includes(obj)\n          ) {\n            const prevRtcStats = stats[stats.length - 1][\n              obj\n            ] as RTCInboundStats;\n\n            rtcStats['packetsLost/s'] =\n              rtcStats['packetsLost'] - prevRtcStats['packetsLost'];\n            rtcStats['packetsReceived/s'] =\n              rtcStats['packetsReceived'] - prevRtcStats['packetsReceived'];\n            rtcStats['bytesReceived/s'] =\n              rtcStats['bytesReceived'] - prevRtcStats['bytesReceived'];\n            rtcStats['framesReceived/s'] =\n              rtcStats['framesReceived'] - prevRtcStats['framesReceived'];\n            rtcStats['framesDropped/s'] =\n              rtcStats['framesDropped'] - prevRtcStats['framesDropped'];\n          } else {\n            rtcStats['packetsLost/s'] = 0;\n            rtcStats['packetsReceived/s'] = 0;\n            rtcStats['bytesReceived/s'] = 0;\n            rtcStats['framesReceived/s'] = 0;\n            rtcStats['framesDropped/s'] = 0;\n          }\n          return stat;\n        }\n        // Outbound\n        const rtcStats = stat[obj] as RTCOutboundStats;\n\n        if (\n          stats.length > 0 &&\n          Object.keys(stats[stats.length - 1]).includes(obj)\n        ) {\n          const prevRtcStats = stats[stats.length - 1][obj] as RTCOutboundStats;\n\n          rtcStats['bytesSent/s'] =\n            rtcStats['bytesSent'] - prevRtcStats['bytesSent'];\n          rtcStats['packetsSent/s'] =\n            rtcStats['packetsSent'] - prevRtcStats['packetsSent'];\n          rtcStats['framesEncoded/s'] =\n            rtcStats['framesEncoded'] - prevRtcStats['framesEncoded'];\n        } else {\n          rtcStats['bytesSent/s'] = 0;\n          rtcStats['packetsSent/s'] = 0;\n          rtcStats['framesEncoded/s'] = 0;\n        }\n        return stat;\n      });\n      return stat;\n    },\n    [],\n  );\n\n  // Gets stats from the native libraries.\n  const getStatistics = useCallback(async () => {\n    const stats = await RNFishjamClientModule.getStatistics();\n    setStatistics((prev) => {\n      const newStats = [...prev, processIncomingStats(prev, stats)];\n      takeRight(newStats, MAX_SIZE);\n      return newStats;\n    });\n  }, [processIncomingStats]);\n\n  useEffect(() => {\n    const intervalId = setInterval(getStatistics, refreshInterval);\n    return () => {\n      clearInterval(intervalId);\n      setStatistics([]);\n    };\n  }, [getStatistics, refreshInterval]);\n\n  return { statistics };\n}\n"]}

package/build/hooks/internal/useFishjamEvent.d.ts

@@ -0,0 +1,4 @@
+import { ReceivableEvents, ReceivableEventPayloads } from '../../RNFishjamClientModule';
+export declare function useFishjamEvent<T extends keyof typeof ReceivableEvents>(eventName: T, callback: (event: ReceivableEventPayloads[T]) => void): void;
+export declare function validateAndLogEventPayload<T extends keyof typeof ReceivableEvents>(eventName: T, payload: ReceivableEventPayloads[T]): void;
+//# sourceMappingURL=useFishjamEvent.d.ts.map

package/build/hooks/internal/useFishjamEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useFishjamEvent.ts"],"names":[],"mappings":"AAEA,OAAqB,EACnB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AAGrC,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,OAAO,gBAAgB,EACrE,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,IAAI,QActD;AAED,wBAAgB,0BAA0B,CACxC,CAAC,SAAS,MAAM,OAAO,gBAAgB,EACvC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAAG,IAAI,CAsBzD"}

package/build/hooks/internal/useFishjamEvent.js

@@ -0,0 +1,35 @@
+import { ZodError } from 'zod';
+import { useEffect } from 'react';
+import nativeModule from '../../RNFishjamClientModule';
+import { validateNativeEventPayload } from '../../utils/eventPayloadValidator';
+export function useFishjamEvent(eventName, callback) {
+    useEffect(() => {
+        const eventListener = nativeModule.addListener(eventName, (event) => {
+            const payload = event[eventName];
+            if (__DEV__) {
+                validateAndLogEventPayload(eventName, payload);
+            }
+            callback(payload);
+        });
+        return () => eventListener.remove();
+    }, [callback, eventName]);
+}
+export function validateAndLogEventPayload(eventName, payload) {
+    // Double check just to make sure
+    if (!__DEV__)
+        return;
+    try {
+        validateNativeEventPayload(eventName, payload);
+    }
+    catch (error) {
+        if (error instanceof ZodError) {
+            console.error(`Invalid payload received for event ${eventName}:\n`, error.errors
+                .map((err) => `- ${err.path.join('.')}: ${err.message}`)
+                .join('\n'), `\n Received:\n${JSON.stringify(payload, null, 2)}\n\n`);
+        }
+        else {
+            console.error(`Unexpected error validating payload for event ${eventName}:`, error);
+        }
+    }
+}
+//# sourceMappingURL=useFishjamEvent.js.map

package/build/hooks/internal/useFishjamEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamEvent.js","sourceRoot":"","sources":["../../../src/hooks/internal/useFishjamEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,YAGN,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAE/E,MAAM,UAAU,eAAe,CAC7B,SAAY,EACZ,QAAqD;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,YAAY,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YAClE,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;YAEjC,IAAI,OAAO,EAAE,CAAC;gBACZ,0BAA0B,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACjD,CAAC;YAED,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpB,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;AAED,MAAM,UAAU,0BAA0B,CAExC,SAAY,EAAE,OAAmC;IACjD,iCAAiC;IACjC,IAAI,CAAC,OAAO;QAAE,OAAO;IAErB,IAAI,CAAC;QACH,0BAA0B,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,KAAK,YAAY,QAAQ,EAAE,CAAC;YAC9B,OAAO,CAAC,KAAK,CACX,sCAAsC,SAAS,KAAK,EACpD,KAAK,CAAC,MAAM;iBACT,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC;iBACvD,IAAI,CAAC,IAAI,CAAC,EACb,iBAAiB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CACxD,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CACX,iDAAiD,SAAS,GAAG,EAC7D,KAAK,CACN,CAAC;QACJ,CAAC;IACH,CAAC;AACH,CAAC","sourcesContent":["import { ZodError } from 'zod';\nimport { useEffect } from 'react';\nimport nativeModule, {\n  ReceivableEvents,\n  ReceivableEventPayloads,\n} from '../../RNFishjamClientModule';\nimport { validateNativeEventPayload } from '../../utils/eventPayloadValidator';\n\nexport function useFishjamEvent<T extends keyof typeof ReceivableEvents>(\n  eventName: T,\n  callback: (event: ReceivableEventPayloads[T]) => void,\n) {\n  useEffect(() => {\n    const eventListener = nativeModule.addListener(eventName, (event) => {\n      const payload = event[eventName];\n\n      if (__DEV__) {\n        validateAndLogEventPayload(eventName, payload);\n      }\n\n      callback(payload);\n    });\n    return () => eventListener.remove();\n  }, [callback, eventName]);\n}\n\nexport function validateAndLogEventPayload<\n  T extends keyof typeof ReceivableEvents,\n>(eventName: T, payload: ReceivableEventPayloads[T]): void {\n  // Double check just to make sure\n  if (!__DEV__) return;\n\n  try {\n    validateNativeEventPayload(eventName, payload);\n  } catch (error) {\n    if (error instanceof ZodError) {\n      console.error(\n        `Invalid payload received for event ${eventName}:\\n`,\n        error.errors\n          .map((err) => `- ${err.path.join('.')}: ${err.message}`)\n          .join('\\n'),\n        `\\n Received:\\n${JSON.stringify(payload, null, 2)}\\n\\n`,\n      );\n    } else {\n      console.error(\n        `Unexpected error validating payload for event ${eventName}:`,\n        error,\n      );\n    }\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamEventState.d.ts","sourceRoot":"","sources":["../../../src/hooks/internal/useFishjamEventState.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,6BAA6B,CAAC;AAErC,wBAAgB,oBAAoB,CAClC,SAAS,SAAS,MAAM,OAAO,gBAAgB,EAC/C,SAAS,GAAG,uBAAuB,CAAC,SAAS,CAAC,EAE9C,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,uBAAuB,CAAC,SAAS,CAAC,EAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,uBAAuB,CAAC,SAAS,CAAC,KAAK,SAAS,aAsB1E"}

package/build/hooks/{useFishjamEventState.js → internal/useFishjamEventState.js}

@@ -1,7 +1,9 @@
 import { useCallback, useState } from 'react';
 import { useFishjamEvent } from './useFishjamEvent';
 export function useFishjamEventState(eventName, defaultValue, transform) {
-    const [value, setValue] = useState(defaultValue);
+    const [value, setValue] = useState(transform
+        ? transform(defaultValue)
+        : defaultValue);
     const onEvent = useCallback((newValue) => {
         if (transform) {
             setValue(transform(newValue));

package/build/hooks/internal/useFishjamEventState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFishjamEventState.js","sourceRoot":"","sources":["../../../src/hooks/internal/useFishjamEventState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,MAAM,UAAU,oBAAoB,CAIlC,SAAoB,EACpB,YAAgD,EAChD,SAAyE;IAEzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,SAAS;QACP,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;QACzB,CAAC,CAAE,YAAqC,CAC3C,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,QAA4C,EAAE,EAAE;QAC/C,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,CAAY,SAAS,EAAE,OAAO,CAAC,CAAC;IAE/C,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["import { useCallback, useState } from 'react';\nimport { useFishjamEvent } from './useFishjamEvent';\nimport {\n  ReceivableEventPayloads,\n  ReceivableEvents,\n} from '../../RNFishjamClientModule';\n\nexport function useFishjamEventState<\n  EventName extends keyof typeof ReceivableEvents,\n  StateType = ReceivableEventPayloads[EventName],\n>(\n  eventName: EventName,\n  defaultValue: ReceivableEventPayloads[EventName],\n  transform?: (eventValue: ReceivableEventPayloads[EventName]) => StateType,\n) {\n  const [value, setValue] = useState<StateType>(\n    transform\n      ? transform(defaultValue)\n      : (defaultValue as unknown as StateType),\n  );\n\n  const onEvent = useCallback(\n    (newValue: ReceivableEventPayloads[EventName]) => {\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>(eventName, onEvent);\n\n  return value;\n}\n"]}

package/build/hooks/useAppScreenShare.d.ts

@@ -6,6 +6,15 @@ type AppScreenShareData = {
     toggleAppScreenShare: (screenShareOptions?: Partial<ScreenShareOptions>) => Promise<void>;
 };
 declare function useDefaultAppScreenShareAndroid(): AppScreenShareData;
+/**
+ * This hook can toggle client app screen sharing on/off and provides current screen share state.
+ *
+ * It works only on iOS.
+ *
+ * @returns An object with functions to manage app screen share on iOS and null on android.
+ * @category Connection
+ * @group Hooks
+ */
 export declare const useAppScreenShare: typeof useDefaultAppScreenShareAndroid;
 export {};
 //# sourceMappingURL=useAppScreenShare.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAppScreenShare.d.ts","sourceRoot":"","sources":["../../src/hooks/useAppScreenShare.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAUtD,KAAK,kBAAkB,GAAG;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,eAAe,CAAC;IACjC,oBAAoB,EAAE,CACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAC7C,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB,CAAC;AA+CF,iBAAS,+BAA+B,IAAI,kBAAkB,CAM7D;AAED,eAAO,MAAM,iBAAiB,wCAG5B,CAAC"}
+{"version":3,"file":"useAppScreenShare.d.ts","sourceRoot":"","sources":["../../src/hooks/useAppScreenShare.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAWtD,KAAK,kBAAkB,GAAG;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,eAAe,CAAC;IACjC,oBAAoB,EAAE,CACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAC7C,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB,CAAC;AAwCF,iBAAS,+BAA+B,IAAI,kBAAkB,CAM7D;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,wCAG5B,CAAC"}

package/build/hooks/useAppScreenShare.js

@@ -1,22 +1,14 @@
-import { useCallback, useState } from 'react';
-import RNFishjamClientModule from '../RNFishjamClientModule';
-import { ReceivableEvents, useFishjamEvent } from './useFishjamEvent';
+import { useCallback } from 'react';
+import RNFishjamClientModule, { ReceivableEvents, } from '../RNFishjamClientModule';
 import { Platform } from 'react-native';
+import { useFishjamEventState } from './internal/useFishjamEventState';
 const defaultSimulcastConfig = () => ({
     enabled: false,
-    activeEncodings: [],
 });
 let screenShareSimulcastConfig = defaultSimulcastConfig();
-/**
- * This hook can toggle client app screen sharing on/off and provides current screen share state. It works only on iOS.
- * @returns An object with functions to manage app screen share on iOS and null on android.
- * @category Screenshare
- * @group Hooks
- */
 function useIosAppScreenShare() {
-    const [isAppScreenShareOn, setIsAppScreenShareOn] = useState(RNFishjamClientModule.isAppScreenShareOn);
-    const [simulcastConfig, setSimulcastConfig] = useState(screenShareSimulcastConfig);
-    useFishjamEvent(ReceivableEvents.IsAppScreenShareOn, setIsAppScreenShareOn);
+    const isAppScreenShareOn = useFishjamEventState(ReceivableEvents.IsAppScreenShareOn, RNFishjamClientModule.isAppScreenShareOn);
+    const simulcastConfig = useFishjamEventState(ReceivableEvents.SimulcastConfigUpdate, screenShareSimulcastConfig);
     const toggleAppScreenShare = useCallback(async (screenShareOptions = {}) => {
         const options = {
             ...screenShareOptions,
@@ -28,7 +20,6 @@ function useIosAppScreenShare() {
         };
         await RNFishjamClientModule.toggleAppScreenShare(options);
         screenShareSimulcastConfig = defaultSimulcastConfig(); //to do: sync with camera settings
-        setSimulcastConfig(screenShareSimulcastConfig);
     }, [isAppScreenShareOn]);
     return {
         isAppScreenShareOn,
@@ -47,6 +38,15 @@ function useDefaultAppScreenShareAndroid() {
         toggleAppScreenShare: async () => { },
     };
 }
+/**
+ * This hook can toggle client app screen sharing on/off and provides current screen share state.
+ *
+ * It works only on iOS.
+ *
+ * @returns An object with functions to manage app screen share on iOS and null on android.
+ * @category Connection
+ * @group Hooks
+ */
 export const useAppScreenShare = Platform.select({
     ios: useIosAppScreenShare,
     default: useDefaultAppScreenShareAndroid,