@fishjam-cloud/react-native-client 0.23.0 → 0.24.0

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;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW,GAAI,0BAA0B,gBAAgB,gCA4BrE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FishjamRoom/index.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW,GAAI,0BAA0B,gBAAgB,gCA2BrE,CAAC"}

package/build/components/FishjamRoom/index.js

@@ -31,7 +31,6 @@ export const FishjamRoom = ({ fishjamId, peerToken }) => {
         const join = async () => {
             try {
                 await prepareCamera({
-                    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,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAa5C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAoB,EAAE,EAAE;IACxE,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;YACtB,IAAI,CAAC;gBACH,MAAM,aAAa,CAAC;oBAClB,gBAAgB,EAAE,IAAI;oBACtB,OAAO,EAAE,OAAO;oBAChB,aAAa,EAAE,IAAI;iBACpB,CAAC,CAAC;gBACH,MAAM,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;YAC3C,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,CAAC;QACF,IAAI,EAAE,CAAC;QACP,OAAO,GAAG,EAAE;YACV,SAAS,EAAE,CAAC;QACd,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/D,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 { useCamera } from '../../hooks/useCamera';\nimport { useConnection } from '../../hooks/useConnection';\nimport { VideosGrid } from './VideosGrid';\nimport { SafeAreaView } from 'react-native';\n\nexport type FishjamRoomProps = {\n  /**\n   * ID of your fishjam instance\n   */\n  fishjamId: 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 * import { FishjamRoom } from '@fishjam-cloud/react-native-client';\n * import React from 'react';\n *\n * const FISHJAM_ID = 'your-fishjam_id';\n * const PEER_TOKEN = 'your-peer-token';\n *\n * <FishjamRoom\n *    fishjamId={FISHJAM_ID}\n *    peerToken={PEER_TOKEN}\n * />\n * ```\n * @category Components\n * @param {object} props\n * @param {string} props.fishjamId\n * @param {string} props.peerToken\n */\nexport const FishjamRoom = ({ fishjamId, peerToken }: FishjamRoomProps) => {\n  const { prepareCamera } = useCamera();\n  const { leaveRoom, joinRoom } = useConnection();\n\n  useEffect(() => {\n    const join = async () => {\n      try {\n        await prepareCamera({\n          simulcastEnabled: true,\n          quality: 'HD169',\n          cameraEnabled: true,\n        });\n        await joinRoom({ fishjamId, peerToken });\n      } catch (e) {\n        console.warn(e);\n      }\n    };\n    join();\n    return () => {\n      leaveRoom();\n    };\n  }, [fishjamId, peerToken, prepareCamera, joinRoom, leaveRoom]);\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,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAa5C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAoB,EAAE,EAAE;IACxE,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;YACtB,IAAI,CAAC;gBACH,MAAM,aAAa,CAAC;oBAClB,OAAO,EAAE,OAAO;oBAChB,aAAa,EAAE,IAAI;iBACpB,CAAC,CAAC;gBACH,MAAM,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;YAC3C,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,CAAC;QACF,IAAI,EAAE,CAAC;QACP,OAAO,GAAG,EAAE;YACV,SAAS,EAAE,CAAC;QACd,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/D,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 { useCamera } from '../../hooks/useCamera';\nimport { useConnection } from '../../hooks/useConnection';\nimport { VideosGrid } from './VideosGrid';\nimport { SafeAreaView } from 'react-native';\n\nexport type FishjamRoomProps = {\n  /**\n   * ID of your fishjam instance\n   */\n  fishjamId: 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 * import { FishjamRoom } from '@fishjam-cloud/react-native-client';\n * import React from 'react';\n *\n * const FISHJAM_ID = 'your-fishjam_id';\n * const PEER_TOKEN = 'your-peer-token';\n *\n * <FishjamRoom\n *    fishjamId={FISHJAM_ID}\n *    peerToken={PEER_TOKEN}\n * />\n * ```\n * @category Components\n * @param {object} props\n * @param {string} props.fishjamId\n * @param {string} props.peerToken\n */\nexport const FishjamRoom = ({ fishjamId, peerToken }: FishjamRoomProps) => {\n  const { prepareCamera } = useCamera();\n  const { leaveRoom, joinRoom } = useConnection();\n\n  useEffect(() => {\n    const join = async () => {\n      try {\n        await prepareCamera({\n          quality: 'HD169',\n          cameraEnabled: true,\n        });\n        await joinRoom({ fishjamId, peerToken });\n      } catch (e) {\n        console.warn(e);\n      }\n    };\n    join();\n    return () => {\n      leaveRoom();\n    };\n  }, [fishjamId, peerToken, prepareCamera, joinRoom, leaveRoom]);\n\n  return (\n    <SafeAreaView>\n      <VideosGrid />\n    </SafeAreaView>\n  );\n};\n"]}

package/build/hooks/useAppScreenShare.d.ts

@@ -1,8 +1,6 @@
-import { SimulcastConfig } from '../types';
 import { ScreenShareOptions } from './useScreenShare';
 export type AppScreenShareData = {
     isAppScreenShareOn: boolean;
-    simulcastConfig: SimulcastConfig;
     toggleAppScreenShare: (screenShareOptions?: Partial<ScreenShareOptions>) => Promise<void>;
 };
 declare function useDefaultAppScreenShareAndroid(): AppScreenShareData;

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

@@ -1 +1 @@
-{"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,MAAM,MAAM,kBAAkB,GAAG;IAC/B,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"}
+{"version":3,"file":"useAppScreenShare.d.ts","sourceRoot":"","sources":["../../src/hooks/useAppScreenShare.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,CACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAC7C,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB,CAAC;AAiCF,iBAAS,+BAA+B,IAAI,kBAAkB,CAK7D;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,wCAG5B,CAAC"}

package/build/hooks/useAppScreenShare.js

@@ -2,13 +2,8 @@ import { useCallback } from 'react';
 import RNFishjamClientModule, { ReceivableEvents, } from '../RNFishjamClientModule';
 import { Platform } from 'react-native';
 import { useFishjamEventState } from './internal/useFishjamEventState';
-const defaultSimulcastConfig = () => ({
-    enabled: false,
-});
-let screenShareSimulcastConfig = defaultSimulcastConfig();
 function useIosAppScreenShare() {
     const isAppScreenShareOn = useFishjamEventState(ReceivableEvents.IsAppScreenShareOn, RNFishjamClientModule.isAppScreenShareOn);
-    const simulcastConfig = useFishjamEventState(ReceivableEvents.SimulcastConfigUpdate, screenShareSimulcastConfig);
     const toggleAppScreenShare = useCallback(async (screenShareOptions = {}) => {
         const options = {
             ...screenShareOptions,
@@ -19,11 +14,9 @@ function useIosAppScreenShare() {
             },
         };
         await RNFishjamClientModule.toggleAppScreenShare(options);
-        screenShareSimulcastConfig = defaultSimulcastConfig(); //to do: sync with camera settings
     }, [isAppScreenShareOn]);
     return {
         isAppScreenShareOn,
-        simulcastConfig,
         /**
          * Toggles the screen share on/off.
          * Emits warning on ios when user is screensharing full screen.
@@ -34,7 +27,6 @@ function useIosAppScreenShare() {
 function useDefaultAppScreenShareAndroid() {
     return {
         isAppScreenShareOn: false,
-        simulcastConfig: defaultSimulcastConfig(),
         toggleAppScreenShare: async () => { },
     };
 }

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,MAAM,OAAO,CAAC;AACpC,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAClC,CAAC;IACC,OAAO,EAAE,KAAK;CACf,CAA2B,CAAC;AAE/B,IAAI,0BAA0B,GAAoB,sBAAsB,EAAE,CAAC;AAU3E,SAAS,oBAAoB;IAC3B,MAAM,kBAAkB,GAAG,oBAAoB,CAC7C,gBAAgB,CAAC,kBAAkB,EACnC,qBAAqB,CAAC,kBAAkB,CACzC,CAAC;IAEF,MAAM,eAAe,GAAG,oBAAoB,CAC1C,gBAAgB,CAAC,qBAAqB,EACtC,0BAA0B,CAC3B,CAAC;IAEF,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;IAC3F,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;;;;;;;;GAQG;AACH,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 } from 'react';\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { SimulcastConfig } from '../types';\nimport { ScreenShareOptions } from './useScreenShare';\nimport { Platform } from 'react-native';\nimport { useFishjamEventState } from './internal/useFishjamEventState';\n\nconst defaultSimulcastConfig = () =>\n  ({\n    enabled: false,\n  }) satisfies SimulcastConfig;\n\nlet screenShareSimulcastConfig: SimulcastConfig = defaultSimulcastConfig();\n\nexport type AppScreenShareData = {\n  isAppScreenShareOn: boolean;\n  simulcastConfig: SimulcastConfig;\n  toggleAppScreenShare: (\n    screenShareOptions?: Partial<ScreenShareOptions>,\n  ) => Promise<void>;\n};\n\nfunction useIosAppScreenShare(): AppScreenShareData {\n  const isAppScreenShareOn = useFishjamEventState(\n    ReceivableEvents.IsAppScreenShareOn,\n    RNFishjamClientModule.isAppScreenShareOn,\n  );\n\n  const simulcastConfig = useFishjamEventState(\n    ReceivableEvents.SimulcastConfigUpdate,\n    screenShareSimulcastConfig,\n  );\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    },\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\n/**\n * This hook can toggle client app screen sharing on/off and provides current screen share state.\n *\n * It works only on iOS.\n *\n * @returns An object with functions to manage app screen share on iOS and null on android.\n * @category Connection\n * @group Hooks\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,MAAM,OAAO,CAAC;AACpC,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AASvE,SAAS,oBAAoB;IAC3B,MAAM,kBAAkB,GAAG,oBAAoB,CAC7C,gBAAgB,CAAC,kBAAkB,EACnC,qBAAqB,CAAC,kBAAkB,CACzC,CAAC;IAEF,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;IAC5D,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO;QACL,kBAAkB;QAClB;;;WAGG;QACH,oBAAoB;KACrB,CAAC;AACJ,CAAC;AAED,SAAS,+BAA+B;IACtC,OAAO;QACL,kBAAkB,EAAE,KAAK;QACzB,oBAAoB,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;KACrC,CAAC;AACJ,CAAC;AAED;;;;;;;;GAQG;AACH,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 } from 'react';\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { ScreenShareOptions } from './useScreenShare';\nimport { Platform } from 'react-native';\nimport { useFishjamEventState } from './internal/useFishjamEventState';\n\nexport type AppScreenShareData = {\n  isAppScreenShareOn: boolean;\n  toggleAppScreenShare: (\n    screenShareOptions?: Partial<ScreenShareOptions>,\n  ) => Promise<void>;\n};\n\nfunction useIosAppScreenShare(): AppScreenShareData {\n  const isAppScreenShareOn = useFishjamEventState(\n    ReceivableEvents.IsAppScreenShareOn,\n    RNFishjamClientModule.isAppScreenShareOn,\n  );\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    },\n    [isAppScreenShareOn],\n  );\n\n  return {\n    isAppScreenShareOn,\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    toggleAppScreenShare: async () => {},\n  };\n}\n\n/**\n * This hook can toggle client app screen sharing on/off and provides current screen share state.\n *\n * It works only on iOS.\n *\n * @returns An object with functions to manage app screen share on iOS and null on android.\n * @category Connection\n * @group Hooks\n */\nexport const useAppScreenShare = Platform.select({\n  ios: useIosAppScreenShare,\n  default: useDefaultAppScreenShareAndroid,\n});\n"]}

package/build/hooks/useCamera.d.ts

@@ -51,7 +51,7 @@ export type CameraConfigBase = {
 };
 export type CameraConfig = CameraConfigBase & {
     /**
-     *  whether video track uses simulcast. By default simulcast is disabled.
+     * @deprecated Simulcast is no longer supported
      */
     simulcastEnabled?: boolean;
 };
@@ -61,7 +61,7 @@ export type CameraConfigInternal = CameraConfigBase & {
         type: 'camera';
     };
     /**
-     *  SimulcastConfig of a video track. By default simulcast is disabled.
+     * @deprecated Simulcast is no longer supported
      */
     simulcastConfig?: SimulcastConfig;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useCamera.d.ts","sourceRoot":"","sources":["../../src/hooks/useCamera.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAMlD,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;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,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,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;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;CACnC,CAAC;AAgBF,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAC7B,oBAAoB,CAMtB;AAED;;;;GAIG;AACH,wBAAgB,SAAS;IAmDrB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;6BA1DY,QAAQ,CAAC,YAAY,CAAC;IA4DrC;;;;OAIG;6BAxC6C,QAAQ;EA2C3D"}
+{"version":3,"file":"useCamera.d.ts","sourceRoot":"","sources":["../../src/hooks/useCamera.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAMlD,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;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,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,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;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;CAC5B,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;CACnC,CAAC;AAcF,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAC7B,oBAAoB,CAMtB;AAED;;;;GAIG;AACH,wBAAgB,SAAS;IAmDrB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;6BA1DY,QAAQ,CAAC,YAAY,CAAC;IA4DrC;;;;OAIG;6BAxC6C,QAAQ;EA2C3D"}

package/build/hooks/useCamera.js

@@ -5,9 +5,7 @@ const defaultSimulcastConfig = () => ({
     enabled: false,
 });
 function getSimulcastConfig(simulcastEnabled) {
-    if (simulcastEnabled) {
-        return { enabled: true };
-    }
+    // TODO FCE-2265: Remove in next major release
     return undefined;
 }
 export function updateCameraConfig(config) {

package/build/hooks/useCamera.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCamera.js","sourceRoot":"","sources":["../../src/hooks/useCamera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAsFvE,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAClC,CAAC;IACC,OAAO,EAAE,KAAK;CACf,CAA2B,CAAC;AAE/B,SAAS,kBAAkB,CACzB,gBAAqC;IAErC,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3B,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,MAA8B;IAE9B,OAAO;QACL,GAAG,MAAM;QACT,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE;QACpD,eAAe,EAAE,kBAAkB,CAAC,MAAM,CAAC,gBAAgB,CAAC;KAC7D,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS;IACvB,MAAM,eAAe,GAAG,oBAAoB,CAC1C,gBAAgB,CAAC,qBAAqB,EACtC,sBAAsB,EAAE,CACzB,CAAC;IAEF,MAAM,EACJ,aAAa,EAAE,kBAAkB,EACjC,UAAU,EACV,mBAAmB,GACpB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,oBAAoB,EAAE;QAC9D,aAAa,EAAE,qBAAqB,CAAC,aAAa;QAClD,UAAU,EAAE,qBAAqB,CAAC,UAAU;QAC5C,mBAAmB,EAAE,qBAAqB,CAAC,mBAAmB;KAC/D,CAAC,CAAC;IAEH,wDAAwD;IACxD,MAAM,aAAa,GAAG,kBAAkB,IAAI,IAAI,CAAC;IAEjD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEjE,MAAM,aAAa,GAAG,WAAW,CAC/B,KAAK,EAAE,SAAiC,EAAE,EAAE,EAAE;QAC5C,MAAM,MAAM,GAAG,qBAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CACxD,MAAM,CAAC,QAAQ;YACb,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,MAAM,CAAC,QAAQ;YAC5B,CAAC,CAAC,GAAG,CAAC,eAAe,KAAK,OAAO,CACpC,CAAC;QAEF,MAAM,aAAa,GAAG,kBAAkB,CAAC;YACvC,GAAG,MAAM;YACT,QAAQ,EAAE,MAAM,EAAE,EAAE;SACrB,CAAC,CAAC;QACH,OAAO,qBAAqB,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAC1D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,MAAM,KAAK,GAAG,MAAM,qBAAqB,CAAC,YAAY,EAAE,CAAC;QACzD,MAAM,qBAAqB,CAAC,wBAAwB,CAAC;YACnD,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,QAAkB,EAAE,EAAE;QAC5D,MAAM,qBAAqB,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL;;WAEG;QACH,UAAU;QACV;;WAEG;QACH,aAAa;QACb;;WAEG;QACH,eAAe;QACf;;;WAGG;QACH,OAAO;QACP;;WAEG;QACH,aAAa,EAAE,mBAAmB;QAClC;;WAEG;QACH,YAAY;QACZ;;;;WAIG;QACH,aAAa;QACb;;;;WAIG;QACH,YAAY;KACb,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { Brand, SimulcastConfig } from '../types';\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { useFishjamEventState } from './internal/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  isCameraInitialized: 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\nexport type 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\nconst defaultSimulcastConfig = () =>\n  ({\n    enabled: false,\n  }) satisfies SimulcastConfig;\n\nfunction getSimulcastConfig(\n  simulcastEnabled: boolean | undefined,\n): SimulcastConfig | undefined {\n  if (simulcastEnabled) {\n    return { enabled: true };\n  }\n  return undefined;\n}\n\nexport function updateCameraConfig(\n  config: Readonly<CameraConfig>,\n): CameraConfigInternal {\n  return {\n    ...config,\n    videoTrackMetadata: { active: true, type: 'camera' },\n    simulcastConfig: getSimulcastConfig(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(\n    ReceivableEvents.SimulcastConfigUpdate,\n    defaultSimulcastConfig(), // TODO: Fetch from native\n  );\n\n  const {\n    currentCamera: currentCameraState,\n    isCameraOn,\n    isCameraInitialized,\n  } = useFishjamEventState(ReceivableEvents.CurrentCameraChanged, {\n    currentCamera: RNFishjamClientModule.currentCamera,\n    isCameraOn: RNFishjamClientModule.isCameraOn,\n    isCameraInitialized: RNFishjamClientModule.isCameraInitialized,\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((cam) =>\n        config.cameraId\n          ? cam.id === config.cameraId\n          : cam.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  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     * A value indicating if camera was already initialized (if `prepareCamera` was called).\n     */\n    isInitialized: isCameraInitialized,\n    /**\n     * Enable/disable current camera\n     */\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     */\n    switchCamera,\n  };\n}\n"]}
+{"version":3,"file":"useCamera.js","sourceRoot":"","sources":["../../src/hooks/useCamera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAmFvE,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAClC,CAAC;IACC,OAAO,EAAE,KAAK;CACf,CAA2B,CAAC;AAE/B,SAAS,kBAAkB,CACzB,gBAAqC;IAErC,8CAA8C;IAC9C,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,MAA8B;IAE9B,OAAO;QACL,GAAG,MAAM;QACT,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE;QACpD,eAAe,EAAE,kBAAkB,CAAC,MAAM,CAAC,gBAAgB,CAAC;KAC7D,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS;IACvB,MAAM,eAAe,GAAG,oBAAoB,CAC1C,gBAAgB,CAAC,qBAAqB,EACtC,sBAAsB,EAAE,CACzB,CAAC;IAEF,MAAM,EACJ,aAAa,EAAE,kBAAkB,EACjC,UAAU,EACV,mBAAmB,GACpB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,oBAAoB,EAAE;QAC9D,aAAa,EAAE,qBAAqB,CAAC,aAAa;QAClD,UAAU,EAAE,qBAAqB,CAAC,UAAU;QAC5C,mBAAmB,EAAE,qBAAqB,CAAC,mBAAmB;KAC/D,CAAC,CAAC;IAEH,wDAAwD;IACxD,MAAM,aAAa,GAAG,kBAAkB,IAAI,IAAI,CAAC;IAEjD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEjE,MAAM,aAAa,GAAG,WAAW,CAC/B,KAAK,EAAE,SAAiC,EAAE,EAAE,EAAE;QAC5C,MAAM,MAAM,GAAG,qBAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CACxD,MAAM,CAAC,QAAQ;YACb,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,MAAM,CAAC,QAAQ;YAC5B,CAAC,CAAC,GAAG,CAAC,eAAe,KAAK,OAAO,CACpC,CAAC;QAEF,MAAM,aAAa,GAAG,kBAAkB,CAAC;YACvC,GAAG,MAAM;YACT,QAAQ,EAAE,MAAM,EAAE,EAAE;SACrB,CAAC,CAAC;QACH,OAAO,qBAAqB,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAC1D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,MAAM,KAAK,GAAG,MAAM,qBAAqB,CAAC,YAAY,EAAE,CAAC;QACzD,MAAM,qBAAqB,CAAC,wBAAwB,CAAC;YACnD,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,QAAkB,EAAE,EAAE;QAC5D,MAAM,qBAAqB,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL;;WAEG;QACH,UAAU;QACV;;WAEG;QACH,aAAa;QACb;;WAEG;QACH,eAAe;QACf;;;WAGG;QACH,OAAO;QACP;;WAEG;QACH,aAAa,EAAE,mBAAmB;QAClC;;WAEG;QACH,YAAY;QACZ;;;;WAIG;QACH,aAAa;QACb;;;;WAIG;QACH,YAAY;KACb,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { Brand, SimulcastConfig } from '../types';\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { useFishjamEventState } from './internal/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  isCameraInitialized: 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\nexport type 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   * @deprecated Simulcast is no longer supported\n   */\n  simulcastEnabled?: boolean;\n};\n\nexport type CameraConfigInternal = CameraConfigBase & {\n  videoTrackMetadata?: { active: boolean; type: 'camera' };\n  /**\n   * @deprecated Simulcast is no longer supported\n   */\n  simulcastConfig?: SimulcastConfig;\n};\n\nconst defaultSimulcastConfig = () =>\n  ({\n    enabled: false,\n  }) satisfies SimulcastConfig;\n\nfunction getSimulcastConfig(\n  simulcastEnabled: boolean | undefined,\n): SimulcastConfig | undefined {\n  // TODO FCE-2265: Remove in next major release\n  return undefined;\n}\n\nexport function updateCameraConfig(\n  config: Readonly<CameraConfig>,\n): CameraConfigInternal {\n  return {\n    ...config,\n    videoTrackMetadata: { active: true, type: 'camera' },\n    simulcastConfig: getSimulcastConfig(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(\n    ReceivableEvents.SimulcastConfigUpdate,\n    defaultSimulcastConfig(), // TODO: Fetch from native\n  );\n\n  const {\n    currentCamera: currentCameraState,\n    isCameraOn,\n    isCameraInitialized,\n  } = useFishjamEventState(ReceivableEvents.CurrentCameraChanged, {\n    currentCamera: RNFishjamClientModule.currentCamera,\n    isCameraOn: RNFishjamClientModule.isCameraOn,\n    isCameraInitialized: RNFishjamClientModule.isCameraInitialized,\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((cam) =>\n        config.cameraId\n          ? cam.id === config.cameraId\n          : cam.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  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     * A value indicating if camera was already initialized (if `prepareCamera` was called).\n     */\n    isInitialized: isCameraInitialized,\n    /**\n     * Enable/disable current camera\n     */\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     */\n    switchCamera,\n  };\n}\n"]}

package/build/hooks/useScreenShare.d.ts

@@ -14,9 +14,9 @@ export type ScreenShareOptionsInternal = {
         displayName?: string;
     };
     /**
-     * SimulcastConfig of a screen share track. By default simulcast is disabled.
+     * @deprecated Simulcast is no longer supported
      */
-    simulcastConfig: SimulcastConfig;
+    simulcastConfig?: SimulcastConfig;
 };
 /**
  * This hook can toggle screen sharing on/off and provides current screen share state.
@@ -26,7 +26,6 @@ export type ScreenShareOptionsInternal = {
  */
 export declare function useScreenShare(): {
     isScreenShareOn: boolean;
-    simulcastConfig: SimulcastConfig;
     /**
      * Toggles the screen share on/off
      * Emits warning on ios when user is screensharing app screen.

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

@@ -1 +1 @@
-{"version":3,"file":"useScreenShare.d.ts","sourceRoot":"","sources":["../../src/hooks/useScreenShare.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAO1D,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;OAKG;IACH,OAAO,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AACF,MAAM,MAAM,0BAA0B,GAAG;IACvC,mBAAmB,EAAE,aAAa,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D;;OAEG;IACH,eAAe,EAAE,eAAe,CAAC;CAClC,CAAC;AASF;;;;;GAKG;AACH,wBAAgB,cAAc;;;IA2C1B;;;OAGG;6CA3BwB,OAAO,CAAC,kBAAkB,CAAC;;EA+BzD"}
+{"version":3,"file":"useScreenShare.d.ts","sourceRoot":"","sources":["../../src/hooks/useScreenShare.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAO1D,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;OAKG;IACH,OAAO,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AACF,MAAM,MAAM,0BAA0B,GAAG;IACvC,mBAAmB,EAAE,aAAa,GAAG;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc;;IAoC1B;;;OAGG;6CAzBwB,OAAO,CAAC,kBAAkB,CAAC;;EA6BzD"}

package/build/hooks/useScreenShare.js

@@ -2,10 +2,6 @@ import { useCallback } from 'react';
 import RNFishjamClientModule, { ReceivableEvents, } from '../RNFishjamClientModule';
 import { Platform } from 'react-native';
 import { useFishjamEventState } from './internal/useFishjamEventState';
-const defaultSimulcastConfig = () => ({
-    enabled: false,
-});
-let screenShareSimulcastConfig = defaultSimulcastConfig();
 /**
  * This hook can toggle screen sharing on/off and provides current screen share state.
  * @returns An object with functions to manage screen share.
@@ -14,7 +10,6 @@ let screenShareSimulcastConfig = defaultSimulcastConfig();
  */
 export function useScreenShare() {
     const isScreenShareOn = useFishjamEventState(ReceivableEvents.IsScreenShareOn, RNFishjamClientModule.isScreenShareOn);
-    const simulcastConfig = useFishjamEventState(ReceivableEvents.SimulcastConfigUpdate, screenShareSimulcastConfig);
     const handleScreenSharePermission = useCallback(async () => {
         if (Platform.OS === 'android') {
             return await RNFishjamClientModule.handleScreenSharePermission();
@@ -36,11 +31,9 @@ export function useScreenShare() {
             },
         };
         await RNFishjamClientModule.toggleScreenShare(options);
-        screenShareSimulcastConfig = defaultSimulcastConfig(); //to do: sync with camera settings
     }, [isScreenShareOn, handleScreenSharePermission]);
     return {
         isScreenShareOn,
-        simulcastConfig,
         /**
          * Toggles the screen share on/off
          * Emits warning on ios when user is screensharing app screen.

package/build/hooks/useScreenShare.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScreenShare.js","sourceRoot":"","sources":["../../src/hooks/useScreenShare.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAqBvE,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAClC,CAAC;IACC,OAAO,EAAE,KAAK;CACf,CAA2B,CAAC;AAE/B,IAAI,0BAA0B,GAAoB,sBAAsB,EAAE,CAAC;AAE3E;;;;;GAKG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,eAAe,GAAG,oBAAoB,CAC1C,gBAAgB,CAAC,eAAe,EAChC,qBAAqB,CAAC,eAAe,CACtC,CAAC;IAEF,MAAM,eAAe,GAAG,oBAAoB,CAC1C,gBAAgB,CAAC,qBAAqB,EACtC,0BAA0B,CAC3B,CAAC;IAEF,MAAM,2BAA2B,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzD,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,MAAM,qBAAqB,CAAC,2BAA2B,EAAE,CAAC;QACnE,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CACnC,KAAK,EAAE,qBAAkD,EAAE,EAAE,EAAE;QAC7D,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAAC,eAAe,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,2BAA2B,EAAE,CAAC,KAAK,SAAS,EAAE,CAAC;gBACxD,OAAO;YACT,CAAC;QACH,CAAC;QACD,MAAM,OAAO,GAAG;YACd,GAAG,kBAAkB;YACrB,mBAAmB,EAAE;gBACnB,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,kBAA2B;gBACjC,MAAM,EAAE,CAAC,eAAe;aACzB;SACF,CAAC;QACF,MAAM,qBAAqB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACvD,0BAA0B,GAAG,sBAAsB,EAAE,CAAC,CAAC,kCAAkC;IAC3F,CAAC,EACD,CAAC,eAAe,EAAE,2BAA2B,CAAC,CAC/C,CAAC;IAEF,OAAO;QACL,eAAe;QACf,eAAe;QAEf;;;WAGG;QACH,iBAAiB;QACjB,2BAA2B;KAC5B,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback } from 'react';\n\nimport { SimulcastConfig, TrackMetadata } from '../types';\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { Platform } from 'react-native';\nimport { useFishjamEventState } from './internal/useFishjamEventState';\n\nexport type ScreenShareQuality = 'VGA' | 'HD5' | 'HD15' | 'FHD15' | 'FHD30';\n\nexport type ScreenShareOptions = {\n  /**\n   * Resolution + fps of screen share track, one of: `VGA`, `HD5`, `HD15`, `FHD15`, `FHD30`.\n   * Note that quality might be worse than specified due to device capabilities, internet\n   * connection etc.\n   * @default `HD15`\n   */\n  quality: ScreenShareQuality;\n};\nexport type ScreenShareOptionsInternal = {\n  screenShareMetadata: TrackMetadata & { displayName?: string };\n  /**\n   * SimulcastConfig of a screen share track. By default simulcast is disabled.\n   */\n  simulcastConfig: SimulcastConfig;\n};\n\nconst defaultSimulcastConfig = () =>\n  ({\n    enabled: false,\n  }) satisfies SimulcastConfig;\n\nlet screenShareSimulcastConfig: SimulcastConfig = defaultSimulcastConfig();\n\n/**\n * This hook can toggle screen sharing on/off and provides current screen share state.\n * @returns An object with functions to manage screen share.\n * @category Connection\n * @group Hooks\n */\nexport function useScreenShare() {\n  const isScreenShareOn = useFishjamEventState(\n    ReceivableEvents.IsScreenShareOn,\n    RNFishjamClientModule.isScreenShareOn,\n  );\n\n  const simulcastConfig = useFishjamEventState(\n    ReceivableEvents.SimulcastConfigUpdate,\n    screenShareSimulcastConfig,\n  );\n\n  const handleScreenSharePermission = useCallback(async () => {\n    if (Platform.OS === 'android') {\n      return await RNFishjamClientModule.handleScreenSharePermission();\n    }\n    return 'denied';\n  }, []);\n\n  const toggleScreenShare = useCallback(\n    async (screenShareOptions: Partial<ScreenShareOptions> = {}) => {\n      if (Platform.OS === 'android' && !isScreenShareOn) {\n        if ((await handleScreenSharePermission()) !== 'granted') {\n          return;\n        }\n      }\n      const options = {\n        ...screenShareOptions,\n        screenShareMetadata: {\n          displayName: 'presenting',\n          type: 'screenShareVideo' as const,\n          active: !isScreenShareOn,\n        },\n      };\n      await RNFishjamClientModule.toggleScreenShare(options);\n      screenShareSimulcastConfig = defaultSimulcastConfig(); //to do: sync with camera settings\n    },\n    [isScreenShareOn, handleScreenSharePermission],\n  );\n\n  return {\n    isScreenShareOn,\n    simulcastConfig,\n\n    /**\n     * Toggles the screen share on/off\n     * Emits warning on ios when user is screensharing app screen.\n     */\n    toggleScreenShare,\n    handleScreenSharePermission,\n  };\n}\n"]}
+{"version":3,"file":"useScreenShare.js","sourceRoot":"","sources":["../../src/hooks/useScreenShare.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,qBAAqB,EAAE,EAC5B,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAqBvE;;;;;GAKG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,eAAe,GAAG,oBAAoB,CAC1C,gBAAgB,CAAC,eAAe,EAChC,qBAAqB,CAAC,eAAe,CACtC,CAAC;IAEF,MAAM,2BAA2B,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzD,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,MAAM,qBAAqB,CAAC,2BAA2B,EAAE,CAAC;QACnE,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CACnC,KAAK,EAAE,qBAAkD,EAAE,EAAE,EAAE;QAC7D,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAAC,eAAe,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,2BAA2B,EAAE,CAAC,KAAK,SAAS,EAAE,CAAC;gBACxD,OAAO;YACT,CAAC;QACH,CAAC;QACD,MAAM,OAAO,GAAG;YACd,GAAG,kBAAkB;YACrB,mBAAmB,EAAE;gBACnB,WAAW,EAAE,YAAY;gBACzB,IAAI,EAAE,kBAA2B;gBACjC,MAAM,EAAE,CAAC,eAAe;aACzB;SACF,CAAC;QACF,MAAM,qBAAqB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,EACD,CAAC,eAAe,EAAE,2BAA2B,CAAC,CAC/C,CAAC;IAEF,OAAO;QACL,eAAe;QAEf;;;WAGG;QACH,iBAAiB;QACjB,2BAA2B;KAC5B,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback } from 'react';\n\nimport { SimulcastConfig, TrackMetadata } from '../types';\nimport RNFishjamClientModule, {\n  ReceivableEvents,\n} from '../RNFishjamClientModule';\nimport { Platform } from 'react-native';\nimport { useFishjamEventState } from './internal/useFishjamEventState';\n\nexport type ScreenShareQuality = 'VGA' | 'HD5' | 'HD15' | 'FHD15' | 'FHD30';\n\nexport type ScreenShareOptions = {\n  /**\n   * Resolution + fps of screen share track, one of: `VGA`, `HD5`, `HD15`, `FHD15`, `FHD30`.\n   * Note that quality might be worse than specified due to device capabilities, internet\n   * connection etc.\n   * @default `HD15`\n   */\n  quality: ScreenShareQuality;\n};\nexport type ScreenShareOptionsInternal = {\n  screenShareMetadata: TrackMetadata & { displayName?: string };\n  /**\n   * @deprecated Simulcast is no longer supported\n   */\n  simulcastConfig?: SimulcastConfig;\n};\n\n/**\n * This hook can toggle screen sharing on/off and provides current screen share state.\n * @returns An object with functions to manage screen share.\n * @category Connection\n * @group Hooks\n */\nexport function useScreenShare() {\n  const isScreenShareOn = useFishjamEventState(\n    ReceivableEvents.IsScreenShareOn,\n    RNFishjamClientModule.isScreenShareOn,\n  );\n\n  const handleScreenSharePermission = useCallback(async () => {\n    if (Platform.OS === 'android') {\n      return await RNFishjamClientModule.handleScreenSharePermission();\n    }\n    return 'denied';\n  }, []);\n\n  const toggleScreenShare = useCallback(\n    async (screenShareOptions: Partial<ScreenShareOptions> = {}) => {\n      if (Platform.OS === 'android' && !isScreenShareOn) {\n        if ((await handleScreenSharePermission()) !== 'granted') {\n          return;\n        }\n      }\n      const options = {\n        ...screenShareOptions,\n        screenShareMetadata: {\n          displayName: 'presenting',\n          type: 'screenShareVideo' as const,\n          active: !isScreenShareOn,\n        },\n      };\n      await RNFishjamClientModule.toggleScreenShare(options);\n    },\n    [isScreenShareOn, handleScreenSharePermission],\n  );\n\n  return {\n    isScreenShareOn,\n\n    /**\n     * Toggles the screen share on/off\n     * Emits warning on ios when user is screensharing app screen.\n     */\n    toggleScreenShare,\n    handleScreenSharePermission,\n  };\n}\n"]}

package/build/livestream/hooks/useLivestreamScreenSharingStreamer.d.ts

@@ -0,0 +1,49 @@
+import { SenderAudioCodecName, SenderVideoCodecName, VideoParameters, WhipClientViewRef } from 'react-native-whip-whep';
+/**
+ * @category Livestream
+ */
+export interface useLivestreamScreenSharingStreamerResult {
+    /**
+     * Callback used to start publishing the selected audio and video media streams.
+     *
+     * @remarks
+     * Calling {@link connect} multiple times will have the effect of only publishing the **last** specified inputs.
+     */
+    connect: (token: string, urlOverride?: string) => Promise<void>;
+    /** Callback to stop publishing anything previously published with {@link connect} */
+    disconnect: () => Promise<void>;
+    /** Utility flag which indicates the current connection status */
+    isConnected: boolean;
+    /**
+     * Reference to the WhipClient instance. Needs to be passed to the {@link LivestreamStreamer} component.
+     */
+    whipClientRef: React.RefObject<WhipClientViewRef | null>;
+}
+export type UseLivestreamScreenSharingStreamerParams = {
+    /**
+     * If audio track should be enabled.
+     * Defaults to true.
+     */
+    audioEnabled?: boolean;
+    /**
+     *  Set video parameters for the screen share stream.
+     */
+    videoParameters?: VideoParameters;
+    /**
+     * Set the preferred video codecs for sending the video.
+     * Use {@link WhipClient.getSupportedVideoCodecs} to get the list of supported video codecs.
+     */
+    preferredVideoCodecs?: SenderVideoCodecName[];
+    /**
+     * Set the preferred audio codecs for sending the audio.
+     * Use {@link WhipClient.getSupportedAudioCodecs} to get the list of supported audio codecs.
+     */
+    preferredAudioCodecs?: SenderAudioCodecName[];
+};
+/**
+ * Hook for publishing a screen sharing livestream, which can be then received with {@link useLivestreamViewer}
+ * @category Livestream
+ * @group Hooks
+ */
+export declare const useLivestreamScreenSharingStreamer: ({ audioEnabled, videoParameters, preferredVideoCodecs, preferredAudioCodecs, }?: UseLivestreamScreenSharingStreamerParams) => useLivestreamScreenSharingStreamerResult;
+//# sourceMappingURL=useLivestreamScreenSharingStreamer.d.ts.map

package/build/livestream/hooks/useLivestreamScreenSharingStreamer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLivestreamScreenSharingStreamer.d.ts","sourceRoot":"","sources":["../../../src/livestream/hooks/useLivestreamScreenSharingStreamer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EAElB,MAAM,wBAAwB,CAAC;AAGhC;;GAEG;AACH,MAAM,WAAW,wCAAwC;IACvD;;;;;OAKG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,qFAAqF;IACrF,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,iEAAiE;IACjE,WAAW,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC1D;AAED,MAAM,MAAM,wCAAwC,GAAG;IACrD;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC9C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAC/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kCAAkC,GAAI,iFAKhD,wCAA6C,KAAG,wCAqDlD,CAAC"}

package/build/livestream/hooks/useLivestreamScreenSharingStreamer.js

@@ -0,0 +1,58 @@
+import { useCallback, useRef, useEffect } from 'react';
+import { useWhipConnectionState, } from 'react-native-whip-whep';
+import { FISHJAM_WHIP_URL } from '../../consts';
+/**
+ * Hook for publishing a screen sharing livestream, which can be then received with {@link useLivestreamViewer}
+ * @category Livestream
+ * @group Hooks
+ */
+export const useLivestreamScreenSharingStreamer = ({ audioEnabled, videoParameters, preferredVideoCodecs, preferredAudioCodecs, } = {}) => {
+    const state = useWhipConnectionState();
+    const isConnected = state === 'connected';
+    const whipClientRef = useRef(null);
+    const connect = useCallback(async (token, urlOverride) => {
+        const resolvedUrl = urlOverride ?? FISHJAM_WHIP_URL;
+        await whipClientRef.current?.connect({
+            authToken: token,
+            serverUrl: resolvedUrl,
+        });
+    }, []);
+    const disconnect = useCallback(async () => {
+        await whipClientRef.current?.disconnect();
+    }, []);
+    useEffect(() => {
+        try {
+            const initializeScreenShare = async () => {
+                await whipClientRef.current?.initializeScreenShare({
+                    audioEnabled: audioEnabled ?? true,
+                    videoEnabled: true,
+                    videoParameters: videoParameters,
+                    preferredVideoCodecs: preferredVideoCodecs,
+                    preferredAudioCodecs: preferredAudioCodecs,
+                });
+            };
+            initializeScreenShare().catch((error) => {
+                console.error('Failed to initialize screen share:', error);
+            });
+        }
+        catch (error) {
+            console.error('Failed to initialize screen share:', error);
+        }
+        const ref = whipClientRef.current;
+        return () => {
+            ref?.disconnect();
+        };
+    }, [
+        videoParameters,
+        audioEnabled,
+        preferredVideoCodecs,
+        preferredAudioCodecs,
+    ]);
+    return {
+        connect,
+        disconnect,
+        isConnected,
+        whipClientRef,
+    };
+};
+//# sourceMappingURL=useLivestreamScreenSharingStreamer.js.map

package/build/livestream/hooks/useLivestreamScreenSharingStreamer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLivestreamScreenSharingStreamer.js","sourceRoot":"","sources":["../../../src/livestream/hooks/useLivestreamScreenSharingStreamer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAKL,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AA6ChD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAAC,EACjD,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,oBAAoB,MACwB,EAAE,EAA4C,EAAE;IAC5F,MAAM,KAAK,GAAG,sBAAsB,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,KAAK,KAAK,WAAW,CAAC;IAE1C,MAAM,aAAa,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAE7D,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,KAAa,EAAE,WAAoB,EAAE,EAAE;QACxE,MAAM,WAAW,GAAG,WAAW,IAAI,gBAAgB,CAAC;QAEpD,MAAM,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;YACnC,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,WAAW;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,MAAM,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,MAAM,qBAAqB,GAAG,KAAK,IAAI,EAAE;gBACvC,MAAM,aAAa,CAAC,OAAO,EAAE,qBAAqB,CAAC;oBACjD,YAAY,EAAE,YAAY,IAAI,IAAI;oBAClC,YAAY,EAAE,IAAI;oBAClB,eAAe,EAAE,eAAe;oBAChC,oBAAoB,EAAE,oBAAoB;oBAC1C,oBAAoB,EAAE,oBAAoB;iBAC3C,CAAC,CAAC;YACL,CAAC,CAAC;YACF,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACtC,OAAO,CAAC,KAAK,CAAC,oCAAoC,EAAE,KAAK,CAAC,CAAC;YAC7D,CAAC,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,oCAAoC,EAAE,KAAK,CAAC,CAAC;QAC7D,CAAC;QACD,MAAM,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC;QAClC,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,eAAe;QACf,YAAY;QACZ,oBAAoB;QACpB,oBAAoB;KACrB,CAAC,CAAC;IAEH,OAAO;QACL,OAAO;QACP,UAAU;QACV,WAAW;QACX,aAAa;KACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useCallback, useRef, useEffect } from 'react';\nimport {\n  SenderAudioCodecName,\n  SenderVideoCodecName,\n  VideoParameters,\n  WhipClientViewRef,\n  useWhipConnectionState,\n} from 'react-native-whip-whep';\nimport { FISHJAM_WHIP_URL } from '../../consts';\n\n/**\n * @category Livestream\n */\nexport interface useLivestreamScreenSharingStreamerResult {\n  /**\n   * Callback used to start publishing the selected audio and video media streams.\n   *\n   * @remarks\n   * Calling {@link connect} multiple times will have the effect of only publishing the **last** specified inputs.\n   */\n  connect: (token: string, urlOverride?: string) => Promise<void>;\n  /** Callback to stop publishing anything previously published with {@link connect} */\n  disconnect: () => Promise<void>;\n  /** Utility flag which indicates the current connection status */\n  isConnected: boolean;\n  /**\n   * Reference to the WhipClient instance. Needs to be passed to the {@link LivestreamStreamer} component.\n   */\n  whipClientRef: React.RefObject<WhipClientViewRef | null>;\n}\n\nexport type UseLivestreamScreenSharingStreamerParams = {\n  /**\n   * If audio track should be enabled.\n   * Defaults to true.\n   */\n  audioEnabled?: boolean;\n  /**\n   *  Set video parameters for the screen share stream.\n   */\n  videoParameters?: VideoParameters;\n  /**\n   * Set the preferred video codecs for sending the video.\n   * Use {@link WhipClient.getSupportedVideoCodecs} to get the list of supported video codecs.\n   */\n  preferredVideoCodecs?: SenderVideoCodecName[];\n  /**\n   * Set the preferred audio codecs for sending the audio.\n   * Use {@link WhipClient.getSupportedAudioCodecs} to get the list of supported audio codecs.\n   */\n  preferredAudioCodecs?: SenderAudioCodecName[];\n};\n\n/**\n * Hook for publishing a screen sharing livestream, which can be then received with {@link useLivestreamViewer}\n * @category Livestream\n * @group Hooks\n */\nexport const useLivestreamScreenSharingStreamer = ({\n  audioEnabled,\n  videoParameters,\n  preferredVideoCodecs,\n  preferredAudioCodecs,\n}: UseLivestreamScreenSharingStreamerParams = {}): useLivestreamScreenSharingStreamerResult => {\n  const state = useWhipConnectionState();\n  const isConnected = state === 'connected';\n\n  const whipClientRef = useRef<WhipClientViewRef | null>(null);\n\n  const connect = useCallback(async (token: string, urlOverride?: string) => {\n    const resolvedUrl = urlOverride ?? FISHJAM_WHIP_URL;\n\n    await whipClientRef.current?.connect({\n      authToken: token,\n      serverUrl: resolvedUrl,\n    });\n  }, []);\n\n  const disconnect = useCallback(async () => {\n    await whipClientRef.current?.disconnect();\n  }, []);\n\n  useEffect(() => {\n    try {\n      const initializeScreenShare = async () => {\n        await whipClientRef.current?.initializeScreenShare({\n          audioEnabled: audioEnabled ?? true,\n          videoEnabled: true,\n          videoParameters: videoParameters,\n          preferredVideoCodecs: preferredVideoCodecs,\n          preferredAudioCodecs: preferredAudioCodecs,\n        });\n      };\n      initializeScreenShare().catch((error) => {\n        console.error('Failed to initialize screen share:', error);\n      });\n    } catch (error) {\n      console.error('Failed to initialize screen share:', error);\n    }\n    const ref = whipClientRef.current;\n    return () => {\n      ref?.disconnect();\n    };\n  }, [\n    videoParameters,\n    audioEnabled,\n    preferredVideoCodecs,\n    preferredAudioCodecs,\n  ]);\n\n  return {\n    connect,\n    disconnect,\n    isConnected,\n    whipClientRef,\n  };\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useLivestreamStreamer.d.ts","sourceRoot":"","sources":["../../../src/livestream/hooks/useLivestreamStreamer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,EAEN,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EAElB,MAAM,wBAAwB,CAAC;AAGhC;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;;;OAKG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,qFAAqF;IACrF,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,8BAA8B;IAC9B,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,oEAAoE;IACpE,qBAAqB,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzD,iEAAiE;IACjE,WAAW,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC1D;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC9C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAC/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,uGAOnC,2BAAgC,KAAG,2BAqErC,CAAC"}
+{"version":3,"file":"useLivestreamStreamer.d.ts","sourceRoot":"","sources":["../../../src/livestream/hooks/useLivestreamStreamer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,EAEN,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EAElB,MAAM,wBAAwB,CAAC;AAGhC;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;;;OAKG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,qFAAqF;IACrF,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,8BAA8B;IAC9B,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,oEAAoE;IACpE,qBAAqB,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzD,iEAAiE;IACjE,WAAW,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC1D;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC9C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAC/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,uGAOnC,2BAAgC,KAAG,2BAuErC,CAAC"}

package/build/livestream/hooks/useLivestreamStreamer.js

@@ -35,11 +35,10 @@ export const useLivestreamStreamer = ({ videoEnabled, audioEnabled, camera, vide
                 await whipClientRef.current?.initializeCamera({
                     audioEnabled: audioEnabled ?? true,
                     videoEnabled: videoEnabled ?? true,
-                    videoDeviceId: camera?.id ?? cameras[0].id,
                     videoParameters: videoParameters,
                     preferredVideoCodecs: preferredVideoCodecs,
                     preferredAudioCodecs: preferredAudioCodecs,
-                });
+                }, camera?.id ?? cameras[0].id);
             };
             initializeCamera();
         }

package/build/livestream/hooks/useLivestreamStreamer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLivestreamStreamer.js","sourceRoot":"","sources":["../../../src/livestream/hooks/useLivestreamStreamer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAEL,OAAO,EAKP,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AA6DhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,eAAe,EACf,oBAAoB,EACpB,oBAAoB,MACW,EAAE,EAA+B,EAAE;IAClE,MAAM,KAAK,GAAG,sBAAsB,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,KAAK,KAAK,WAAW,CAAC;IAE1C,MAAM,aAAa,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAE7D,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,KAAa,EAAE,WAAoB,EAAE,EAAE;QACxE,MAAM,WAAW,GAAG,WAAW,IAAI,gBAAgB,CAAC;QACpD,MAAM,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;YACnC,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,WAAW;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,MAAM,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,MAAM,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,QAAgB,EAAE,EAAE;QAC1D,OAAO,MAAM,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACnD,OAAO,MAAM,aAAa,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;gBAClC,MAAM,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC;oBAC5C,YAAY,EAAE,YAAY,IAAI,IAAI;oBAClC,YAAY,EAAE,YAAY,IAAI,IAAI;oBAClC,aAAa,EAAE,MAAM,EAAE,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;oBAC1C,eAAe,EAAE,eAAe;oBAChC,oBAAoB,EAAE,oBAAoB;oBAC1C,oBAAoB,EAAE,oBAAoB;iBAC3C,CAAC,CAAC;YACL,CAAC,CAAC;YACF,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;QAC/C,CAAC;QACD,MAAM,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC;QAClC,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,MAAM;QACN,eAAe;QACf,YAAY;QACZ,YAAY;QACZ,oBAAoB;QACpB,oBAAoB;QACpB,aAAa;KACd,CAAC,CAAC;IAEH,OAAO;QACL,OAAO;QACP,UAAU;QACV,UAAU;QACV,YAAY;QACZ,qBAAqB;QACrB,WAAW;QACX,aAAa;KACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useCallback, useRef, useEffect } from 'react';\nimport {\n  Camera,\n  cameras,\n  SenderAudioCodecName,\n  SenderVideoCodecName,\n  VideoParameters,\n  WhipClientViewRef,\n  useWhipConnectionState,\n} from 'react-native-whip-whep';\nimport { FISHJAM_WHIP_URL } from '../../consts';\n\n/**\n * @category Livestream\n */\nexport interface useLivestreamStreamerResult {\n  /**\n   * Callback used to start publishing the selected audio and video media streams.\n   *\n   * @remarks\n   * Calling {@link connect} multiple times will have the effect of only publishing the **last** specified inputs.\n   */\n  connect: (token: string, urlOverride?: string) => Promise<void>;\n  /** Callback to stop publishing anything previously published with {@link connect} */\n  disconnect: () => Promise<void>;\n  /** Callback to flip camera */\n  flipCamera: () => Promise<void>;\n  /** Callback to switch camera to the one passed as arguement */\n  switchCamera: (deviceId: string) => Promise<void>;\n  /** Callback to get the id of camera which is used for streaming  */\n  currentCameraDeviceId: () => Promise<string | undefined>;\n  /** Utility flag which indicates the current connection status */\n  isConnected: boolean;\n  /**\n   * Reference to the WhipClient instance. Needs to be passed to the {@link LivestreamStreamer} component.\n   */\n  whipClientRef: React.RefObject<WhipClientViewRef | null>;\n}\n\nexport type UseLivestreamStreamerParams = {\n  /**\n   * If video track should be enabled.\n   * Defaults to true.\n   */\n  videoEnabled?: boolean;\n  /**\n   * If audio track should be enabled.\n   * Defaults to true.\n   */\n  audioEnabled?: boolean;\n  /**\n   * Camera to use for the livestream.\n   * Use {@link cameras} to get the list of supported cameras.\n   */\n  camera?: Camera;\n  /**\n   *  Set video parameters for the camera\n   */\n  videoParameters?: VideoParameters;\n  /**\n   * Set the preferred video codecs for sending the video.\n   * Use {@link WhipClient.getSupportedVideoCodecs} to get the list of supported video codecs.\n   */\n  preferredVideoCodecs?: SenderVideoCodecName[];\n  /**\n   * Set the preferred audio codecs for sending the audio.\n   * Use {@link WhipClient.getSupportedAudioCodecs} to get the list of supported audio codecs.\n   */\n  preferredAudioCodecs?: SenderAudioCodecName[];\n};\n\n/**\n * Hook for publishing a livestream, which can be then received with {@link useLivestreamViewer}\n * @category Livestream\n * @group Hooks\n */\nexport const useLivestreamStreamer = ({\n  videoEnabled,\n  audioEnabled,\n  camera,\n  videoParameters,\n  preferredVideoCodecs,\n  preferredAudioCodecs,\n}: UseLivestreamStreamerParams = {}): useLivestreamStreamerResult => {\n  const state = useWhipConnectionState();\n  const isConnected = state === 'connected';\n\n  const whipClientRef = useRef<WhipClientViewRef | null>(null);\n\n  const connect = useCallback(async (token: string, urlOverride?: string) => {\n    const resolvedUrl = urlOverride ?? FISHJAM_WHIP_URL;\n    await whipClientRef.current?.connect({\n      authToken: token,\n      serverUrl: resolvedUrl,\n    });\n  }, []);\n\n  const disconnect = useCallback(async () => {\n    await whipClientRef.current?.disconnect();\n  }, []);\n\n  const flipCamera = useCallback(async () => {\n    await whipClientRef.current?.flipCamera();\n  }, []);\n\n  const switchCamera = useCallback(async (deviceId: string) => {\n    return await whipClientRef.current?.switchCamera(deviceId);\n  }, []);\n\n  const currentCameraDeviceId = useCallback(async () => {\n    return await whipClientRef.current?.currentCameraDeviceId();\n  }, []);\n\n  useEffect(() => {\n    try {\n      const initializeCamera = async () => {\n        await whipClientRef.current?.initializeCamera({\n          audioEnabled: audioEnabled ?? true,\n          videoEnabled: videoEnabled ?? true,\n          videoDeviceId: camera?.id ?? cameras[0].id,\n          videoParameters: videoParameters,\n          preferredVideoCodecs: preferredVideoCodecs,\n          preferredAudioCodecs: preferredAudioCodecs,\n        });\n      };\n      initializeCamera();\n    } catch {\n      console.error('Failed to initialize camera');\n    }\n    const ref = whipClientRef.current;\n    return () => {\n      ref?.disconnect();\n    };\n  }, [\n    camera,\n    videoParameters,\n    videoEnabled,\n    audioEnabled,\n    preferredVideoCodecs,\n    preferredAudioCodecs,\n    whipClientRef,\n  ]);\n\n  return {\n    connect,\n    disconnect,\n    flipCamera,\n    switchCamera,\n    currentCameraDeviceId,\n    isConnected,\n    whipClientRef,\n  };\n};\n"]}
+{"version":3,"file":"useLivestreamStreamer.js","sourceRoot":"","sources":["../../../src/livestream/hooks/useLivestreamStreamer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAEL,OAAO,EAKP,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AA6DhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,eAAe,EACf,oBAAoB,EACpB,oBAAoB,MACW,EAAE,EAA+B,EAAE;IAClE,MAAM,KAAK,GAAG,sBAAsB,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,KAAK,KAAK,WAAW,CAAC;IAE1C,MAAM,aAAa,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAE7D,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,KAAa,EAAE,WAAoB,EAAE,EAAE;QACxE,MAAM,WAAW,GAAG,WAAW,IAAI,gBAAgB,CAAC;QACpD,MAAM,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;YACnC,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,WAAW;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,MAAM,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,MAAM,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,QAAgB,EAAE,EAAE;QAC1D,OAAO,MAAM,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACnD,OAAO,MAAM,aAAa,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;gBAClC,MAAM,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAC3C;oBACE,YAAY,EAAE,YAAY,IAAI,IAAI;oBAClC,YAAY,EAAE,YAAY,IAAI,IAAI;oBAClC,eAAe,EAAE,eAAe;oBAChC,oBAAoB,EAAE,oBAAoB;oBAC1C,oBAAoB,EAAE,oBAAoB;iBAC3C,EACD,MAAM,EAAE,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAC5B,CAAC;YACJ,CAAC,CAAC;YACF,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;QAC/C,CAAC;QACD,MAAM,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC;QAClC,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,MAAM;QACN,eAAe;QACf,YAAY;QACZ,YAAY;QACZ,oBAAoB;QACpB,oBAAoB;QACpB,aAAa;KACd,CAAC,CAAC;IAEH,OAAO;QACL,OAAO;QACP,UAAU;QACV,UAAU;QACV,YAAY;QACZ,qBAAqB;QACrB,WAAW;QACX,aAAa;KACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useCallback, useRef, useEffect } from 'react';\nimport {\n  Camera,\n  cameras,\n  SenderAudioCodecName,\n  SenderVideoCodecName,\n  VideoParameters,\n  WhipClientViewRef,\n  useWhipConnectionState,\n} from 'react-native-whip-whep';\nimport { FISHJAM_WHIP_URL } from '../../consts';\n\n/**\n * @category Livestream\n */\nexport interface useLivestreamStreamerResult {\n  /**\n   * Callback used to start publishing the selected audio and video media streams.\n   *\n   * @remarks\n   * Calling {@link connect} multiple times will have the effect of only publishing the **last** specified inputs.\n   */\n  connect: (token: string, urlOverride?: string) => Promise<void>;\n  /** Callback to stop publishing anything previously published with {@link connect} */\n  disconnect: () => Promise<void>;\n  /** Callback to flip camera */\n  flipCamera: () => Promise<void>;\n  /** Callback to switch camera to the one passed as arguement */\n  switchCamera: (deviceId: string) => Promise<void>;\n  /** Callback to get the id of camera which is used for streaming  */\n  currentCameraDeviceId: () => Promise<string | undefined>;\n  /** Utility flag which indicates the current connection status */\n  isConnected: boolean;\n  /**\n   * Reference to the WhipClient instance. Needs to be passed to the {@link LivestreamStreamer} component.\n   */\n  whipClientRef: React.RefObject<WhipClientViewRef | null>;\n}\n\nexport type UseLivestreamStreamerParams = {\n  /**\n   * If video track should be enabled.\n   * Defaults to true.\n   */\n  videoEnabled?: boolean;\n  /**\n   * If audio track should be enabled.\n   * Defaults to true.\n   */\n  audioEnabled?: boolean;\n  /**\n   * Camera to use for the livestream.\n   * Use {@link cameras} to get the list of supported cameras.\n   */\n  camera?: Camera;\n  /**\n   *  Set video parameters for the camera\n   */\n  videoParameters?: VideoParameters;\n  /**\n   * Set the preferred video codecs for sending the video.\n   * Use {@link WhipClient.getSupportedVideoCodecs} to get the list of supported video codecs.\n   */\n  preferredVideoCodecs?: SenderVideoCodecName[];\n  /**\n   * Set the preferred audio codecs for sending the audio.\n   * Use {@link WhipClient.getSupportedAudioCodecs} to get the list of supported audio codecs.\n   */\n  preferredAudioCodecs?: SenderAudioCodecName[];\n};\n\n/**\n * Hook for publishing a livestream, which can be then received with {@link useLivestreamViewer}\n * @category Livestream\n * @group Hooks\n */\nexport const useLivestreamStreamer = ({\n  videoEnabled,\n  audioEnabled,\n  camera,\n  videoParameters,\n  preferredVideoCodecs,\n  preferredAudioCodecs,\n}: UseLivestreamStreamerParams = {}): useLivestreamStreamerResult => {\n  const state = useWhipConnectionState();\n  const isConnected = state === 'connected';\n\n  const whipClientRef = useRef<WhipClientViewRef | null>(null);\n\n  const connect = useCallback(async (token: string, urlOverride?: string) => {\n    const resolvedUrl = urlOverride ?? FISHJAM_WHIP_URL;\n    await whipClientRef.current?.connect({\n      authToken: token,\n      serverUrl: resolvedUrl,\n    });\n  }, []);\n\n  const disconnect = useCallback(async () => {\n    await whipClientRef.current?.disconnect();\n  }, []);\n\n  const flipCamera = useCallback(async () => {\n    await whipClientRef.current?.flipCamera();\n  }, []);\n\n  const switchCamera = useCallback(async (deviceId: string) => {\n    return await whipClientRef.current?.switchCamera(deviceId);\n  }, []);\n\n  const currentCameraDeviceId = useCallback(async () => {\n    return await whipClientRef.current?.currentCameraDeviceId();\n  }, []);\n\n  useEffect(() => {\n    try {\n      const initializeCamera = async () => {\n        await whipClientRef.current?.initializeCamera(\n          {\n            audioEnabled: audioEnabled ?? true,\n            videoEnabled: videoEnabled ?? true,\n            videoParameters: videoParameters,\n            preferredVideoCodecs: preferredVideoCodecs,\n            preferredAudioCodecs: preferredAudioCodecs,\n          },\n          camera?.id ?? cameras[0].id,\n        );\n      };\n      initializeCamera();\n    } catch {\n      console.error('Failed to initialize camera');\n    }\n    const ref = whipClientRef.current;\n    return () => {\n      ref?.disconnect();\n    };\n  }, [\n    camera,\n    videoParameters,\n    videoEnabled,\n    audioEnabled,\n    preferredVideoCodecs,\n    preferredAudioCodecs,\n    whipClientRef,\n  ]);\n\n  return {\n    connect,\n    disconnect,\n    flipCamera,\n    switchCamera,\n    currentCameraDeviceId,\n    isConnected,\n    whipClientRef,\n  };\n};\n"]}

package/build/livestream/index.d.ts

@@ -2,6 +2,7 @@ export { LivestreamStreamer } from './components/LivestreamStreamer';
 export { LivestreamViewer } from './components/LivestreamViewer';
 export { useLivestreamViewer } from './hooks/useLivestreamViewer';
 export { useLivestreamStreamer } from './hooks/useLivestreamStreamer';
+export { useLivestreamScreenSharingStreamer } from './hooks/useLivestreamScreenSharingStreamer';
 export { cameras, VideoParameters } from 'react-native-whip-whep';
 export type { LivestreamStreamerProps } from './components/LivestreamStreamer';
 export type { ConnectViewerConfig } from './hooks/useLivestreamViewer';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/livestream/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC/E,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,YAAY,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACjF,YAAY,EACV,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/livestream/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAC;AAChG,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC/E,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,YAAY,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACjF,YAAY,EACV,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,+BAA+B,CAAC"}

package/build/livestream/index.js

@@ -2,5 +2,6 @@ export { LivestreamStreamer } from './components/LivestreamStreamer';
 export { LivestreamViewer } from './components/LivestreamViewer';
 export { useLivestreamViewer } from './hooks/useLivestreamViewer';
 export { useLivestreamStreamer } from './hooks/useLivestreamStreamer';
+export { useLivestreamScreenSharingStreamer } from './hooks/useLivestreamScreenSharingStreamer';
 export { cameras, VideoParameters } from 'react-native-whip-whep';
 //# sourceMappingURL=index.js.map

package/build/livestream/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/livestream/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { LivestreamStreamer } from './components/LivestreamStreamer';\nexport { LivestreamViewer } from './components/LivestreamViewer';\nexport { useLivestreamViewer } from './hooks/useLivestreamViewer';\nexport { useLivestreamStreamer } from './hooks/useLivestreamStreamer';\nexport { cameras, VideoParameters } from 'react-native-whip-whep';\nexport type { LivestreamStreamerProps } from './components/LivestreamStreamer';\nexport type { ConnectViewerConfig } from './hooks/useLivestreamViewer';\nexport type { useLivestreamViewerResult } from './hooks/useLivestreamViewer';\nexport type { useLivestreamStreamerResult } from './hooks/useLivestreamStreamer';\nexport type {\n  LivestreamViewerProps,\n  LivestreamViewerRef,\n} from './components/LivestreamViewer';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/livestream/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAC;AAChG,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { LivestreamStreamer } from './components/LivestreamStreamer';\nexport { LivestreamViewer } from './components/LivestreamViewer';\nexport { useLivestreamViewer } from './hooks/useLivestreamViewer';\nexport { useLivestreamStreamer } from './hooks/useLivestreamStreamer';\nexport { useLivestreamScreenSharingStreamer } from './hooks/useLivestreamScreenSharingStreamer';\nexport { cameras, VideoParameters } from 'react-native-whip-whep';\nexport type { LivestreamStreamerProps } from './components/LivestreamStreamer';\nexport type { ConnectViewerConfig } from './hooks/useLivestreamViewer';\nexport type { useLivestreamViewerResult } from './hooks/useLivestreamViewer';\nexport type { useLivestreamStreamerResult } from './hooks/useLivestreamStreamer';\nexport type {\n  LivestreamViewerProps,\n  LivestreamViewerRef,\n} from './components/LivestreamViewer';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishjam-cloud/react-native-client",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "A React Native client for Fishjam",
   "author": "Fishjam Team",
   "license": "Apache-2.0",
@@ -42,7 +42,7 @@
   "dependencies": {
     "promise-fs": "^2.1.1",
     "protobufjs": "^7.4.0",
-    "react-native-whip-whep": "0.6.0",
+    "react-native-whip-whep": "0.7.1",
     "zod": "^3.25.71"
   },
   "devDependencies": {

package/plugin/broadcastExtensionFiles/FishjamBroadcastSampleHandler.swift

@@ -1,4 +1,4 @@
-import FishjamCloudClient
+import FishjamCloudBroadcastClient
 import Foundation
 import ReplayKit
 import WebRTC

package/plugin/broadcastExtensionFiles/Info.plist

@@ -3,7 +3,7 @@
 <plist version="1.0">
 <dict>
 	<key>CFBundleDisplayName</key>
-	<string>FishjamScreenBroadcast</string>
+	<string>{{DISPLAY_NAME}}</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>

package/plugin/build/types.d.ts

@@ -11,5 +11,6 @@ export type FishjamPluginOptions = {
         appGroupContainerId?: string;
         mainTargetName?: string;
         broadcastExtensionTargetName?: string;
+        broadcastExtensionDisplayName?: string;
     };
 } | undefined;

package/plugin/build/withFishjam.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const withFishjamAndroid_1 = require("./withFishjamAndroid");
 const withFishjamIos_1 = __importDefault(require("./withFishjamIos"));
 const withFishjam = (config, options) => {
-    (0, withFishjamAndroid_1.withFishjamAndroid)(config, options);
-    (0, withFishjamIos_1.default)(config, options);
+    config = (0, withFishjamAndroid_1.withFishjamAndroid)(config, options);
+    config = (0, withFishjamIos_1.default)(config, options);
     return config;
 };
 exports.default = withFishjam;

package/plugin/build/withFishjamAndroid.js

@@ -9,19 +9,57 @@ const withFishjamForegroundService = (config, props) => (0, config_plugins_1.wit
     }
     const mainApplication = (0, Manifest_1.getMainApplicationOrThrow)(configuration.modResults);
     mainApplication.service = mainApplication.service || [];
-    const newService = {
+    const fishjamService = {
         $: {
             'android:name': 'io.fishjam.reactnative.foregroundService.FishjamForegroundService',
             'android:foregroundServiceType': 'camera|microphone|mediaProjection',
             'android:stopWithTask': 'true',
         },
     };
-    const existingServiceIndex = mainApplication.service.findIndex((service) => service.$['android:name'] === newService.$['android:name']);
-    if (existingServiceIndex !== -1) {
-        mainApplication.service[existingServiceIndex] = newService;
+    const whipWhepService = {
+        $: {
+            'android:name': 'com.swmansion.reactnativeclient.foregroundService.ScreenCaptureService',
+            'android:foregroundServiceType': 'mediaProjection',
+            'android:stopWithTask': 'true',
+        },
+    };
+    // Add Fishjam service
+    const existingFishjamServiceIndex = mainApplication.service.findIndex((service) => service.$['android:name'] === fishjamService.$['android:name']);
+    if (existingFishjamServiceIndex !== -1) {
+        mainApplication.service[existingFishjamServiceIndex] = fishjamService;
     }
     else {
-        mainApplication.service.push(newService);
+        mainApplication.service.push(fishjamService);
+    }
+    // Add WhipWhep service
+    const existingWhipWhepServiceIndex = mainApplication.service.findIndex((service) => service.$['android:name'] === whipWhepService.$['android:name']);
+    if (existingWhipWhepServiceIndex !== -1) {
+        mainApplication.service[existingWhipWhepServiceIndex] = whipWhepService;
+    }
+    else {
+        mainApplication.service.push(whipWhepService);
+    }
+    return configuration;
+});
+const withFishjamForegroundServicePermission = (config, props) => (0, config_plugins_1.withAndroidManifest)(config, (configuration) => {
+    if (!props?.android?.enableForegroundService) {
+        return configuration;
+    }
+    const mainApplication = configuration.modResults;
+    if (!mainApplication.manifest) {
+        return configuration;
+    }
+    if (!mainApplication.manifest['uses-permission']) {
+        mainApplication.manifest['uses-permission'] = [];
+    }
+    const permissions = mainApplication.manifest['uses-permission'];
+    const hasForegroundServicePermission = permissions.some((perm) => perm.$?.['android:name'] === 'android.permission.FOREGROUND_SERVICE');
+    if (!hasForegroundServicePermission) {
+        permissions.push({
+            $: {
+                'android:name': 'android.permission.FOREGROUND_SERVICE',
+            },
+        });
     }
     return configuration;
 });
@@ -36,6 +74,7 @@ const withFishjamPictureInPicture = (config, props) => (0, config_plugins_1.with
     return configuration;
 });
 const withFishjamAndroid = (config, props) => {
+    config = withFishjamForegroundServicePermission(config, props);
     config = withFishjamForegroundService(config, props);
     config = withFishjamPictureInPicture(config, props);
     return config;

package/plugin/build/withFishjamIos.js

@@ -42,14 +42,18 @@ function getSbeTargetName(props) {
     return (props?.ios?.broadcastExtensionTargetName ||
         'FishjamScreenBroadcastExtension');
 }
+function getSbeDisplayName(props) {
+    return props?.ios?.broadcastExtensionDisplayName || 'FishjamScreenBroadcast';
+}
 function getSbePodfileSnippet(props) {
     const targetName = getSbeTargetName(props);
-    return `\ntarget '${targetName}' do\n  pod 'FishjamCloudClient/Broadcast'\nend`;
+    return `\ntarget '${targetName}' do\n  pod 'FishjamCloudBroadcastClient'\nend`;
 }
 const TARGETED_DEVICE_FAMILY = `"1,2"`;
 const IPHONEOS_DEPLOYMENT_TARGET = '15.1';
 const GROUP_IDENTIFIER_TEMPLATE_REGEX = /{{GROUP_IDENTIFIER}}/gm;
 const BUNDLE_IDENTIFIER_TEMPLATE_REGEX = /{{BUNDLE_IDENTIFIER}}/gm;
+const DISPLAY_NAME_TEMPLATE_REGEX = /{{DISPLAY_NAME}}/gm;
 /**
  * A helper function for updating a value in a file for given regex
  */
@@ -62,7 +66,7 @@ async function updateFileWithRegex(iosPath, fileName, regex, value, props) {
 }
 /**
  * Inserts a required target to Podfile.
- * This is needed to provide the dependency of FishjamCloudClient/Broadcast to the extension.
+ * This is needed to provide the dependency of FishjamCloudBroadcastClient to the extension.
  */
 async function updatePodfile(iosPath, props) {
     const podfileSnippet = getSbePodfileSnippet(props);
@@ -205,6 +209,7 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
         await updateFileWithRegex(iosPath, `${targetName}.entitlements`, GROUP_IDENTIFIER_TEMPLATE_REGEX, groupIdentifier, options);
         await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', GROUP_IDENTIFIER_TEMPLATE_REGEX, groupIdentifier, options);
         await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', BUNDLE_IDENTIFIER_TEMPLATE_REGEX, bundleIdentifier || '', options);
+        await updateFileWithRegex(iosPath, 'Info.plist', DISPLAY_NAME_TEMPLATE_REGEX, getSbeDisplayName(options), options);
         // Create new PBXGroup for the extension
         const extGroup = xcodeProject.addPbxGroup(extFiles, targetName, targetName);
         // Add the new PBXGroup to the top level group. This makes the