@stream-io/video-react-native-sdk 0.1.10 → 0.1.12

package/dist/module/components/Livestream/LivestreamTopView/HostLivestreamTopView.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { DurationBadge as DefaultDurationBadge } from './DurationBadge';
+import { LiveIndicator as DefaultLiveIndicator } from './LiveIndicator';
+import { FollowerCount as DefaultFollowerCount } from './FollowerCount';
+import { useTheme } from '../../../contexts';
+import { useCallStateHooks } from '@stream-io/video-react-bindings';
+import { Z_INDEX } from '../../../constants';
+
+/**
+ * Props for the HostLivestreamTopView component.
+ */
+
+/**
+ * The HostLivestreamTopView component displays the top view component of the host's live stream.
+ */
+export const HostLivestreamTopView = _ref => {
+  let {
+    DurationBadge = DefaultDurationBadge,
+    LiveIndicator = DefaultLiveIndicator,
+    FollowerCount = DefaultFollowerCount
+  } = _ref;
+  const {
+    useIsCallLive,
+    useIsCallBroadcastingInProgress
+  } = useCallStateHooks();
+  const isCallLive = useIsCallLive();
+  const isBroadcasting = useIsCallBroadcastingInProgress();
+  const liveOrBroadcasting = isCallLive || isBroadcasting;
+  const {
+    theme: {
+      colors,
+      hostLivestreamTopView
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_overlay
+    }, hostLivestreamTopView.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.leftElement, hostLivestreamTopView.leftElement]
+  }, DurationBadge && /*#__PURE__*/React.createElement(DurationBadge, {
+    mode: "host"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: [styles.centerElement, hostLivestreamTopView.centerElement]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.rightElement, hostLivestreamTopView.rightElement]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.liveInfo, hostLivestreamTopView.liveInfo]
+  }, liveOrBroadcasting && LiveIndicator && /*#__PURE__*/React.createElement(LiveIndicator, null), FollowerCount && /*#__PURE__*/React.createElement(FollowerCount, null))));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    paddingHorizontal: 8,
+    borderBottomEndRadius: 8,
+    borderBottomStartRadius: 8,
+    zIndex: Z_INDEX.IN_FRONT
+  },
+  liveInfo: {
+    flexDirection: 'row'
+  },
+  leftElement: {
+    flex: 1,
+    alignItems: 'flex-start'
+  },
+  centerElement: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  rightElement: {
+    flex: 1,
+    alignItems: 'flex-end'
+  }
+});
+//# sourceMappingURL=HostLivestreamTopView.js.map

package/dist/module/components/Livestream/LivestreamTopView/HostLivestreamTopView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","DurationBadge","DefaultDurationBadge","LiveIndicator","DefaultLiveIndicator","FollowerCount","DefaultFollowerCount","useTheme","useCallStateHooks","Z_INDEX","HostLivestreamTopView","_ref","useIsCallLive","useIsCallBroadcastingInProgress","isCallLive","isBroadcasting","liveOrBroadcasting","theme","colors","hostLivestreamTopView","createElement","style","styles","container","backgroundColor","static_overlay","leftElement","mode","centerElement","rightElement","liveInfo","create","position","top","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomEndRadius","borderBottomStartRadius","zIndex","IN_FRONT","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/HostLivestreamTopView.tsx"],"mappings":"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"}

package/dist/module/components/Livestream/LivestreamTopView/LiveIndicator.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useTheme } from '../../../contexts';
+import { useI18n } from '@stream-io/video-react-bindings';
+
+/**
+ * Props for the LiveIndicator component.
+ */
+
+/**
+ * The LiveIndicator component displays whether the live stream is live or not.
+ */
+export const LiveIndicator = _ref => {
+  let {} = _ref;
+  const {
+    theme: {
+      colors,
+      typefaces,
+      liveIndicator
+    }
+  } = useTheme();
+  const {
+    t
+  } = useI18n();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: colors.primary
+    }, liveIndicator.container]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, {
+      color: colors.static_white
+    }, typefaces.subtitleBold, liveIndicator.label]
+  }, t('Live')));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderTopLeftRadius: 4,
+    borderBottomLeftRadius: 4,
+    justifyContent: 'center'
+  },
+  label: {
+    textAlign: 'center',
+    includeFontPadding: false
+  }
+});
+//# sourceMappingURL=LiveIndicator.js.map

