@livekit/react-native 0.2.2

package/lib/commonjs/components/ViewPortDetector.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * Detects when this is in the viewport and visible.
+ *
+ * Will not fire visibility changes for zero width/height components.
+ */
+class ViewPortDetector extends _react.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "lastValue", null);
+
+    _defineProperty(this, "interval", null);
+
+    _defineProperty(this, "view", null);
+
+    this.state = {
+      rectTop: 0,
+      rectBottom: 0
+    };
+  }
+
+  componentDidMount() {
+    if (!this.props.disabled) {
+      this.startWatching();
+    }
+  }
+
+  componentWillUnmount() {
+    this.stopWatching();
+  }
+
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.disabled) {
+      this.stopWatching();
+    } else {
+      this.lastValue = null;
+      this.startWatching();
+    }
+  }
+
+  startWatching() {
+    if (this.interval) {
+      return;
+    }
+
+    this.interval = setInterval(() => {
+      if (!this.view) {
+        return;
+      }
+
+      this.view.measure((_x, _y, width, height, _pageX, _pageY) => {
+        this.checkInViewPort(width, height);
+      });
+    }, this.props.delay || 100);
+  }
+
+  stopWatching() {
+    this.interval = clearInterval(this.interval);
+  }
+
+  checkInViewPort(width, height) {
+    let isVisible; // Not visible if any of these are missing.
+
+    if (!width || !height) {
+      isVisible = false;
+    } else {
+      isVisible = true;
+    }
+
+    if (this.lastValue !== isVisible) {
+      var _this$props$onChange, _this$props;
+
+      this.lastValue = isVisible;
+      (_this$props$onChange = (_this$props = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, isVisible);
+    }
+  }
+
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+      collapsable: false,
+      ref: component => {
+        this.view = component;
+      }
+    }, this.props), this.props.children);
+  }
+
+}
+
+exports.default = ViewPortDetector;
+//# sourceMappingURL=ViewPortDetector.js.map