package/dist/module/components/Livestream/LivestreamTopView/LiveIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","useTheme","useI18n","LiveIndicator","_ref","theme","colors","typefaces","liveIndicator","t","createElement","style","styles","container","backgroundColor","primary","label","color","static_white","subtitleBold","create","paddingHorizontal","paddingVertical","borderTopLeftRadius","borderBottomLeftRadius","justifyContent","textAlign","includeFontPadding"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/LiveIndicator.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,iCAAiC;;AAEzD;AACA;AACA;;AAGA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAA4B;EAAA,IAA3B,CAAqB,CAAC,GAAAA,IAAA;EAClD,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAc;EAC5C,CAAC,GAAGP,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEQ;EAAE,CAAC,GAAGP,OAAO,CAAC,CAAC;EACvB,oBACEL,KAAA,CAAAa,aAAA,CAACV,IAAI;IACHW,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAER,MAAM,CAACS;IAAQ,CAAC,EACnCP,aAAa,CAACK,SAAS;EACvB,gBAEFhB,KAAA,CAAAa,aAAA,CAACX,IAAI;IACHY,KAAK,EAAE,CACLC,MAAM,CAACI,KAAK,EACZ;MAAEC,KAAK,EAAEX,MAAM,CAACY;IAAa,CAAC,EAC9BX,SAAS,CAACY,YAAY,EACtBX,aAAa,CAACQ,KAAK;EACnB,GAEDP,CAAC,CAAC,MAAM,CACL,CACF,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGd,UAAU,CAACsB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,mBAAmB,EAAE,CAAC;IACtBC,sBAAsB,EAAE,CAAC;IACzBC,cAAc,EAAE;EAClB,CAAC;EACDT,KAAK,EAAE;IACLU,SAAS,EAAE,QAAQ;IACnBC,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC"}

package/dist/module/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { DurationBadge as DefaultDurationBadge } from './DurationBadge';
+import { LiveIndicator as DefaultLiveIndicator } from './LiveIndicator';
+import { FollowerCount as DefaultFollowerCount } from './FollowerCount';
+import { useTheme } from '../../../contexts';
+import { Z_INDEX } from '../../../constants';
+
+/**
+ * Props for the ViewerLivestreamTopView component.
+ */
+
+/**
+ * The ViewerLivestreamTopView component displays the top view component of the viewer's live stream.
+ */
+export const ViewerLivestreamTopView = _ref => {
+  let {
+    DurationBadge = DefaultDurationBadge,
+    LiveIndicator = DefaultLiveIndicator,
+    FollowerCount = DefaultFollowerCount
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      viewerLivestreamTopView
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_overlay
+    }, viewerLivestreamTopView.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.leftElement, viewerLivestreamTopView.leftElement]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.liveInfo, viewerLivestreamTopView.liveInfo]
+  }, LiveIndicator && /*#__PURE__*/React.createElement(LiveIndicator, null), FollowerCount && /*#__PURE__*/React.createElement(FollowerCount, null))), /*#__PURE__*/React.createElement(View, {
+    style: [styles.centerElement, viewerLivestreamTopView.centerElement]
+  }, DurationBadge && /*#__PURE__*/React.createElement(DurationBadge, {
+    mode: "viewer"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: [styles.rightElement, viewerLivestreamTopView.rightElement]
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    paddingHorizontal: 8,
+    borderBottomEndRadius: 8,
+    borderBottomStartRadius: 8,
+    zIndex: Z_INDEX.IN_FRONT
+  },
+  liveInfo: {
+    flexDirection: 'row'
+  },
+  leftElement: {
+    flex: 1,
+    alignItems: 'flex-start'
+  },
+  centerElement: {
+    flex: 1,
+    alignItems: 'center',
+    flexGrow: 3
+  },
+  rightElement: {
+    flex: 1,
+    alignItems: 'flex-end'
+  }
+});
+//# sourceMappingURL=ViewerLivestreamTopView.js.map

package/dist/module/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","DurationBadge","DefaultDurationBadge","LiveIndicator","DefaultLiveIndicator","FollowerCount","DefaultFollowerCount","useTheme","Z_INDEX","ViewerLivestreamTopView","_ref","theme","colors","viewerLivestreamTopView","createElement","style","styles","container","backgroundColor","static_overlay","leftElement","liveInfo","centerElement","mode","rightElement","create","position","top","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomEndRadius","borderBottomStartRadius","zIndex","IN_FRONT","flex","flexGrow"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/ViewerLivestreamTopView.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,aAAa,IAAIC,oBAAoB,QAEhC,iBAAiB;AACxB,SACEC,aAAa,IAAIC,oBAAoB,QAEhC,iBAAiB;AACxB,SACEC,aAAa,IAAIC,oBAAoB,QAEhC,iBAAiB;AACxB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;;AAgBA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAGC,IAAA,IAIH;EAAA,IAJI;IACtCT,aAAa,GAAGC,oBAAoB;IACpCC,aAAa,GAAGC,oBAAoB;IACpCC,aAAa,GAAGC;EACY,CAAC,GAAAI,IAAA;EAC7B,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAwB;EAC3C,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAEd,oBACET,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACHe,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEN,MAAM,CAACO;IAAe,CAAC,EAC1CN,uBAAuB,CAACI,SAAS;EACjC,gBAEFnB,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACI,WAAW,EAAEP,uBAAuB,CAACO,WAAW;EAAE,gBACrEtB,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACK,QAAQ,EAAER,uBAAuB,CAACQ,QAAQ;EAAE,GAC9DlB,aAAa,iBAAIL,KAAA,CAAAgB,aAAA,CAACX,aAAa,MAAE,CAAC,EAClCE,aAAa,iBAAIP,KAAA,CAAAgB,aAAA,CAACT,aAAa,MAAE,CAC9B,CACF,CAAC,eACPP,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACHe,KAAK,EAAE,CAACC,MAAM,CAACM,aAAa,EAAET,uBAAuB,CAACS,aAAa;EAAE,GAEpErB,aAAa,iBAAIH,KAAA,CAAAgB,aAAA,CAACb,aAAa;IAACsB,IAAI,EAAC;EAAQ,CAAE,CAC5C,CAAC,eACPzB,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACHe,KAAK,EAAE,CAACC,MAAM,CAACQ,YAAY,EAAEX,uBAAuB,CAACW,YAAY;EAAE,CACpE,CACG,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGjB,UAAU,CAAC0B,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,qBAAqB,EAAE,CAAC;IACxBC,uBAAuB,EAAE,CAAC;IAC1BC,MAAM,EAAE1B,OAAO,CAAC2B;EAClB,CAAC;EACDd,QAAQ,EAAE;IACRO,aAAa,EAAE;EACjB,CAAC;EACDR,WAAW,EAAE;IACXgB,IAAI,EAAE,CAAC;IACPP,UAAU,EAAE;EACd,CAAC;EACDP,aAAa,EAAE;IACbc,IAAI,EAAE,CAAC;IACPP,UAAU,EAAE,QAAQ;IACpBQ,QAAQ,EAAE;EACZ,CAAC;EACDb,YAAY,EAAE;IACZY,IAAI,EAAE,CAAC;IACPP,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/dist/module/components/Livestream/LivestreamTopView/index.js

@@ -0,0 +1,5 @@
+export * from './DurationBadge';
+export * from './FollowerCount';
+export * from './LiveIndicator';
+export * from './HostLivestreamTopView';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Livestream/LivestreamTopView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/index.ts"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB"}

package/dist/module/components/Livestream/ViewerLivestream/ViewerLivestream.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { StyleSheet, SafeAreaView, View } from 'react-native';
+import { useIncallManager } from '../../../hooks';
+import { useTheme } from '../../../contexts';
+import { ViewerLivestreamTopView as DefaultViewerLivestreamTopView } from '../LivestreamTopView/ViewerLivestreamTopView';
+import { ViewerLivestreamControls as DefaultViewerLivestreamControls } from '../LivestreamControls/ViewerLivestreamControls';
+import { LivestreamLayout as DefaultLivestreamLayout } from '../LivestreamLayout';
+import { useCallStateHooks } from '@stream-io/video-react-bindings';
+import { FloatingParticipantView as DefaultFloatingParticipantView } from '../../Participant';
+import { Z_INDEX } from '../../../constants';
+
+/**
+ * Props for the ViewerLivestream component.
+ */
+
+/**
+ * The ViewerLivestream component renders the UI for the Viewer's live stream.
+ */
+export const ViewerLivestream = _ref => {
+  let {
+    ViewerLivestreamTopView = DefaultViewerLivestreamTopView,
+    ViewerLivestreamControls = DefaultViewerLivestreamControls,
+    LivestreamLayout = DefaultLivestreamLayout,
+    FloatingParticipantView = DefaultFloatingParticipantView,
+    LiveIndicator,
+    FollowerCount,
+    DurationBadge,
+    ViewerLeaveStreamButton,
+    onLeaveStreamHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      viewerLivestream
+    }
+  } = useTheme();
+  const {
+    useHasOngoingScreenShare,
+    useParticipants
+  } = useCallStateHooks();
+  const hasOngoingScreenShare = useHasOngoingScreenShare();
+  const [currentSpeaker] = useParticipants();
+
+  // Automatically route audio to speaker devices as relevant for watching videos.
+  useIncallManager({
+    media: 'video',
+    auto: true
+  });
+  const topViewProps = {
+    LiveIndicator,
+    FollowerCount,
+    DurationBadge
+  };
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, viewerLivestream.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.view, viewerLivestream.view]
+  }, ViewerLivestreamTopView && /*#__PURE__*/React.createElement(ViewerLivestreamTopView, topViewProps), /*#__PURE__*/React.createElement(View, {
+    style: [styles.floatingParticipantView, viewerLivestream.floatingParticipantView]
+  }, hasOngoingScreenShare && FloatingParticipantView && /*#__PURE__*/React.createElement(FloatingParticipantView, {
+    participant: currentSpeaker
+  })), ViewerLivestreamControls && /*#__PURE__*/React.createElement(ViewerLivestreamControls, {
+    ViewerLeaveStreamButton: ViewerLeaveStreamButton,
+    onLeaveStreamHandler: onLeaveStreamHandler
+  })), LivestreamLayout && /*#__PURE__*/React.createElement(LivestreamLayout, null));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  floatingParticipantView: {
+    flex: 1
+  },
+  view: {
+    ...StyleSheet.absoluteFillObject,
+    zIndex: Z_INDEX.IN_FRONT
+  }
+});
+//# sourceMappingURL=ViewerLivestream.js.map