package/lib/commonjs/components/ViewPortDetector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ViewPortDetector.tsx"],"names":["ViewPortDetector","Component","constructor","props","state","rectTop","rectBottom","componentDidMount","disabled","startWatching","componentWillUnmount","stopWatching","UNSAFE_componentWillReceiveProps","nextProps","lastValue","interval","setInterval","view","measure","_x","_y","width","height","_pageX","_pageY","checkInViewPort","delay","clearInterval","isVisible","onChange","render","component","children"],"mappings":"AAAA;;;;;;;AAEA;;AACA;;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACe,MAAMA,gBAAN,SAA+BC,gBAA/B,CAAgD;AAK7DC,EAAAA,WAAW,CAACC,KAAD,EAAe;AACxB,UAAMA,KAAN;;AADwB,uCAJU,IAIV;;AAAA,sCAHK,IAGL;;AAAA,kCAFE,IAEF;;AAExB,SAAKC,KAAL,GAAa;AAAEC,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,UAAU,EAAE;AAA1B,KAAb;AACD;;AAEDC,EAAAA,iBAAiB,GAAG;AAClB,QAAI,CAAC,KAAKJ,KAAL,CAAWK,QAAhB,EAA0B;AACxB,WAAKC,aAAL;AACD;AACF;;AAEDC,EAAAA,oBAAoB,GAAG;AACrB,SAAKC,YAAL;AACD;;AAEDC,EAAAA,gCAAgC,CAACC,SAAD,EAAmB;AACjD,QAAIA,SAAS,CAACL,QAAd,EAAwB;AACtB,WAAKG,YAAL;AACD,KAFD,MAEO;AACL,WAAKG,SAAL,GAAiB,IAAjB;AACA,WAAKL,aAAL;AACD;AACF;;AAEOA,EAAAA,aAAa,GAAG;AACtB,QAAI,KAAKM,QAAT,EAAmB;AACjB;AACD;;AACD,SAAKA,QAAL,GAAgBC,WAAW,CAAC,MAAM;AAChC,UAAI,CAAC,KAAKC,IAAV,EAAgB;AACd;AACD;;AACD,WAAKA,IAAL,CAAUC,OAAV,CAAkB,CAACC,EAAD,EAAKC,EAAL,EAASC,KAAT,EAAgBC,MAAhB,EAAwBC,MAAxB,EAAgCC,MAAhC,KAA2C;AAC3D,aAAKC,eAAL,CAAqBJ,KAArB,EAA4BC,MAA5B;AACD,OAFD;AAGD,KAP0B,EAOxB,KAAKnB,KAAL,CAAWuB,KAAX,IAAoB,GAPI,CAA3B;AAQD;;AAEOf,EAAAA,YAAY,GAAG;AACrB,SAAKI,QAAL,GAAgBY,aAAa,CAAC,KAAKZ,QAAN,CAA7B;AACD;;AAEOU,EAAAA,eAAe,CAACJ,KAAD,EAAiBC,MAAjB,EAAkC;AACvD,QAAIM,SAAJ,CADuD,CAEvD;;AACA,QAAI,CAACP,KAAD,IAAU,CAACC,MAAf,EAAuB;AACrBM,MAAAA,SAAS,GAAG,KAAZ;AACD,KAFD,MAEO;AACLA,MAAAA,SAAS,GAAG,IAAZ;AACD;;AAED,QAAI,KAAKd,SAAL,KAAmBc,SAAvB,EAAkC;AAAA;;AAChC,WAAKd,SAAL,GAAiBc,SAAjB;AACA,kDAAKzB,KAAL,EAAW0B,QAAX,gGAAsBD,SAAtB;AACD;AACF;;AAEDE,EAAAA,MAAM,GAAG;AACP,wBACE,6BAAC,iBAAD;AACE,MAAA,WAAW,EAAE,KADf;AAEE,MAAA,GAAG,EAAGC,SAAD,IAAe;AAClB,aAAKd,IAAL,GAAYc,SAAZ;AACD;AAJH,OAKM,KAAK5B,KALX,GAOG,KAAKA,KAAL,CAAW6B,QAPd,CADF;AAWD;;AA1E4D","sourcesContent":["'use strict';\n\nimport React, { Component } from 'react';\nimport { View, ViewStyle } from 'react-native';\n\nexport type Props = {\n  disabled?: boolean;\n  style?: ViewStyle;\n  onChange?: (isVisible: boolean) => void;\n  delay?: number;\n};\n\n/**\n * Detects when this is in the viewport and visible.\n *\n * Will not fire visibility changes for zero width/height components.\n */\nexport default class ViewPortDetector extends Component<Props> {\n  private lastValue: boolean | null = null;\n  private interval: any | null = null;\n  private view: View | null = null;\n\n  constructor(props: Props) {\n    super(props);\n    this.state = { rectTop: 0, rectBottom: 0 };\n  }\n\n  componentDidMount() {\n    if (!this.props.disabled) {\n      this.startWatching();\n    }\n  }\n\n  componentWillUnmount() {\n    this.stopWatching();\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: Props) {\n    if (nextProps.disabled) {\n      this.stopWatching();\n    } else {\n      this.lastValue = null;\n      this.startWatching();\n    }\n  }\n\n  private startWatching() {\n    if (this.interval) {\n      return;\n    }\n    this.interval = setInterval(() => {\n      if (!this.view) {\n        return;\n      }\n      this.view.measure((_x, _y, width, height, _pageX, _pageY) => {\n        this.checkInViewPort(width, height);\n      });\n    }, this.props.delay || 100);\n  }\n\n  private stopWatching() {\n    this.interval = clearInterval(this.interval);\n  }\n\n  private checkInViewPort(width?: number, height?: number) {\n    let isVisible: boolean;\n    // Not visible if any of these are missing.\n    if (!width || !height) {\n      isVisible = false;\n    } else {\n      isVisible = true;\n    }\n\n    if (this.lastValue !== isVisible) {\n      this.lastValue = isVisible;\n      this.props.onChange?.(isVisible);\n    }\n  }\n\n  render() {\n    return (\n      <View\n        collapsable={false}\n        ref={(component) => {\n          this.view = component;\n        }}\n        {...this.props}\n      >\n        {this.props.children}\n      </View>\n    );\n  }\n}\n"]}

package/lib/commonjs/index.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  registerGlobals: true,
+  AudioSession: true
+};
+Object.defineProperty(exports, "AudioSession", {
+  enumerable: true,
+  get: function () {
+    return _AudioSession.default;
+  }
+});
+exports.registerGlobals = registerGlobals;
+
+var _reactNativeWebrtc = require("react-native-webrtc");
+
+var _reactNativeUrlPolyfill = require("react-native-url-polyfill");
+
+var _AudioSession = _interopRequireDefault(require("./audio/AudioSession"));
+
+var _VideoView = require("./components/VideoView");
+
+Object.keys(_VideoView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _VideoView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _VideoView[key];
+    }
+  });
+});
+
+var _useParticipant = require("./useParticipant");
+
+Object.keys(_useParticipant).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useParticipant[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useParticipant[key];
+    }
+  });
+});
+
+var _useRoom = require("./useRoom");
+
+Object.keys(_useRoom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useRoom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useRoom[key];
+    }
+  });
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * Registers the required globals needed for LiveKit to work.
+ *
+ * Must be called before using LiveKit.
+ */
+function registerGlobals() {
+  (0, _reactNativeWebrtc.registerGlobals)();
+  (0, _reactNativeUrlPolyfill.setupURLPolyfill)();
+  fixWebrtcAdapter();
+  shimPromiseAllSettled();
+}
+
+function fixWebrtcAdapter() {
+  var _window;
+
+  // @ts-ignore
+  if (((_window = window) === null || _window === void 0 ? void 0 : _window.navigator) !== undefined) {
+    // @ts-ignore
+    const {
+      navigator
+    } = window;
+
+    if (navigator.userAgent === undefined) {
+      var _navigator$product;
+
+      navigator.userAgent = (_navigator$product = navigator.product) !== null && _navigator$product !== void 0 ? _navigator$product : 'Unknown';
+    }
+  }
+}
+
+function shimPromiseAllSettled() {
+  var allSettled = require('promise.allsettled');
+
+  allSettled.shim();
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["registerGlobals","fixWebrtcAdapter","shimPromiseAllSettled","window","navigator","undefined","userAgent","product","allSettled","require","shim"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AA+BA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;AA9BA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAT,GAA2B;AAChC;AACA;AACAC,EAAAA,gBAAgB;AAChBC,EAAAA,qBAAqB;AACtB;;AAED,SAASD,gBAAT,GAA4B;AAAA;;AAC1B;AACA,MAAI,YAAAE,MAAM,UAAN,0CAAQC,SAAR,MAAsBC,SAA1B,EAAqC;AACnC;AACA,UAAM;AAAED,MAAAA;AAAF,QAAgBD,MAAtB;;AACA,QAAIC,SAAS,CAACE,SAAV,KAAwBD,SAA5B,EAAuC;AAAA;;AACrCD,MAAAA,SAAS,CAACE,SAAV,yBAAsBF,SAAS,CAACG,OAAhC,mEAA2C,SAA3C;AACD;AACF;AACF;;AAED,SAASL,qBAAT,GAAiC;AAC/B,MAAIM,UAAU,GAAGC,OAAO,CAAC,oBAAD,CAAxB;;AACAD,EAAAA,UAAU,CAACE,IAAX;AACD","sourcesContent":["import { registerGlobals as webrtcRegisterGlobals } from 'react-native-webrtc';\nimport { setupURLPolyfill } from 'react-native-url-polyfill';\nimport AudioSession from './audio/AudioSession';\nimport type { AudioConfiguration } from './audio/AudioSession';\n\n/**\n * Registers the required globals needed for LiveKit to work.\n *\n * Must be called before using LiveKit.\n */\nexport function registerGlobals() {\n  webrtcRegisterGlobals();\n  setupURLPolyfill();\n  fixWebrtcAdapter();\n  shimPromiseAllSettled();\n}\n\nfunction fixWebrtcAdapter() {\n  // @ts-ignore\n  if (window?.navigator !== undefined) {\n    // @ts-ignore\n    const { navigator } = window;\n    if (navigator.userAgent === undefined) {\n      navigator.userAgent = navigator.product ?? 'Unknown';\n    }\n  }\n}\n\nfunction shimPromiseAllSettled() {\n  var allSettled = require('promise.allsettled');\n  allSettled.shim();\n}\n\nexport * from './components/VideoView';\nexport * from './useParticipant';\nexport * from './useRoom';\nexport { AudioSession, AudioConfiguration };\n"]}

package/lib/commonjs/useParticipant.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useParticipant = useParticipant;
+
+var _livekitClient = require("livekit-client");
+
+var _react = require("react");
+
+function useParticipant(participant) {
+  const [isAudioMuted, setAudioMuted] = (0, _react.useState)(false);
+  const [, setVideoMuted] = (0, _react.useState)(false);
+  const [connectionQuality, setConnectionQuality] = (0, _react.useState)(participant.connectionQuality);
+  const [isSpeaking, setSpeaking] = (0, _react.useState)(false);
+  const [metadata, setMetadata] = (0, _react.useState)();
+  const [publications, setPublications] = (0, _react.useState)([]);
+  const [subscribedTracks, setSubscribedTracks] = (0, _react.useState)([]);
+  const [cameraPublication, setCameraPublication] = (0, _react.useState)(participant.getTrack(_livekitClient.Track.Source.Camera));
+  const [microphonePublication, setMicrophonePublication] = (0, _react.useState)(participant.getTrack(_livekitClient.Track.Source.Microphone));
+  const [screenSharePublication, setScreenSharePublication] = (0, _react.useState)(participant.getTrack(_livekitClient.Track.Source.ScreenShare));
+  (0, _react.useEffect)(() => {
+    const onPublicationsChanged = () => {
+      setPublications(Array.from(participant.tracks.values()));
+      setCameraPublication(participant.getTrack(_livekitClient.Track.Source.Camera));
+      setMicrophonePublication(participant.getTrack(_livekitClient.Track.Source.Microphone));
+      setScreenSharePublication(participant.getTrack(_livekitClient.Track.Source.ScreenShare));
+      setSubscribedTracks(Array.from(participant.tracks.values()).filter(pub => {
+        return pub.isSubscribed && pub.track !== undefined;
+      }));
+    };
+
+    const onMuted = pub => {
+      if (pub.kind === _livekitClient.Track.Kind.Audio) {
+        setAudioMuted(true);
+      } else if (pub.kind === _livekitClient.Track.Kind.Video) {
+        setVideoMuted(true);
+      }
+    };
+
+    const onUnmuted = pub => {
+      if (pub.kind === _livekitClient.Track.Kind.Audio) {
+        setAudioMuted(false);
+      } else if (pub.kind === _livekitClient.Track.Kind.Video) {
+        setVideoMuted(false);
+      }
+    };
+
+    const onMetadataChanged = () => {
+      if (participant.metadata) {
+        setMetadata(participant.metadata);
+      }
+    };
+
+    const onIsSpeakingChanged = () => {
+      setSpeaking(participant.isSpeaking);
+    };
+
+    const onConnectionQualityUpdate = () => {
+      setConnectionQuality(participant.connectionQuality);
+    }; // register listeners
+
+
+    participant.on(_livekitClient.ParticipantEvent.TrackMuted, onMuted).on(_livekitClient.ParticipantEvent.TrackUnmuted, onUnmuted).on(_livekitClient.ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged).on(_livekitClient.ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged).on(_livekitClient.ParticipantEvent.TrackPublished, onPublicationsChanged).on(_livekitClient.ParticipantEvent.TrackUnpublished, onPublicationsChanged).on(_livekitClient.ParticipantEvent.TrackSubscribed, onPublicationsChanged).on(_livekitClient.ParticipantEvent.TrackUnsubscribed, onPublicationsChanged).on(_livekitClient.ParticipantEvent.LocalTrackPublished, onPublicationsChanged).on(_livekitClient.ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged).on(_livekitClient.ParticipantEvent.ConnectionQualityChanged, onConnectionQualityUpdate); // set initial state
+
+    onMetadataChanged();
+    onIsSpeakingChanged();
+    onPublicationsChanged();
+    return () => {
+      // cleanup
+      participant.off(_livekitClient.ParticipantEvent.TrackMuted, onMuted).off(_livekitClient.ParticipantEvent.TrackUnmuted, onUnmuted).off(_livekitClient.ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged).off(_livekitClient.ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged).off(_livekitClient.ParticipantEvent.TrackPublished, onPublicationsChanged).off(_livekitClient.ParticipantEvent.TrackUnpublished, onPublicationsChanged).off(_livekitClient.ParticipantEvent.TrackSubscribed, onPublicationsChanged).off(_livekitClient.ParticipantEvent.TrackUnsubscribed, onPublicationsChanged).off(_livekitClient.ParticipantEvent.LocalTrackPublished, onPublicationsChanged).off(_livekitClient.ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged).off(_livekitClient.ParticipantEvent.ConnectionQualityChanged, onConnectionQualityUpdate);
+    };
+  }, [participant]);
+  let muted;
+  participant.audioTracks.forEach(pub => {
+    muted = pub.isMuted;
+  });
+
+  if (muted === undefined) {
+    muted = true;
+  }
+
+  if (isAudioMuted !== muted) {
+    setAudioMuted(muted);
+  }
+
+  return {
+    isLocal: participant instanceof _livekitClient.LocalParticipant,
+    isSpeaking,
+    connectionQuality,
+    publications,
+    subscribedTracks,
+    cameraPublication,
+    microphonePublication,
+    screenSharePublication,
+    metadata
+  };
+}
+//# sourceMappingURL=useParticipant.js.map

package/lib/commonjs/useParticipant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useParticipant.ts"],"names":["useParticipant","participant","isAudioMuted","setAudioMuted","setVideoMuted","connectionQuality","setConnectionQuality","isSpeaking","setSpeaking","metadata","setMetadata","publications","setPublications","subscribedTracks","setSubscribedTracks","cameraPublication","setCameraPublication","getTrack","Track","Source","Camera","microphonePublication","setMicrophonePublication","Microphone","screenSharePublication","setScreenSharePublication","ScreenShare","onPublicationsChanged","Array","from","tracks","values","filter","pub","isSubscribed","track","undefined","onMuted","kind","Kind","Audio","Video","onUnmuted","onMetadataChanged","onIsSpeakingChanged","onConnectionQualityUpdate","on","ParticipantEvent","TrackMuted","TrackUnmuted","ParticipantMetadataChanged","IsSpeakingChanged","TrackPublished","TrackUnpublished","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","ConnectionQualityChanged","off","muted","audioTracks","forEach","isMuted","isLocal","LocalParticipant"],"mappings":"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","sourcesContent":["import {\n  ConnectionQuality,\n  LocalParticipant,\n  Participant,\n  ParticipantEvent,\n  Track,\n  TrackPublication,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\nexport interface ParticipantState {\n  isSpeaking: boolean;\n  connectionQuality: ConnectionQuality;\n  isLocal: boolean;\n  metadata?: string;\n  publications: TrackPublication[];\n  subscribedTracks: TrackPublication[];\n  cameraPublication?: TrackPublication;\n  microphonePublication?: TrackPublication;\n  screenSharePublication?: TrackPublication;\n}\n\nexport function useParticipant(participant: Participant): ParticipantState {\n  const [isAudioMuted, setAudioMuted] = useState(false);\n  const [, setVideoMuted] = useState(false);\n  const [connectionQuality, setConnectionQuality] = useState<ConnectionQuality>(\n    participant.connectionQuality\n  );\n  const [isSpeaking, setSpeaking] = useState(false);\n  const [metadata, setMetadata] = useState<string>();\n  const [publications, setPublications] = useState<TrackPublication[]>([]);\n  const [subscribedTracks, setSubscribedTracks] = useState<TrackPublication[]>(\n    []\n  );\n\n  const [cameraPublication, setCameraPublication] = useState(\n    participant.getTrack(Track.Source.Camera)\n  );\n  const [microphonePublication, setMicrophonePublication] = useState(\n    participant.getTrack(Track.Source.Microphone)\n  );\n  const [screenSharePublication, setScreenSharePublication] = useState(\n    participant.getTrack(Track.Source.ScreenShare)\n  );\n  useEffect(() => {\n    const onPublicationsChanged = () => {\n      setPublications(Array.from(participant.tracks.values()));\n      setCameraPublication(participant.getTrack(Track.Source.Camera));\n      setMicrophonePublication(participant.getTrack(Track.Source.Microphone));\n      setScreenSharePublication(participant.getTrack(Track.Source.ScreenShare));\n      setSubscribedTracks(\n        Array.from(participant.tracks.values()).filter((pub) => {\n          return pub.isSubscribed && pub.track !== undefined;\n        })\n      );\n    };\n    const onMuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(true);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(true);\n      }\n    };\n    const onUnmuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(false);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(false);\n      }\n    };\n    const onMetadataChanged = () => {\n      if (participant.metadata) {\n        setMetadata(participant.metadata);\n      }\n    };\n    const onIsSpeakingChanged = () => {\n      setSpeaking(participant.isSpeaking);\n    };\n    const onConnectionQualityUpdate = () => {\n      setConnectionQuality(participant.connectionQuality);\n    };\n\n    // register listeners\n    participant\n      .on(ParticipantEvent.TrackMuted, onMuted)\n      .on(ParticipantEvent.TrackUnmuted, onUnmuted)\n      .on(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n      .on(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n      .on(ParticipantEvent.TrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.ConnectionQualityChanged, onConnectionQualityUpdate);\n\n    // set initial state\n    onMetadataChanged();\n    onIsSpeakingChanged();\n    onPublicationsChanged();\n\n    return () => {\n      // cleanup\n      participant\n        .off(ParticipantEvent.TrackMuted, onMuted)\n        .off(ParticipantEvent.TrackUnmuted, onUnmuted)\n        .off(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n        .off(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n        .off(ParticipantEvent.TrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n        .off(\n          ParticipantEvent.ConnectionQualityChanged,\n          onConnectionQualityUpdate\n        );\n    };\n  }, [participant]);\n\n  let muted: boolean | undefined;\n  participant.audioTracks.forEach((pub) => {\n    muted = pub.isMuted;\n  });\n  if (muted === undefined) {\n    muted = true;\n  }\n  if (isAudioMuted !== muted) {\n    setAudioMuted(muted);\n  }\n\n  return {\n    isLocal: participant instanceof LocalParticipant,\n    isSpeaking,\n    connectionQuality,\n    publications,\n    subscribedTracks,\n    cameraPublication,\n    microphonePublication,\n    screenSharePublication,\n    metadata,\n  };\n}\n"]}

package/lib/commonjs/useRoom.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sortParticipants = sortParticipants;
+exports.useRoom = useRoom;
+
+var _livekitClient = require("livekit-client");
+
+var _react = require("react");
+
+function useRoom(room, options) {
+  var _options$sortParticip;
+
+  const [error] = (0, _react.useState)();
+  const [participants, setParticipants] = (0, _react.useState)([]);
+  const [audioTracks, setAudioTracks] = (0, _react.useState)([]);
+  const sortFunc = (_options$sortParticip = options === null || options === void 0 ? void 0 : options.sortParticipants) !== null && _options$sortParticip !== void 0 ? _options$sortParticip : sortParticipants;
+  (0, _react.useEffect)(() => {
+    const onParticipantsChanged = () => {
+      const remotes = Array.from(room.participants.values());
+      const newParticipants = [room.localParticipant];
+      newParticipants.push(...remotes);
+      sortFunc(newParticipants, room.localParticipant);
+      setParticipants(newParticipants);
+    };
+
+    const onSubscribedTrackChanged = track => {
+      // ordering may have changed, re-sort
+      onParticipantsChanged();
+
+      if (track && track.kind !== _livekitClient.Track.Kind.Audio) {
+        return;
+      }
+
+      const tracks = [];
+      room.participants.forEach(p => {
+        p.audioTracks.forEach(pub => {
+          if (pub.audioTrack) {
+            tracks.push(pub.audioTrack);
+          }
+        });
+      });
+      setAudioTracks(tracks);
+    };
+
+    const onConnectionStateChanged = state => {
+      if (state === _livekitClient.ConnectionState.Connected) {
+        onParticipantsChanged();
+      }
+    };
+
+    room.once(_livekitClient.RoomEvent.Disconnected, () => {
+      room.off(_livekitClient.RoomEvent.ParticipantConnected, onParticipantsChanged).off(_livekitClient.RoomEvent.ParticipantDisconnected, onParticipantsChanged).off(_livekitClient.RoomEvent.ActiveSpeakersChanged, onParticipantsChanged).off(_livekitClient.RoomEvent.TrackSubscribed, onSubscribedTrackChanged).off(_livekitClient.RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged).off(_livekitClient.RoomEvent.LocalTrackPublished, onParticipantsChanged).off(_livekitClient.RoomEvent.LocalTrackUnpublished, onParticipantsChanged).off(_livekitClient.RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged).off(_livekitClient.RoomEvent.ConnectionStateChanged, onConnectionStateChanged);
+    });
+    room.on(_livekitClient.RoomEvent.ConnectionStateChanged, onConnectionStateChanged).on(_livekitClient.RoomEvent.Reconnected, onParticipantsChanged).on(_livekitClient.RoomEvent.ParticipantConnected, onParticipantsChanged).on(_livekitClient.RoomEvent.ParticipantDisconnected, onParticipantsChanged).on(_livekitClient.RoomEvent.ActiveSpeakersChanged, onParticipantsChanged).on(_livekitClient.RoomEvent.TrackSubscribed, onSubscribedTrackChanged).on(_livekitClient.RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged).on(_livekitClient.RoomEvent.LocalTrackPublished, onParticipantsChanged).on(_livekitClient.RoomEvent.LocalTrackUnpublished, onParticipantsChanged) // trigger a state change by re-sorting participants
+    .on(_livekitClient.RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged);
+    onSubscribedTrackChanged();
+    return () => {
+      room.disconnect();
+    };
+  }, [room, sortFunc]);
+  return {
+    error,
+    participants,
+    audioTracks
+  };
+}
+/**
+ * Default sort for participants, it'll order participants by:
+ * 1. dominant speaker (speaker with the loudest audio level)
+ * 2. local participant
+ * 3. other speakers that are recently active
+ * 4. participants with video on
+ * 5. by joinedAt
+ */
+
+
+function sortParticipants(participants, localParticipant) {
+  participants.sort((a, b) => {
+    var _a$joinedAt$getTime, _a$joinedAt, _b$joinedAt$getTime, _b$joinedAt;
+
+    // loudest speaker first
+    if (a.isSpeaking && b.isSpeaking) {
+      return b.audioLevel - a.audioLevel;
+    } // speaker goes first
+
+
+    if (a.isSpeaking !== b.isSpeaking) {
+      if (a.isSpeaking) {
+        return -1;
+      } else {
+        return 1;
+      }
+    } // last active speaker first
+
+
+    if (a.lastSpokeAt !== b.lastSpokeAt) {
+      var _a$lastSpokeAt$getTim, _a$lastSpokeAt, _b$lastSpokeAt$getTim, _b$lastSpokeAt;
+
+      const aLast = (_a$lastSpokeAt$getTim = (_a$lastSpokeAt = a.lastSpokeAt) === null || _a$lastSpokeAt === void 0 ? void 0 : _a$lastSpokeAt.getTime()) !== null && _a$lastSpokeAt$getTim !== void 0 ? _a$lastSpokeAt$getTim : 0;
+      const bLast = (_b$lastSpokeAt$getTim = (_b$lastSpokeAt = b.lastSpokeAt) === null || _b$lastSpokeAt === void 0 ? void 0 : _b$lastSpokeAt.getTime()) !== null && _b$lastSpokeAt$getTim !== void 0 ? _b$lastSpokeAt$getTim : 0;
+      return bLast - aLast;
+    } // video on
+
+
+    const aVideo = a.videoTracks.size > 0;
+    const bVideo = b.videoTracks.size > 0;
+
+    if (aVideo !== bVideo) {
+      if (aVideo) {
+        return -1;
+      } else {
+        return 1;
+      }
+    } // joinedAt
+
+
+    return ((_a$joinedAt$getTime = (_a$joinedAt = a.joinedAt) === null || _a$joinedAt === void 0 ? void 0 : _a$joinedAt.getTime()) !== null && _a$joinedAt$getTime !== void 0 ? _a$joinedAt$getTime : 0) - ((_b$joinedAt$getTime = (_b$joinedAt = b.joinedAt) === null || _b$joinedAt === void 0 ? void 0 : _b$joinedAt.getTime()) !== null && _b$joinedAt$getTime !== void 0 ? _b$joinedAt$getTime : 0);
+  });
+
+  if (localParticipant) {
+    const localIdx = participants.indexOf(localParticipant);
+
+    if (localIdx >= 0) {
+      participants.splice(localIdx, 1);
+
+      if (participants.length > 0) {
+        participants.splice(1, 0, localParticipant);
+      } else {
+        participants.push(localParticipant);
+      }
+    }
+  }
+}
+//# sourceMappingURL=useRoom.js.map

package/lib/commonjs/useRoom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRoom.ts"],"names":["useRoom","room","options","error","participants","setParticipants","audioTracks","setAudioTracks","sortFunc","sortParticipants","onParticipantsChanged","remotes","Array","from","values","newParticipants","localParticipant","push","onSubscribedTrackChanged","track","kind","Track","Kind","Audio","tracks","forEach","p","pub","audioTrack","onConnectionStateChanged","state","ConnectionState","Connected","once","RoomEvent","Disconnected","off","ParticipantConnected","ParticipantDisconnected","ActiveSpeakersChanged","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","AudioPlaybackStatusChanged","ConnectionStateChanged","on","Reconnected","disconnect","sort","a","b","isSpeaking","audioLevel","lastSpokeAt","aLast","getTime","bLast","aVideo","videoTracks","size","bVideo","joinedAt","localIdx","indexOf","splice","length"],"mappings":"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","sourcesContent":["import {\n  AudioTrack,\n  ConnectionState,\n  LocalParticipant,\n  Participant,\n  RemoteTrack,\n  Room,\n  RoomEvent,\n  Track,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\nexport interface RoomState {\n  room?: Room;\n  /* all participants in the room, including the local participant. */\n  participants: Participant[];\n  /* all subscribed audio tracks in the room, not including local participant. */\n  audioTracks: AudioTrack[];\n  error?: Error;\n}\n\nexport interface RoomOptions {\n  sortParticipants?: (participants: Participant[]) => void;\n}\n\nexport function useRoom(room: Room, options?: RoomOptions): RoomState {\n  const [error] = useState<Error>();\n  const [participants, setParticipants] = useState<Participant[]>([]);\n  const [audioTracks, setAudioTracks] = useState<AudioTrack[]>([]);\n\n  const sortFunc = options?.sortParticipants ?? sortParticipants;\n\n  useEffect(() => {\n    const onParticipantsChanged = () => {\n      const remotes = Array.from(room.participants.values());\n      const newParticipants: Participant[] = [room.localParticipant];\n      newParticipants.push(...remotes);\n      sortFunc(newParticipants, room.localParticipant);\n      setParticipants(newParticipants);\n    };\n    const onSubscribedTrackChanged = (track?: RemoteTrack) => {\n      // ordering may have changed, re-sort\n      onParticipantsChanged();\n      if (track && track.kind !== Track.Kind.Audio) {\n        return;\n      }\n      const tracks: AudioTrack[] = [];\n      room.participants.forEach((p) => {\n        p.audioTracks.forEach((pub) => {\n          if (pub.audioTrack) {\n            tracks.push(pub.audioTrack);\n          }\n        });\n      });\n      setAudioTracks(tracks);\n    };\n\n    const onConnectionStateChanged = (state: ConnectionState) => {\n      if (state === ConnectionState.Connected) {\n        onParticipantsChanged();\n      }\n    };\n\n    room.once(RoomEvent.Disconnected, () => {\n      room\n        .off(RoomEvent.ParticipantConnected, onParticipantsChanged)\n        .off(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n        .off(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n        .off(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n        .off(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n        .off(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged)\n        .off(RoomEvent.ConnectionStateChanged, onConnectionStateChanged);\n    });\n    room\n      .on(RoomEvent.ConnectionStateChanged, onConnectionStateChanged)\n      .on(RoomEvent.Reconnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantConnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n      .on(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n      .on(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n      .on(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n      // trigger a state change by re-sorting participants\n      .on(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged);\n\n    onSubscribedTrackChanged();\n\n    return () => {\n      room.disconnect();\n    };\n  }, [room, sortFunc]);\n\n  return {\n    error,\n    participants,\n    audioTracks,\n  };\n}\n\n/**\n * Default sort for participants, it'll order participants by:\n * 1. dominant speaker (speaker with the loudest audio level)\n * 2. local participant\n * 3. other speakers that are recently active\n * 4. participants with video on\n * 5. by joinedAt\n */\nexport function sortParticipants(\n  participants: Participant[],\n  localParticipant?: LocalParticipant\n) {\n  participants.sort((a, b) => {\n    // loudest speaker first\n    if (a.isSpeaking && b.isSpeaking) {\n      return b.audioLevel - a.audioLevel;\n    }\n\n    // speaker goes first\n    if (a.isSpeaking !== b.isSpeaking) {\n      if (a.isSpeaking) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // last active speaker first\n    if (a.lastSpokeAt !== b.lastSpokeAt) {\n      const aLast = a.lastSpokeAt?.getTime() ?? 0;\n      const bLast = b.lastSpokeAt?.getTime() ?? 0;\n      return bLast - aLast;\n    }\n\n    // video on\n    const aVideo = a.videoTracks.size > 0;\n    const bVideo = b.videoTracks.size > 0;\n    if (aVideo !== bVideo) {\n      if (aVideo) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // joinedAt\n    return (a.joinedAt?.getTime() ?? 0) - (b.joinedAt?.getTime() ?? 0);\n  });\n\n  if (localParticipant) {\n    const localIdx = participants.indexOf(localParticipant);\n    if (localIdx >= 0) {\n      participants.splice(localIdx, 1);\n      if (participants.length > 0) {\n        participants.splice(1, 0, localParticipant);\n      } else {\n        participants.push(localParticipant);\n      }\n    }\n  }\n}\n"]}

package/lib/module/audio/AudioSession.js

@@ -0,0 +1,70 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { NativeModules, Platform } from 'react-native';
+const LINKING_ERROR = `The package 'livekit-react-native' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
+  ios: "- You have run 'pod install'\n",
+  default: ''
+}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo managed workflow\n';
+const LivekitReactNative = NativeModules.LivekitReactNative ? NativeModules.LivekitReactNative : new Proxy({}, {
+  get() {
+    throw new Error(LINKING_ERROR);
+  }
+
+});
+/**
+ * Configuration for the underlying AudioSession.
+ *
+ * ----
+ * Android specific options:
+ *
+ * * preferredOutputList - The preferred order in which to automatically select an audio output.
+ *   This is ignored when an output is manually selected with {@link AudioSession.selectAudioOutput}.
+ *
+ *   By default, the order is set to:
+ *   1. `"speaker"`
+ *   2. `"earpiece"`
+ *   3. `"headset"`
+ *   4. `"bluetooth"`
+ *
+ * ----
+ * iOS
+ *
+ * * defaultOutput - The default preferred output to use when a wired headset or bluetooth output is unavailable.
+ *
+ *   By default, this is set to `"speaker"`
+ */
+
+export default class AudioSession {}
+
+_defineProperty(AudioSession, "configureAudio", async config => {
+  await LivekitReactNative.configureAudio(config);
+});
+
+_defineProperty(AudioSession, "startAudioSession", async () => {
+  await LivekitReactNative.startAudioSession();
+});
+
+_defineProperty(AudioSession, "stopAudioSession", async () => {
+  await LivekitReactNative.stopAudioSession();
+});
+
+_defineProperty(AudioSession, "getAudioOutputs", async () => {
+  if (Platform.OS === 'ios') {
+    return ['default', 'force_speaker'];
+  } else if (Platform.OS === 'android') {
+    return await LivekitReactNative.getAudioOutputs();
+  } else {
+    return [];
+  }
+});
+
+_defineProperty(AudioSession, "selectAudioOutput", async deviceId => {
+  await LivekitReactNative.selectAudioOutput(deviceId);
+});
+
+_defineProperty(AudioSession, "showAudioRoutePicker", async () => {
+  if (Platform.OS === 'ios') {
+    await LivekitReactNative.showAudioRoutePicker();
+  }
+});
+//# sourceMappingURL=AudioSession.js.map

package/lib/module/audio/AudioSession.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AudioSession.ts"],"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","LivekitReactNative","Proxy","get","Error","AudioSession","config","configureAudio","startAudioSession","stopAudioSession","OS","getAudioOutputs","deviceId","selectAudioOutput","showAudioRoutePicker"],"mappings":";;AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AACA,MAAMC,aAAa,GAChB,+EAAD,GACAD,QAAQ,CAACE,MAAT,CAAgB;AAAEC,EAAAA,GAAG,EAAE,gCAAP;AAAyCC,EAAAA,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,kBAAkB,GAAGN,aAAa,CAACM,kBAAd,GACvBN,aAAa,CAACM,kBADS,GAEvB,IAAIC,KAAJ,CACE,EADF,EAEE;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAM,IAAIC,KAAJ,CAAUP,aAAV,CAAN;AACD;;AAHH,CAFF,CAFJ;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,eAAe,MAAMQ,YAAN,CAAmB;;gBAAbA,Y,oBAMK,MAAOC,MAAP,IAAsC;AAC5D,QAAML,kBAAkB,CAACM,cAAnB,CAAkCD,MAAlC,CAAN;AACD,C;;gBARkBD,Y,uBAaQ,YAAY;AACrC,QAAMJ,kBAAkB,CAACO,iBAAnB,EAAN;AACD,C;;gBAfkBH,Y,sBAoBO,YAAY;AACpC,QAAMJ,kBAAkB,CAACQ,gBAAnB,EAAN;AACD,C;;gBAtBkBJ,Y,qBAmDM,YAA+B;AACtD,MAAIT,QAAQ,CAACc,EAAT,KAAgB,KAApB,EAA2B;AACzB,WAAO,CAAC,SAAD,EAAY,eAAZ,CAAP;AACD,GAFD,MAEO,IAAId,QAAQ,CAACc,EAAT,KAAgB,SAApB,EAA+B;AACpC,WAAQ,MAAMT,kBAAkB,CAACU,eAAnB,EAAd;AACD,GAFM,MAEA;AACL,WAAO,EAAP;AACD;AACF,C;;gBA3DkBN,Y,uBAoEQ,MAAOO,QAAP,IAA4B;AACrD,QAAMX,kBAAkB,CAACY,iBAAnB,CAAqCD,QAArC,CAAN;AACD,C;;gBAtEkBP,Y,0BA6EW,YAAY;AACxC,MAAIT,QAAQ,CAACc,EAAT,KAAgB,KAApB,EAA2B;AACzB,UAAMT,kBAAkB,CAACa,oBAAnB,EAAN;AACD;AACF,C","sourcesContent":["import { NativeModules, Platform } from 'react-native';\nconst LINKING_ERROR =\n  `The package 'livekit-react-native' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\nconst LivekitReactNative = NativeModules.LivekitReactNative\n  ? NativeModules.LivekitReactNative\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\n/**\n * Configuration for the underlying AudioSession.\n *\n * ----\n * Android specific options:\n *\n * * preferredOutputList - The preferred order in which to automatically select an audio output.\n *   This is ignored when an output is manually selected with {@link AudioSession.selectAudioOutput}.\n *\n *   By default, the order is set to:\n *   1. `\"speaker\"`\n *   2. `\"earpiece\"`\n *   3. `\"headset\"`\n *   4. `\"bluetooth\"`\n *\n * ----\n * iOS\n *\n * * defaultOutput - The default preferred output to use when a wired headset or bluetooth output is unavailable.\n *\n *   By default, this is set to `\"speaker\"`\n */\nexport type AudioConfiguration = {\n  android: {\n    preferredOutputList: ('speaker' | 'earpiece' | 'headset' | 'bluetooth')[];\n  };\n  ios: {\n    defaultOutput: 'speaker' | 'earpiece';\n  };\n};\n\nexport default class AudioSession {\n  /**\n   * Applies the provided audio configuration to the underlying AudioSession.\n   *\n   * Must be called prior to connecting to a Room for the configuration to apply correctly.\n   */\n  static configureAudio = async (config: AudioConfiguration) => {\n    await LivekitReactNative.configureAudio(config);\n  };\n\n  /**\n   * Starts an AudioSession.\n   */\n  static startAudioSession = async () => {\n    await LivekitReactNative.startAudioSession();\n  };\n\n  /**\n   * Stops the existing AudioSession.\n   */\n  static stopAudioSession = async () => {\n    await LivekitReactNative.stopAudioSession();\n  };\n\n  /**\n   * Gets the available audio outputs for use with {@link selectAudioOutput}.\n   *\n   * {@link startAudioSession} must be called prior to using this method.\n   *\n   * For Android, will return if available:\n   * * \"speaker\"\n   * * \"earpiece\"\n   * * \"headset\"\n   * * \"bluetooth\"\n   *\n   * Note: For applications targeting SDK versions over 30, the runtime BLUETOOTH_CONNECT\n   * permission must be requested to send audio to bluetooth headsets.\n   *\n   * ----\n   *\n   * For iOS, due to OS limitations, the only available types are:\n   * * \"default\" - Use default iOS audio routing\n   * * \"force_speaker\" - Force audio output through speaker\n   *\n   * See also {@link showAudioRoutePicker} to display a route picker that\n   * can choose between other audio devices (i.e. headset/bluetooth/airplay),\n   * or use a library like `react-native-avroutepicker` for a native platform\n   * control.\n   *\n   * @returns the available audio output types\n   */\n  static getAudioOutputs = async (): Promise<string[]> => {\n    if (Platform.OS === 'ios') {\n      return ['default', 'force_speaker'];\n    } else if (Platform.OS === 'android') {\n      return (await LivekitReactNative.getAudioOutputs()) as string[];\n    } else {\n      return [];\n    }\n  };\n\n  /**\n   * Select the provided audio output if available.\n   *\n   * {@link startAudioSession} must be called prior to using this method.\n   *\n   * @param deviceId A deviceId retrieved from {@link getAudioOutputs}\n   */\n  static selectAudioOutput = async (deviceId: string) => {\n    await LivekitReactNative.selectAudioOutput(deviceId);\n  };\n\n  /**\n   * iOS only, requires iOS 11+.\n   *\n   * Displays an AVRoutePickerView for the user to choose their audio output.\n   */\n  static showAudioRoutePicker = async () => {\n    if (Platform.OS === 'ios') {\n      await LivekitReactNative.showAudioRoutePicker();\n    }\n  };\n}\n"]}