package/dist/module/components/Livestream/ViewerLivestream/ViewerLivestream.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","SafeAreaView","View","useIncallManager","useTheme","ViewerLivestreamTopView","DefaultViewerLivestreamTopView","ViewerLivestreamControls","DefaultViewerLivestreamControls","LivestreamLayout","DefaultLivestreamLayout","useCallStateHooks","FloatingParticipantView","DefaultFloatingParticipantView","Z_INDEX","ViewerLivestream","_ref","LiveIndicator","FollowerCount","DurationBadge","ViewerLeaveStreamButton","onLeaveStreamHandler","theme","colors","viewerLivestream","useHasOngoingScreenShare","useParticipants","hasOngoingScreenShare","currentSpeaker","media","auto","topViewProps","createElement","style","styles","container","backgroundColor","static_grey","view","floatingParticipantView","participant","create","flex","absoluteFillObject","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Livestream/ViewerLivestream/ViewerLivestream.tsx"],"mappings":"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"}

package/dist/module/components/Livestream/ViewerLivestream/index.js

@@ -0,0 +1,2 @@
+export * from './ViewerLivestream';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Livestream/ViewerLivestream/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Livestream/ViewerLivestream/index.ts"],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/module/components/Livestream/index.js

@@ -0,0 +1,6 @@
+export * from './HostLivestream';
+export * from './LivestreamControls';
+export * from './LivestreamTopView';
+export * from './ViewerLivestream';
+export * from './LivestreamLayout';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Livestream/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Livestream/index.ts"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,sBAAsB;AACpC,cAAc,qBAAqB;AACnC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB"}

package/dist/module/components/index.js

@@ -2,4 +2,5 @@
 export * from './Call';
 export * from './utility';
 export * from './Participant';
+export * from './Livestream';
 //# sourceMappingURL=index.js.map

package/dist/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA;AACA,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,eAAe"}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA;AACA,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,cAAc"}

package/dist/module/hooks/index.js

@@ -3,4 +3,6 @@ export * from './usePermissionRequest';
 export * from './usePermissionNotification';
 export * from './push';
 export * from './useAndroidKeepCallAliveEffect';
+export * from './useIsInPiPMode';
+export * from './useAutoEnterPiPEffect';
 //# sourceMappingURL=index.js.map

package/dist/module/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,wBAAwB;AACtC,cAAc,6BAA6B;AAC3C,cAAc,QAAQ;AACtB,cAAc,iCAAiC"}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,wBAAwB;AACtC,cAAc,6BAA6B;AAC3C,cAAc,QAAQ;AACtB,cAAc,iCAAiC;AAC/C,cAAc,kBAAkB;AAChC,cAAc,yBAAyB"}

package/dist/module/hooks/useAutoEnterPiPEffect.js

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import { NativeModules, Platform } from 'react-native';
+export function useAutoEnterPiPEffect() {
+  useEffect(() => {
+    if (Platform.OS !== 'android') {
+      return;
+    }
+    NativeModules.StreamVideoReactNative.canAutoEnterPipMode(true);
+    return () => {
+      NativeModules.StreamVideoReactNative.canAutoEnterPipMode(false);
+    };
+  }, []);
+}
+//# sourceMappingURL=useAutoEnterPiPEffect.js.map

package/dist/module/hooks/useAutoEnterPiPEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","NativeModules","Platform","useAutoEnterPiPEffect","OS","StreamVideoReactNative","canAutoEnterPipMode"],"sourceRoot":"../../../src","sources":["hooks/useAutoEnterPiPEffect.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAEtD,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACtCH,SAAS,CAAC,MAAM;IACd,IAAIE,QAAQ,CAACE,EAAE,KAAK,SAAS,EAAE;MAC7B;IACF;IAEAH,aAAa,CAACI,sBAAsB,CAACC,mBAAmB,CAAC,IAAI,CAAC;IAE9D,OAAO,MAAM;MACXL,aAAa,CAACI,sBAAsB,CAACC,mBAAmB,CAAC,KAAK,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR"}

package/dist/module/hooks/useIsInPiPMode.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from 'react';
+import { NativeEventEmitter, NativeModules, Platform } from 'react-native';
+export function useIsInPiPMode() {
+  const [isInPiPMode, setIsInPiPMode] = useState(false);
+  useEffect(() => {
+    if (Platform.OS !== 'android') {
+      return;
+    }
+    const eventEmitter = new NativeEventEmitter(NativeModules.StreamVideoReactNative);
+    const subscription = eventEmitter.addListener('StreamVideoReactNative_PIP_CHANGE_EVENT', isPiPEnabled => {
+      setIsInPiPMode(isPiPEnabled);
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+  return isInPiPMode;
+}
+//# sourceMappingURL=useIsInPiPMode.js.map

package/dist/module/hooks/useIsInPiPMode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","NativeEventEmitter","NativeModules","Platform","useIsInPiPMode","isInPiPMode","setIsInPiPMode","OS","eventEmitter","StreamVideoReactNative","subscription","addListener","isPiPEnabled","remove"],"sourceRoot":"../../../src","sources":["hooks/useIsInPiPMode.tsx"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAE1E,OAAO,SAASC,cAAcA,CAAA,EAAG;EAC/B,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EAErDD,SAAS,CAAC,MAAM;IACd,IAAII,QAAQ,CAACI,EAAE,KAAK,SAAS,EAAE;MAC7B;IACF;IAEA,MAAMC,YAAY,GAAG,IAAIP,kBAAkB,CACzCC,aAAa,CAACO,sBAChB,CAAC;IAED,MAAMC,YAAY,GAAGF,YAAY,CAACG,WAAW,CAC3C,yCAAyC,EACxCC,YAAqB,IAAK;MACzBN,cAAc,CAACM,YAAY,CAAC;IAC9B,CACF,CAAC;IAED,OAAO,MAAM;MACXF,YAAY,CAACG,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,WAAW;AACpB"}

package/dist/module/hooks/usePaginatedLayoutSortPreset.js

@@ -0,0 +1,19 @@
+import { CallTypes, defaultSortPreset, paginatedLayoutSortPreset } from '@stream-io/video-client';
+import { useEffect } from 'react';
+const resetSortPreset = call => {
+  // reset the sorting to the default for the call type
+  const callConfig = CallTypes.get(call.type);
+  call.setSortParticipantsBy(callConfig.options.sortParticipantsBy || defaultSortPreset);
+};
+export const usePaginatedLayoutSortPreset = call => {
+  useEffect(() => {
+    if (!call) {
+      return;
+    }
+    call.setSortParticipantsBy(paginatedLayoutSortPreset);
+    return () => {
+      resetSortPreset(call);
+    };
+  }, [call]);
+};
+//# sourceMappingURL=usePaginatedLayoutSortPreset.js.map

package/dist/module/hooks/usePaginatedLayoutSortPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CallTypes","defaultSortPreset","paginatedLayoutSortPreset","useEffect","resetSortPreset","call","callConfig","get","type","setSortParticipantsBy","options","sortParticipantsBy","usePaginatedLayoutSortPreset"],"sourceRoot":"../../../src","sources":["hooks/usePaginatedLayoutSortPreset.ts"],"mappings":"AAAA,SAEEA,SAAS,EACTC,iBAAiB,EACjBC,yBAAyB,QACpB,yBAAyB;AAChC,SAASC,SAAS,QAAQ,OAAO;AAEjC,MAAMC,eAAe,GAAIC,IAAU,IAAK;EACtC;EACA,MAAMC,UAAU,GAAGN,SAAS,CAACO,GAAG,CAACF,IAAI,CAACG,IAAI,CAAC;EAC3CH,IAAI,CAACI,qBAAqB,CACxBH,UAAU,CAACI,OAAO,CAACC,kBAAkB,IAAIV,iBAC3C,CAAC;AACH,CAAC;AAED,OAAO,MAAMW,4BAA4B,GAAIP,IAAsB,IAAK;EACtEF,SAAS,CAAC,MAAM;IACd,IAAI,CAACE,IAAI,EAAE;MACT;IACF;IACAA,IAAI,CAACI,qBAAqB,CAACP,yBAAyB,CAAC;IACrD,OAAO,MAAM;MACXE,eAAe,CAACC,IAAI,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AACZ,CAAC"}

package/dist/module/icons/EndStreamIcon.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Path, Svg } from 'react-native-svg';
+export const EndBroadcastIcon = () => {
+  return /*#__PURE__*/React.createElement(Svg, {
+    viewBox: "0 0 26 26",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M8.55615 10.8184C8.44365 11.2309 8.38115 11.6684 8.38115 12.1184C8.38115 13.4934 8.94365 14.7434 9.84365 15.6559L8.06865 17.4309C6.71865 16.0684 5.88115 14.1934 5.88115 12.1184C5.88115 10.9559 6.14365 9.86836 6.60615 8.88086L4.76865 7.04336C3.88115 8.53086 3.38115 10.2684 3.38115 12.1184C3.38115 14.8809 4.50615 17.3809 6.31865 19.1809L4.54365 20.9559C2.28115 18.6934 0.881152 15.5684 0.881152 12.1184C0.881152 9.56836 1.64365 7.20586 2.95615 5.23086L0.118652 2.39336L1.88115 0.630859L24.8562 23.6059L23.0937 25.3684L8.55615 10.8184ZM20.1562 15.3559C20.6187 14.3684 20.8812 13.2809 20.8812 12.1184C20.8812 10.0434 20.0437 8.16836 18.6812 6.81836L16.9062 8.59336C17.8187 9.49336 18.3812 10.7434 18.3812 12.1184C18.3812 12.5684 18.3187 13.0059 18.2062 13.4184L20.1562 15.3559ZM23.3812 12.1184C23.3812 13.9684 22.8812 15.7059 21.9937 17.1934L23.8062 19.0059C25.1187 17.0309 25.8812 14.6684 25.8812 12.1184C25.8812 8.66836 24.4812 5.54336 22.2187 3.28086L20.4437 5.05586C22.2562 6.85586 23.3812 9.35586 23.3812 12.1184Z",
+    fill: "#FCFCFC"
+  }));
+};
+//# sourceMappingURL=EndStreamIcon.js.map

package/dist/module/icons/EndStreamIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Path","Svg","EndBroadcastIcon","createElement","viewBox","fill","d"],"sourceRoot":"../../../src","sources":["icons/EndStreamIcon.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAE5C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,oBACEH,KAAA,CAAAI,aAAA,CAACF,GAAG;IAACG,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAM,gBAClCN,KAAA,CAAAI,aAAA,CAACH,IAAI;IACHM,CAAC,EAAC,0/BAA0/B;IAC5/BD,IAAI,EAAC;EAAS,CACf,CACE,CAAC;AAEV,CAAC"}

package/dist/module/icons/Eye.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Svg, Path } from 'react-native-svg';
+export const Eye = () => {
+  return /*#__PURE__*/React.createElement(Svg, {
+    viewBox: "0 0 15 10",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M7.25488 1.5625C9.62363 1.5625 11.7361 2.89375 12.7674 5C11.7361 7.10625 9.62363 8.4375 7.25488 8.4375C4.88613 8.4375 2.77363 7.10625 1.74238 5C2.77363 2.89375 4.88613 1.5625 7.25488 1.5625ZM7.25488 0.3125C4.12988 0.3125 1.46113 2.25625 0.379883 5C1.46113 7.74375 4.12988 9.6875 7.25488 9.6875C10.3799 9.6875 13.0486 7.74375 14.1299 5C13.0486 2.25625 10.3799 0.3125 7.25488 0.3125ZM7.25488 3.4375C8.11738 3.4375 8.81738 4.1375 8.81738 5C8.81738 5.8625 8.11738 6.5625 7.25488 6.5625C6.39238 6.5625 5.69238 5.8625 5.69238 5C5.69238 4.1375 6.39238 3.4375 7.25488 3.4375ZM7.25488 2.1875C5.70488 2.1875 4.44238 3.45 4.44238 5C4.44238 6.55 5.70488 7.8125 7.25488 7.8125C8.80488 7.8125 10.0674 6.55 10.0674 5C10.0674 3.45 8.80488 2.1875 7.25488 2.1875Z",
+    fill: "#FCFCFC"
+  }));
+};
+//# sourceMappingURL=Eye.js.map

package/dist/module/icons/Eye.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","Eye","createElement","viewBox","fill","d"],"sourceRoot":"../../../src","sources":["icons/Eye.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAE5C,OAAO,MAAMC,GAAG,GAAGA,CAAA,KAAM;EACvB,oBACEH,KAAA,CAAAI,aAAA,CAACH,GAAG;IAACI,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAM,gBAClCN,KAAA,CAAAI,aAAA,CAACF,IAAI;IACHK,CAAC,EAAC,2uBAA2uB;IAC7uBD,IAAI,EAAC;EAAS,CACf,CACE,CAAC;AAEV,CAAC"}

package/dist/module/icons/LeaveStreamIcon.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Path, Svg } from 'react-native-svg';
+export const LeaveStreamIcon = () => {
+  return /*#__PURE__*/React.createElement(Svg, {
+    viewBox: "0 0 25 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M18.75 5.75L16.9875 7.5125L20.2125 10.75H7.5V13.25H20.2125L16.9875 16.475L18.75 18.25L25 12L18.75 5.75ZM2.5 3.25H12.5V0.75H2.5C1.125 0.75 0 1.875 0 3.25V20.75C0 22.125 1.125 23.25 2.5 23.25H12.5V20.75H2.5V3.25Z",
+    fill: "#FCFCFC"
+  }));
+};
+//# sourceMappingURL=LeaveStreamIcon.js.map

package/dist/module/icons/LeaveStreamIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Path","Svg","LeaveStreamIcon","createElement","viewBox","fill","d"],"sourceRoot":"../../../src","sources":["icons/LeaveStreamIcon.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAE5C,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,oBACEH,KAAA,CAAAI,aAAA,CAACF,GAAG;IAACG,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAM,gBAClCN,KAAA,CAAAI,aAAA,CAACH,IAAI;IACHM,CAAC,EAAC,oNAAoN;IACtND,IAAI,EAAC;EAAS,CACf,CACE,CAAC;AAEV,CAAC"}

package/dist/module/icons/ShieldBadge.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Svg, Path } from 'react-native-svg';
+export const ShieldBadge = () => {
+  return /*#__PURE__*/React.createElement(Svg, {
+    viewBox: "0 0 9 10",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M2.79919 8.79157L4.02014 9.63654C4.22869 9.7774 4.49664 9.7774 4.70498 9.63654L5.92594 8.79157C7.6828 7.5523 8.75481 5.60898 8.75481 3.52489V1.60984C8.75481 1.35641 8.57617 1.13107 8.30822 1.07467L4.3774 0.257812L0.446587 1.07447C0.178632 1.13085 0 1.35619 0 1.60964V3.52469C0 5.60888 1.04233 7.58057 2.79919 8.79157ZM2.56093 4.05991L3.69256 5.13019L6.16414 2.79258L7.05753 3.63755L3.72223 6.82014L1.69742 4.90488L2.56093 4.05991Z",
+    fill: "#00E2A1"
+  }));
+};
+//# sourceMappingURL=ShieldBadge.js.map

package/dist/module/icons/ShieldBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","ShieldBadge","createElement","viewBox","fill","d"],"sourceRoot":"../../../src","sources":["icons/ShieldBadge.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAE5C,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,oBACEH,KAAA,CAAAI,aAAA,CAACH,GAAG;IAACI,OAAO,EAAC,UAAU;IAACC,IAAI,EAAC;EAAM,gBACjCN,KAAA,CAAAI,aAAA,CAACF,IAAI;IACHK,CAAC,EAAC,gbAAgb;IAClbD,IAAI,EAAC;EAAS,CACf,CACE,CAAC;AAEV,CAAC"}

package/dist/module/icons/StartStreamIcon.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Path, Svg } from 'react-native-svg';
+export const StartStreamIcon = () => {
+  return /*#__PURE__*/React.createElement(Svg, {
+    viewBox: "0 0 25 18",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M7.2 14.2996C5.8375 12.9496 5 11.0746 5 8.99961C5 6.92461 5.8375 5.04961 7.2 3.69961L8.975 5.47461C8.0625 6.37461 7.5 7.62461 7.5 8.99961C7.5 10.3746 8.0625 11.6246 8.9625 12.5371L7.2 14.2996ZM17.8 14.2996C19.1625 12.9496 20 11.0746 20 8.99961C20 6.92461 19.1625 5.04961 17.8 3.69961L16.025 5.47461C16.9375 6.37461 17.5 7.62461 17.5 8.99961C17.5 10.3746 16.9375 11.6246 16.0375 12.5371L17.8 14.2996ZM12.5 6.49961C11.125 6.49961 10 7.62461 10 8.99961C10 10.3746 11.125 11.4996 12.5 11.4996C13.875 11.4996 15 10.3746 15 8.99961C15 7.62461 13.875 6.49961 12.5 6.49961ZM22.5 8.99961C22.5 11.7621 21.375 14.2621 19.5625 16.0621L21.3375 17.8371C23.6 15.5746 25 12.4496 25 8.99961C25 5.54961 23.6 2.42461 21.3375 0.162109L19.5625 1.93711C21.375 3.73711 22.5 6.23711 22.5 8.99961ZM5.4375 1.93711L3.6625 0.162109C1.4 2.42461 0 5.54961 0 8.99961C0 12.4496 1.4 15.5746 3.6625 17.8371L5.4375 16.0621C3.625 14.2621 2.5 11.7621 2.5 8.99961C2.5 6.23711 3.625 3.73711 5.4375 1.93711Z",
+    fill: "#FCFCFC"
+  }));
+};
+//# sourceMappingURL=StartStreamIcon.js.map

package/dist/module/icons/StartStreamIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Path","Svg","StartStreamIcon","createElement","viewBox","fill","d"],"sourceRoot":"../../../src","sources":["icons/StartStreamIcon.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAE5C,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,oBACEH,KAAA,CAAAI,aAAA,CAACF,GAAG;IAACG,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAM,gBAClCN,KAAA,CAAAI,aAAA,CAACH,IAAI;IACHM,CAAC,EAAC,y8BAAy8B;IAC38BD,IAAI,EAAC;EAAS,CACf,CACE,CAAC;AAEV,CAAC"}

package/dist/module/icons/index.js

@@ -14,4 +14,9 @@ export * from './Spotlight';
 export * from './ScreenShare';
 export * from './Reaction';
 export * from './TopViewBackground';
+export * from './Eye';
+export * from './ShieldBadge';
+export * from './StartStreamIcon';
+export * from './EndStreamIcon';
+export * from './LeaveStreamIcon';
 //# sourceMappingURL=index.js.map

package/dist/module/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["icons/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB"}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["icons/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB"}

package/dist/module/providers/MediaStreamManagement.js

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import { useAppStateListener } from '../utils/hooks';
+import { NativeModules, Platform } from 'react-native';
 /**
  *
  * Provides `MediaStreamManagement` wrapper that allow the integrators to handle:
@@ -28,8 +29,20 @@ export const MediaStreamManagement = _ref => {
     var _call$camera;
     call === null || call === void 0 || (_call$camera = call.camera) === null || _call$camera === void 0 || _call$camera.resume();
   }, () => {
-    var _call$camera2;
-    call === null || call === void 0 || (_call$camera2 = call.camera) === null || _call$camera2 === void 0 || _call$camera2.disable();
+    if (Platform.OS === 'android') {
+      var _NativeModules$Stream;
+      // in Android, we need to check if we are in PiP mode
+      // in PiP mode, we don't want to disable the camera
+      NativeModules === null || NativeModules === void 0 || (_NativeModules$Stream = NativeModules.StreamVideoReactNative) === null || _NativeModules$Stream === void 0 || _NativeModules$Stream.isInPiPMode().then(isInPiP => {
+        if (!isInPiP) {
+          var _call$camera2;
+          call === null || call === void 0 || (_call$camera2 = call.camera) === null || _call$camera2 === void 0 || _call$camera2.disable();
+        }
+      });
+    } else {
+      var _call$camera3;
+      call === null || call === void 0 || (_call$camera3 = call.camera) === null || _call$camera3 === void 0 || _call$camera3.disable();
+    }
   });
   const [{
     initialAudioEnabled,

package/dist/module/providers/MediaStreamManagement.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","useCall","useCallStateHooks","useAppStateListener","MediaStreamManagement","_ref","initialAudioEnabled","propInitialAudioEnabled","initialVideoEnabled","propInitialVideoEnabled","children","call","useCallSettings","_call$camera","camera","resume","_call$camera2","disable","setInitialDeviceState","undefined","settings","audio","video","prev","initAudio","mic_default_on","initVideo","camera_default_on","microphone","enable","createElement","Fragment"],"sourceRoot":"../../../src","sources":["providers/MediaStreamManagement.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","useCall","useCallStateHooks","useAppStateListener","NativeModules","Platform","MediaStreamManagement","_ref","initialAudioEnabled","propInitialAudioEnabled","initialVideoEnabled","propInitialVideoEnabled","children","call","useCallSettings","_call$camera","camera","resume","OS","_NativeModules$Stream","StreamVideoReactNative","isInPiPMode","then","isInPiP","_call$camera2","disable","_call$camera3","setInitialDeviceState","undefined","settings","audio","video","prev","initAudio","mic_default_on","initVideo","camera_default_on","microphone","enable","createElement","Fragment"],"sourceRoot":"../../../src","sources":["providers/MediaStreamManagement.tsx"],"mappings":"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"}