@100mslive/react-native-room-kit 1.0.1 → 1.0.2-beta.1

package/lib/module/components/HMSNotifications.js

@@ -4,7 +4,11 @@ import { StyleSheet, View } from 'react-native';
 import { HMSLocalScreenshareNotification } from './HMSLocalScreenshareNotification';
 import { HMSHandRaiseNotification } from './HMSHandRaiseNotification';
 import { HMSRoleChangeDeclinedNotification } from './HMSRoleChangeDeclinedNotification';
-import { NotificationTypes } from '../utils';
+import { NotificationTypes } from '../types';
+import { HMSTerminalErrorNotification } from './HMSTerminalErrorNotification';
+import { HMSNotification } from './HMSNotification';
+import { AlertTriangleIcon } from '../Icons';
+import { HMSReconnectingNotification } from './HMSReconnectingNotification';
 const LOCAL_SCREENSHARE_PAYLOAD = {
   id: NotificationTypes.LOCAL_SCREENSHARE,
   type: NotificationTypes.LOCAL_SCREENSHARE
@@ -66,7 +70,7 @@ export const HMSNotifications = () => {
       }, atBottom ? null : styles.notificationWrapper, atBottom ? null : {
         bottom: index * 16
       }]
-    }, notification.type === NotificationTypes.LOCAL_SCREENSHARE ? /*#__PURE__*/React.createElement(HMSLocalScreenshareNotification, null) : notification.type === NotificationTypes.HAND_RAISE && 'peer' in notification ? /*#__PURE__*/React.createElement(HMSHandRaiseNotification, {
+    }, notification.type === NotificationTypes.LOCAL_SCREENSHARE ? /*#__PURE__*/React.createElement(HMSLocalScreenshareNotification, null) : notification.type === NotificationTypes.RECONNECTING ? /*#__PURE__*/React.createElement(HMSReconnectingNotification, null) : notification.type === NotificationTypes.HAND_RAISE && 'peer' in notification ? /*#__PURE__*/React.createElement(HMSHandRaiseNotification, {
       id: notification.id,
       peer: notification.peer,
       autoDismiss: atTop,
@@ -76,9 +80,31 @@ export const HMSNotifications = () => {
       peerName: notification.peer.name,
       autoDismiss: atTop,
       dismissDelay: 10000
+    }) : notification.type === NotificationTypes.TERMINAL_ERROR && 'exception' in notification ? /*#__PURE__*/React.createElement(HMSTerminalErrorNotification, {
+      id: notification.id,
+      exception: notification.exception,
+      autoDismiss: false
+    }) : notification.type === NotificationTypes.ERROR && 'message' in notification ? /*#__PURE__*/React.createElement(HMSNotification, {
+      icon: /*#__PURE__*/React.createElement(AlertTriangleIcon, {
+        type: "line"
+      }),
+      id: notification.id,
+      text: notification.message,
+      autoDismiss: false,
+      dismissable: true
     }) : null);
   }));
 };
+export const useHMSNotificationsHeight = () => {
+  const numberOfNotifications = useSelector(state => {
+    const allNotifications = state.app.notifications;
+    const isLocalScreenShared = state.hmsStates.isLocalScreenShared;
+    return Math.min(allNotifications.length, isLocalScreenShared ? 2 : 3) + (isLocalScreenShared ? 1 : 0);
+  });
+  if (numberOfNotifications === 0) return 0;
+  return 8 + (numberOfNotifications - 1) * 16 + 56; // marginBottom + calculated paddingTop + content
+};
+
 const styles = StyleSheet.create({
   absoluteContainer: {
     position: 'relative',

package/lib/module/components/HMSNotifications.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","shallowEqual","useSelector","StyleSheet","View","HMSLocalScreenshareNotification","HMSHandRaiseNotification","HMSRoleChangeDeclinedNotification","NotificationTypes","LOCAL_SCREENSHARE_PAYLOAD","id","LOCAL_SCREENSHARE","type","HMSNotifications","isLocalScreenShared","state","hmsStates","notifications","allNotifications","app","list","push","length","firstNotification","secondNotification","thirdNotification","createElement","style","styles","absoluteContainer","paddingTop","map","notification","index","arr","atTop","atBottom","key","transform","scale","getScale","notificationWrapper","bottom","HAND_RAISE","peer","autoDismiss","dismissDelay","ROLE_CHANGE_DECLINED","peerName","name","create","position","marginBottom","width","totalItem","current"],"sourceRoot":"../../../src","sources":["components/HMSNotifications.tsx"],"mappings":"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"}
+{"version":3,"names":["React","shallowEqual","useSelector","StyleSheet","View","HMSLocalScreenshareNotification","HMSHandRaiseNotification","HMSRoleChangeDeclinedNotification","NotificationTypes","HMSTerminalErrorNotification","HMSNotification","AlertTriangleIcon","HMSReconnectingNotification","LOCAL_SCREENSHARE_PAYLOAD","id","LOCAL_SCREENSHARE","type","HMSNotifications","isLocalScreenShared","state","hmsStates","notifications","allNotifications","app","list","push","length","firstNotification","secondNotification","thirdNotification","createElement","style","styles","absoluteContainer","paddingTop","map","notification","index","arr","atTop","atBottom","key","transform","scale","getScale","notificationWrapper","bottom","RECONNECTING","HAND_RAISE","peer","autoDismiss","dismissDelay","ROLE_CHANGE_DECLINED","peerName","name","TERMINAL_ERROR","exception","ERROR","icon","text","message","dismissable","useHMSNotificationsHeight","numberOfNotifications","Math","min","create","position","marginBottom","width","totalItem","current"],"sourceRoot":"../../../src","sources":["components/HMSNotifications.tsx"],"mappings":"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"}

package/lib/module/components/HMSOverlayChatView.js

@@ -5,10 +5,16 @@ import MaskedView from '@react-native-masked-view/masked-view';
 import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
 import { HMSSendMessageInput } from './HMSSendMessageInput';
 import { HMSHLSMessageList } from './HMSHLSMessageList';
+import { useFooterHeight } from './Footer';
+import { useHMSNotificationsHeight } from './HMSNotifications';
 const colors = ['rgba(0, 0, 0, 0)', 'rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'];
 const colorLocations = [0, 0.4, 1];
 export const HLSChatView = () => {
-  return /*#__PURE__*/React.createElement(HMSKeyboardAvoidingView, null, /*#__PURE__*/React.createElement(MaskedView, {
+  const footerHeight = useFooterHeight();
+  const hmsNotificationsHeight = useHMSNotificationsHeight();
+  return /*#__PURE__*/React.createElement(HMSKeyboardAvoidingView, {
+    bottomOffset: footerHeight + hmsNotificationsHeight
+  }, /*#__PURE__*/React.createElement(MaskedView, {
     maskElement: /*#__PURE__*/React.createElement(LinearGradient, {
       pointerEvents: "box-none",
       style: StyleSheet.absoluteFill,

package/lib/module/components/HMSOverlayChatView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","LinearGradient","MaskedView","HMSKeyboardAvoidingView","HMSSendMessageInput","HMSHLSMessageList","colors","colorLocations","HLSChatView","createElement","maskElement","pointerEvents","style","absoluteFill","locations"],"sourceRoot":"../../../src","sources":["components/HMSOverlayChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,UAAU,MAAM,uCAAuC;AAE9D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,MAAM,GAAG,CACb,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,CACzB;AACD,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AAElC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,oBACET,KAAA,CAAAU,aAAA,CAACN,uBAAuB,qBACtBJ,KAAA,CAAAU,aAAA,CAACP,UAAU;IACTQ,WAAW,eACTX,KAAA,CAAAU,aAAA,CAACR,cAAc;MACbU,aAAa,EAAC,UAAU;MACxBC,KAAK,EAAEZ,UAAU,CAACa,YAAa;MAC/BP,MAAM,EAAEA,MAAO;MACfQ,SAAS,EAAEP;IAAe,CAC3B;EACF,gBAEDR,KAAA,CAAAU,aAAA,CAACJ,iBAAiB,MAAE,CACV,CAAC,eAEbN,KAAA,CAAAU,aAAA,CAACL,mBAAmB,MAAE,CACC,CAAC;AAE9B,CAAC"}
+{"version":3,"names":["React","StyleSheet","LinearGradient","MaskedView","HMSKeyboardAvoidingView","HMSSendMessageInput","HMSHLSMessageList","useFooterHeight","useHMSNotificationsHeight","colors","colorLocations","HLSChatView","footerHeight","hmsNotificationsHeight","createElement","bottomOffset","maskElement","pointerEvents","style","absoluteFill","locations"],"sourceRoot":"../../../src","sources":["components/HMSOverlayChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,UAAU,MAAM,uCAAuC;AAE9D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,yBAAyB,QAAQ,oBAAoB;AAE9D,MAAMC,MAAM,GAAG,CACb,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,CACzB;AACD,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AAElC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EACtC,MAAMM,sBAAsB,GAAGL,yBAAyB,CAAC,CAAC;EAE1D,oBACER,KAAA,CAAAc,aAAA,CAACV,uBAAuB;IAACW,YAAY,EAAEH,YAAY,GAAGC;EAAuB,gBAC3Eb,KAAA,CAAAc,aAAA,CAACX,UAAU;IACTa,WAAW,eACThB,KAAA,CAAAc,aAAA,CAACZ,cAAc;MACbe,aAAa,EAAC,UAAU;MACxBC,KAAK,EAAEjB,UAAU,CAACkB,YAAa;MAC/BV,MAAM,EAAEA,MAAO;MACfW,SAAS,EAAEV;IAAe,CAC3B;EACF,gBAEDV,KAAA,CAAAc,aAAA,CAACR,iBAAiB,MAAE,CACV,CAAC,eAEbN,KAAA,CAAAc,aAAA,CAACT,mBAAmB,MAAE,CACC,CAAC;AAE9B,CAAC"}

package/lib/module/components/HMSReconnectingNotification.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { ActivityIndicator } from 'react-native';
+import { HMSNotification } from './HMSNotification';
+import { useHMSRoomColorPalette, useHMSRoomStyle } from '../hooks-util';
+import { NotificationTypes } from '../types';
+export const HMSReconnectingNotification = () => {
+  const {
+    on_surface_high: onSurfaceHigh
+  } = useHMSRoomColorPalette();
+  const notificationStyle = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.surface_default
+  }));
+  return /*#__PURE__*/React.createElement(HMSNotification, {
+    id: NotificationTypes.RECONNECTING,
+    autoDismiss: false,
+    style: notificationStyle,
+    text: 'You lost your network connection. Trying to reconnect.',
+    icon: /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "small",
+      color: onSurfaceHigh
+    })
+  });
+};
+//# sourceMappingURL=HMSReconnectingNotification.js.map

package/lib/module/components/HMSReconnectingNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","HMSNotification","useHMSRoomColorPalette","useHMSRoomStyle","NotificationTypes","HMSReconnectingNotification","on_surface_high","onSurfaceHigh","notificationStyle","theme","backgroundColor","palette","surface_default","createElement","id","RECONNECTING","autoDismiss","style","text","icon","size","color"],"sourceRoot":"../../../src","sources":["components/HMSReconnectingNotification.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,cAAc;AAEhD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,eAAe;AACvE,SAASC,iBAAiB,QAAQ,UAAU;AAI5C,OAAO,MAAMC,2BAEZ,GAAGA,CAAA,KAAM;EACR,MAAM;IAAEC,eAAe,EAAEC;EAAc,CAAC,GAAGL,sBAAsB,CAAC,CAAC;EACnE,MAAMM,iBAAiB,GAAGL,eAAe,CAAEM,KAAK,KAAM;IACpDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,oBACEb,KAAA,CAAAc,aAAA,CAACZ,eAAe;IACda,EAAE,EAAEV,iBAAiB,CAACW,YAAa;IACnCC,WAAW,EAAE,KAAM;IACnBC,KAAK,EAAET,iBAAkB;IACzBU,IAAI,EAAE,wDAAyD;IAC/DC,IAAI,eAAEpB,KAAA,CAAAc,aAAA,CAACb,iBAAiB;MAACoB,IAAI,EAAC,OAAO;MAACC,KAAK,EAAEd;IAAc,CAAE;EAAE,CAChE,CAAC;AAEN,CAAC"}

package/lib/module/components/HMSRecordingIndicator.js

@@ -10,7 +10,7 @@ export const HMSRecordingIndicator = () => {
   });
   const startingOrStoppingRecording = useSelector(state => {
     var _state$hmsStates$room2;
-    return state.app.startingOrStoppingRecording || ((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.browserRecordingState.initialising);
+    return state.app.startingOrStoppingRecording || (((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.browserRecordingState.initialising) ?? false);
   });
   const {
     on_surface_high: onSurfaceHighColor

package/lib/module/components/HMSRecordingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","ActivityIndicator","StyleSheet","RecordingIcon","useHMSRoomColorPalette","useHMSRoomStyle","HMSRecordingIndicator","isRecordingOn","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","_state$hmsStates$room2","app","initialising","on_surface_high","onSurfaceHighColor","iconStyles","theme","tintColor","palette","alert_error_default","createElement","size","color","style","styles","rightSpace","icon","create","width","height","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAG5D,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,eAAe;AAEvE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,aAAa,GAAGP,WAAW,CAC9BQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,GAAAA,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,qBAAqB,cAAAH,qBAAA,eAA3CA,qBAAA,CAA6CI,OAAO;EAAA,CAC9E,CAAC;EACD,MAAMC,2BAA2B,GAAGd,WAAW,CAC5CQ,KAAgB;IAAA,IAAAO,sBAAA;IAAA,OACfP,KAAK,CAACQ,GAAG,CAACF,2BAA2B,MAAAC,sBAAA,GACrCP,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAI,sBAAA,uBAApBA,sBAAA,CAAsBH,qBAAqB,CAACK,YAAY;EAAA,CAC5D,CAAC;EAED,MAAM;IAAEC,eAAe,EAAEC;EAAmB,CAAC,GAAGf,sBAAsB,CAAC,CAAC;EAExE,MAAMgB,UAAU,GAAGf,eAAe,CAAEgB,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,IAAIV,2BAA2B,EAAE;IAC/B,oBACEf,KAAA,CAAA0B,aAAA,CAACxB,iBAAiB;MAChByB,IAAI,EAAE,OAAQ;MACdC,KAAK,EAAER,kBAAmB;MAC1BS,KAAK,EAAEC,MAAM,CAACC;IAAW,CAC1B,CAAC;EAEN;EAEA,IAAIvB,aAAa,EAAE;IACjB,oBACER,KAAA,CAAA0B,aAAA,CAACtB,aAAa;MAACyB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACC,UAAU,EAAEV,UAAU;IAAE,CAAE,CAAC;EAE1E;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMS,MAAM,GAAG3B,UAAU,CAAC8B,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDJ,UAAU,EAAE;IACVK,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useSelector","ActivityIndicator","StyleSheet","RecordingIcon","useHMSRoomColorPalette","useHMSRoomStyle","HMSRecordingIndicator","isRecordingOn","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","_state$hmsStates$room2","app","initialising","on_surface_high","onSurfaceHighColor","iconStyles","theme","tintColor","palette","alert_error_default","createElement","size","color","style","styles","rightSpace","icon","create","width","height","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAG5D,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,eAAe;AAEvE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,aAAa,GAAGP,WAAW,CAC9BQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,GAAAA,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,qBAAqB,cAAAH,qBAAA,eAA3CA,qBAAA,CAA6CI,OAAO;EAAA,CAC9E,CAAC;EACD,MAAMC,2BAA2B,GAAGd,WAAW,CAC5CQ,KAAgB;IAAA,IAAAO,sBAAA;IAAA,OACfP,KAAK,CAACQ,GAAG,CAACF,2BAA2B,KACpC,EAAAC,sBAAA,GAAAP,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAI,sBAAA,uBAApBA,sBAAA,CAAsBH,qBAAqB,CAACK,YAAY,KAAI,KAAK,CAAC;EAAA,CACvE,CAAC;EAED,MAAM;IAAEC,eAAe,EAAEC;EAAmB,CAAC,GAAGf,sBAAsB,CAAC,CAAC;EAExE,MAAMgB,UAAU,GAAGf,eAAe,CAAEgB,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,IAAIV,2BAA2B,EAAE;IAC/B,oBACEf,KAAA,CAAA0B,aAAA,CAACxB,iBAAiB;MAChByB,IAAI,EAAE,OAAQ;MACdC,KAAK,EAAER,kBAAmB;MAC1BS,KAAK,EAAEC,MAAM,CAACC;IAAW,CAC1B,CAAC;EAEN;EAEA,IAAIvB,aAAa,EAAE;IACjB,oBACER,KAAA,CAAA0B,aAAA,CAACtB,aAAa;MAACyB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACC,UAAU,EAAEV,UAAU;IAAE,CAAE,CAAC;EAE1E;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMS,MAAM,GAAG3B,UAAU,CAAC8B,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDJ,UAAU,EAAE;IACVK,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/HMSTerminalErrorNotification.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { StyleSheet, Text, TouchableOpacity } from 'react-native';
+import { HMSNotification } from './HMSNotification';
+import { AlertTriangleIcon } from '../Icons';
+import { useHMSRoomStyleSheet, useLeaveMethods } from '../hooks-util';
+import { OnLeaveReason } from '../utils/types';
+import { COLORS } from '../utils/theme';
+export const HMSTerminalErrorNotification = _ref => {
+  let {
+    id,
+    exception,
+    autoDismiss,
+    dismissDelay
+  } = _ref;
+  const {
+    leave
+  } = useLeaveMethods();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    button: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    buttonText: {
+      color: COLORS.WHITE,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const handleLeaveRoomPress = () => {
+    leave(OnLeaveReason.NETWORK_ISSUES);
+  };
+  return /*#__PURE__*/React.createElement(HMSNotification, {
+    id: id,
+    icon: /*#__PURE__*/React.createElement(AlertTriangleIcon, null),
+    text: exception.description || 'Something went wrong!',
+    dismissDelay: dismissDelay,
+    autoDismiss: autoDismiss,
+    cta: /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.button, hmsRoomStyles.button],
+      onPress: handleLeaveRoomPress
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.buttonText, hmsRoomStyles.buttonText]
+    }, "Leave"))
+  });
+};
+const styles = StyleSheet.create({
+  button: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    marginRight: 16
+  },
+  buttonText: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=HMSTerminalErrorNotification.js.map

package/lib/module/components/HMSTerminalErrorNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","HMSNotification","AlertTriangleIcon","useHMSRoomStyleSheet","useLeaveMethods","OnLeaveReason","COLORS","HMSTerminalErrorNotification","_ref","id","exception","autoDismiss","dismissDelay","leave","hmsRoomStyles","theme","typography","button","backgroundColor","palette","alert_error_default","buttonText","color","WHITE","fontFamily","font_family","handleLeaveRoomPress","NETWORK_ISSUES","createElement","icon","text","description","cta","style","styles","onPress","create","paddingVertical","paddingHorizontal","borderRadius","marginRight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSTerminalErrorNotification.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAEjE,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,eAAe;AACrE,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,MAAM,QAAQ,gBAAgB;AASvC,OAAO,MAAMC,4BAEZ,GAAGC,IAAA,IAAkD;EAAA,IAAjD;IAAEC,EAAE;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAAAJ,IAAA;EAC/C,MAAM;IAAEK;EAAM,CAAC,GAAGT,eAAe,CAAC,CAAC;EAEnC,MAAMU,aAAa,GAAGX,oBAAoB,CAAC,CAACY,KAAK,EAAEC,UAAU,MAAM;IACjEC,MAAM,EAAE;MACNC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAEhB,MAAM,CAACiB,KAAK;MACnBC,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;IACjCb,KAAK,CAACR,aAAa,CAACsB,cAAc,CAAC;EACrC,CAAC;EAED,oBACE9B,KAAA,CAAA+B,aAAA,CAAC3B,eAAe;IACdQ,EAAE,EAAEA,EAAG;IACPoB,IAAI,eAAEhC,KAAA,CAAA+B,aAAA,CAAC1B,iBAAiB,MAAE,CAAE;IAC5B4B,IAAI,EAAEpB,SAAS,CAACqB,WAAW,IAAI,uBAAwB;IACvDnB,YAAY,EAAEA,YAAa;IAC3BD,WAAW,EAAEA,WAAY;IACzBqB,GAAG,eACDnC,KAAA,CAAA+B,aAAA,CAAC5B,gBAAgB;MACfiC,KAAK,EAAE,CAACC,MAAM,CAACjB,MAAM,EAAEH,aAAa,CAACG,MAAM,CAAE;MAC7CkB,OAAO,EAAET;IAAqB,gBAE9B7B,KAAA,CAAA+B,aAAA,CAAC7B,IAAI;MAACkC,KAAK,EAAE,CAACC,MAAM,CAACb,UAAU,EAAEP,aAAa,CAACO,UAAU;IAAE,GAAC,OAEtD,CACU;EAClB,CACH,CAAC;AAEN,CAAC;AAED,MAAMa,MAAM,GAAGpC,UAAU,CAACsC,MAAM,CAAC;EAC/BnB,MAAM,EAAE;IACNoB,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE;EACf,CAAC;EACDnB,UAAU,EAAE;IACVoB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/LeaveRoomBottomSheet.js

@@ -0,0 +1,167 @@
+import * as React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { LeaveIcon } from '../Icons';
+import { useHMSRoomStyleSheet, useLeaveMethods, useModalType } from '../hooks-util';
+import { BottomSheet } from './BottomSheet';
+import { StopIcon } from '../Icons';
+import { ModalTypes, OnLeaveReason } from '../utils/types';
+
+// const HEADER_CONTENT_HEIGHT = 24 + 8 + 8 + 2; // ICON_SIZE + TOP_PADDING + BOTTOM_PADDING + TOP&BOTTOM_BORDER_WIDTH
+// const HEADER_HEIGHT = 8 + HEADER_CONTENT_HEIGHT + 8; // TOP_HEADER_PADDING + HEADER_CONTENT_HEIGHT + BOTTOM_HEADER_PADDING
+export const LeaveRoomBottomSheet = () => {
+  const canEndRoom = useSelector(state => {
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.permissions) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.endRoom;
+  });
+  const canStream = useSelector(state => {
+    var _state$hmsStates$loca2;
+    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.permissions) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.hlsStreaming;
+  });
+  const isStreaming = useSelector(state => {
+    var _state$hmsStates$room;
+    return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.running) ?? false;
+  });
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    text: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    subtext: {
+      color: theme.palette.on_surface_low,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    endButton: {
+      backgroundColor: theme.palette.alert_error_dim
+    },
+    endText: {
+      color: theme.palette.alert_error_brighter,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    endSubtext: {
+      color: theme.palette.alert_error_bright,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    endIcon: {
+      tintColor: theme.palette.alert_error_brighter
+    }
+  }));
+  const leavePopCloseAction = React.useRef(ModalTypes.DEFAULT);
+  const {
+    modalVisibleType,
+    handleModalVisibleType
+  } = useModalType();
+  const {
+    leave
+  } = useLeaveMethods();
+
+  /**
+   * Closes the Leave Popup Menu
+   * No action is taken when the popup is hidden
+   */
+  const onPopupDismiss = () => {
+    leavePopCloseAction.current = ModalTypes.DEFAULT;
+    handleModalVisibleType(ModalTypes.DEFAULT);
+  };
+
+  /**
+   * Closes the Leave Popup Menu
+   * Leave Modal will open after the popup is hidden
+   */
+  const onLeavePress = async () => {
+    leavePopCloseAction.current = ModalTypes.DEFAULT;
+    handleModalVisibleType(ModalTypes.DEFAULT);
+    await leave(OnLeaveReason.LEAVE);
+  };
+
+  /**
+   * Closes the Leave Popup Menu
+   * End Session Modal will open after the popup is hidden
+   */
+  const onEndSessionPress = async () => {
+    leavePopCloseAction.current = ModalTypes.END_ROOM;
+    handleModalVisibleType(ModalTypes.DEFAULT);
+  };
+  const onEndStreamPress = async () => {
+    leavePopCloseAction.current = ModalTypes.END_ROOM;
+    handleModalVisibleType(ModalTypes.DEFAULT);
+  };
+
+  /**
+   * Handles action to take when the leave popup is hidden
+   */
+  const handlePopupHide = () => {
+    if (leavePopCloseAction.current !== ModalTypes.DEFAULT) {
+      handleModalVisibleType(leavePopCloseAction.current);
+    }
+  };
+  return /*#__PURE__*/React.createElement(BottomSheet, {
+    isVisible: modalVisibleType === ModalTypes.LEAVE_ROOM,
+    containerStyle: styles.container,
+    dismissModal: onPopupDismiss,
+    onModalHide: handlePopupHide,
+    animationOutTiming: 700
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: onLeavePress
+  }, /*#__PURE__*/React.createElement(LeaveIcon, {
+    style: styles.icon
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, hmsRoomStyles.text]
+  }, "Leave"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtext, hmsRoomStyles.subtext]
+  }, "Others will continue after you leave. You can join the session again."))), canStream && isStreaming ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.button, hmsRoomStyles.endButton],
+    onPress: onEndStreamPress
+  }, /*#__PURE__*/React.createElement(StopIcon, {
+    style: [styles.icon, hmsRoomStyles.endIcon]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, hmsRoomStyles.endText]
+  }, "End Stream"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtext, hmsRoomStyles.endSubtext]
+  }, "The stream will end for everyone after they\u2019ve watched it."))) : canEndRoom ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.button, hmsRoomStyles.endButton],
+    onPress: onEndSessionPress
+  }, /*#__PURE__*/React.createElement(StopIcon, {
+    style: [styles.icon, hmsRoomStyles.endIcon]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, hmsRoomStyles.endText]
+  }, "End Session"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtext, hmsRoomStyles.endSubtext]
+  }, "The session will end for everyone in the room immediately."))) : null));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingBottom: 0
+  },
+  button: {
+    flexDirection: 'row',
+    padding: 24
+  },
+  icon: {
+    width: 24,
+    height: 24,
+    marginRight: 16
+  },
+  textContainer: {
+    flex: 1
+  },
+  text: {
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15
+  },
+  subtext: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    marginTop: 4
+  }
+});
+//# sourceMappingURL=LeaveRoomBottomSheet.js.map

package/lib/module/components/LeaveRoomBottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useSelector","LeaveIcon","useHMSRoomStyleSheet","useLeaveMethods","useModalType","BottomSheet","StopIcon","ModalTypes","OnLeaveReason","LeaveRoomBottomSheet","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","canStream","_state$hmsStates$loca2","hlsStreaming","isStreaming","_state$hmsStates$room","room","hlsStreamingState","running","hmsRoomStyles","theme","typography","text","color","palette","on_surface_high","fontFamily","font_family","subtext","on_surface_low","endButton","backgroundColor","alert_error_dim","endText","alert_error_brighter","endSubtext","alert_error_bright","endIcon","tintColor","leavePopCloseAction","useRef","DEFAULT","modalVisibleType","handleModalVisibleType","leave","onPopupDismiss","current","onLeavePress","LEAVE","onEndSessionPress","END_ROOM","onEndStreamPress","handlePopupHide","createElement","isVisible","LEAVE_ROOM","containerStyle","styles","container","dismissModal","onModalHide","animationOutTiming","style","button","onPress","icon","textContainer","create","paddingBottom","flexDirection","padding","width","height","marginRight","flex","fontSize","lineHeight","letterSpacing","marginTop"],"sourceRoot":"../../../src","sources":["components/LeaveRoomBottomSheet.tsx"],"mappings":"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"}

package/lib/module/components/Meeting.js

@@ -3,7 +3,7 @@ import { StyleSheet, View } from 'react-native';
 import { useSelector } from 'react-redux';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useRTCStatsListeners } from '../utils/hooks';
-import { clearPendingModalTasks, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSReconnection, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, useIsHLSViewer, usePIPListener } from '../hooks-util';
+import { clearPendingModalTasks, useAutoPip, useBackButtonPress, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSReconnection, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, useIsHLSViewer, usePIPListener } from '../hooks-util';
 import { MeetingScreenContent } from './MeetingScreenContent';
 import { HMSHLSStreamLoading } from './HMSHLSStreamLoading';
 export const Meeting = _ref => {
@@ -31,6 +31,10 @@ export const Meeting = _ref => {
 
   // Subscribe to Peers Network quality updates
   useHMSNetworkQualityUpdate();
+  useAutoPip(peerTrackNodes.length === 1);
+
+  // Handle Back button press and show leave room modal
+  useBackButtonPress();
 
   // Clearing any pending modal opening tasks
   React.useEffect(() => {

package/lib/module/components/Meeting.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useSelector","SafeAreaView","useRTCStatsListeners","clearPendingModalTasks","useFetchHMSRoles","useHMSMessages","useHMSNetworkQualityUpdate","useHMSPIPRoomLeave","useHMSReconnection","useHMSRemovedFromRoomUpdate","useHMSRoomStyle","useIsHLSViewer","usePIPListener","MeetingScreenContent","HMSHLSStreamLoading","Meeting","_ref","peerTrackNodes","startingHLSStream","state","app","isHLSViewer","useEffect","containerStyles","theme","backgroundColor","palette","background_dim","createElement","Container","style","styles","container","edges","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAG7D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SACEC,sBAAsB,EACtBC,gBAAgB,EAChBC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClBC,kBAAkB,EAClBC,2BAA2B,EAC3BC,eAAe,EACfC,cAAc,EACdC,cAAc,QACT,eAAe;AACtB,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC;EAAe,CAAC,GAAAD,IAAA;EAChE,MAAME,iBAAiB,GAAGlB,WAAW,CAClCmB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;EAED,MAAMG,WAAW,GAAGV,cAAc,CAAC,CAAC;;EAEpC;;EAEAP,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBG,kBAAkB,CAAC,CAAC;EAEpBC,2BAA2B,CAAC,CAAC;;EAE7B;EACAF,kBAAkB,CAAC,CAAC;;EAEpB;EACAK,cAAc,CAAC,CAAC;;EAEhB;EACAV,oBAAoB,CAAC,CAAC;;EAEtB;EACAI,0BAA0B,CAAC,CAAC;;EAE5B;EACAT,KAAK,CAACyB,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXnB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoB,eAAe,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIT,iBAAiB,EAAE;IACrB,oBAAOrB,KAAA,CAAA+B,aAAA,CAACd,mBAAmB,MAAE,CAAC;EAChC;EAEA,MAAMe,SAAS,GAAGR,WAAW,GAAGtB,IAAI,GAAGE,YAAY;;EAEnD;AACF;AACA;AACA;AACA;AACA;EACE,oBACEJ,KAAA,CAAA+B,aAAA,CAACC,SAAS;IACRC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAET,eAAe,CAAE;IAC3CU,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO;EAAE,gBAEzBpC,KAAA,CAAA+B,aAAA,CAACf,oBAAoB;IAACI,cAAc,EAAEA;EAAe,CAAE,CAG9C,CAAC;AAEhB,CAAC;AAED,MAAMc,MAAM,GAAGjC,UAAU,CAACoC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","View","useSelector","SafeAreaView","useRTCStatsListeners","clearPendingModalTasks","useAutoPip","useBackButtonPress","useFetchHMSRoles","useHMSMessages","useHMSNetworkQualityUpdate","useHMSPIPRoomLeave","useHMSReconnection","useHMSRemovedFromRoomUpdate","useHMSRoomStyle","useIsHLSViewer","usePIPListener","MeetingScreenContent","HMSHLSStreamLoading","Meeting","_ref","peerTrackNodes","startingHLSStream","state","app","isHLSViewer","length","useEffect","containerStyles","theme","backgroundColor","palette","background_dim","createElement","Container","style","styles","container","edges","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAG7D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SACEC,sBAAsB,EACtBC,UAAU,EACVC,kBAAkB,EAClBC,gBAAgB,EAChBC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClBC,kBAAkB,EAClBC,2BAA2B,EAC3BC,eAAe,EACfC,cAAc,EACdC,cAAc,QACT,eAAe;AACtB,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC;EAAe,CAAC,GAAAD,IAAA;EAChE,MAAME,iBAAiB,GAAGpB,WAAW,CAClCqB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;EAED,MAAMG,WAAW,GAAGV,cAAc,CAAC,CAAC;;EAEpC;;EAEAP,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBG,kBAAkB,CAAC,CAAC;EAEpBC,2BAA2B,CAAC,CAAC;;EAE7B;EACAF,kBAAkB,CAAC,CAAC;;EAEpB;EACAK,cAAc,CAAC,CAAC;;EAEhB;EACAZ,oBAAoB,CAAC,CAAC;;EAEtB;EACAM,0BAA0B,CAAC,CAAC;EAE5BJ,UAAU,CAACe,cAAc,CAACK,MAAM,KAAK,CAAC,CAAC;;EAEvC;EACAnB,kBAAkB,CAAC,CAAC;;EAEpB;EACAR,KAAK,CAAC4B,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXtB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMuB,eAAe,GAAGd,eAAe,CAAEe,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIV,iBAAiB,EAAE;IACrB,oBAAOvB,KAAA,CAAAkC,aAAA,CAACf,mBAAmB,MAAE,CAAC;EAChC;EAEA,MAAMgB,SAAS,GAAGT,WAAW,GAAGxB,IAAI,GAAGE,YAAY;;EAEnD;AACF;AACA;AACA;AACA;AACA;EACE,oBACEJ,KAAA,CAAAkC,aAAA,CAACC,SAAS;IACRC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAET,eAAe,CAAE;IAC3CU,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO;EAAE,gBAEzBvC,KAAA,CAAAkC,aAAA,CAAChB,oBAAoB;IAACI,cAAc,EAAEA;EAAe,CAAE,CAG9C,CAAC;AAEhB,CAAC;AAED,MAAMe,MAAM,GAAGpC,UAAU,CAACuC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/MeetingScreenContent.js

@@ -11,7 +11,8 @@ import { HMSStatusBar } from './StatusBar';
 import { AnimatedFooter } from './AnimatedFooter';
 import { HLSFooter } from './HLSFooter';
 import { AnimatedHeader } from './AnimatedHeader';
-import { ReconnectionView } from './ReconnectionView';
+// import { ReconnectionView } from './ReconnectionView';
+
 export const MeetingScreenContent = _ref => {
   let {
     peerTrackNodes
@@ -82,7 +83,7 @@ export const MeetingScreenContent = _ref => {
   })), /*#__PURE__*/React.createElement(DisplayView, {
     offset: offset,
     peerTrackNodes: peerTrackNodes
-  }), /*#__PURE__*/React.createElement(ReconnectionView, null)), isPipModeActive ? null : isHLSViewer ? /*#__PURE__*/React.createElement(HLSFooter, {
+  })), isPipModeActive ? null : isHLSViewer ? /*#__PURE__*/React.createElement(HLSFooter, {
     offset: offset
   }) : /*#__PURE__*/React.createElement(AnimatedFooter, {
     offset: offset

package/lib/module/components/MeetingScreenContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","Pressable","View","useSelector","Easing","cancelAnimation","runOnJS","useSharedValue","withTiming","PipModes","Footer","DisplayView","Header","useIsHLSViewer","HMSStatusBar","AnimatedFooter","HLSFooter","AnimatedHeader","ReconnectionView","MeetingScreenContent","_ref","peerTrackNodes","offset","isHLSViewer","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","toggleControls","current","clearTimeout","value","duration","easing","ease","finished","createElement","onPress","style","styles","container","disabled","hidden","barStyle","reconnectionWrapper","transparent","showControls","create","flex","position","takeLessSpaceAsItCan"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","Pressable","View","useSelector","Easing","cancelAnimation","runOnJS","useSharedValue","withTiming","PipModes","Footer","DisplayView","Header","useIsHLSViewer","HMSStatusBar","AnimatedFooter","HLSFooter","AnimatedHeader","MeetingScreenContent","_ref","peerTrackNodes","offset","isHLSViewer","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","toggleControls","current","clearTimeout","value","duration","easing","ease","finished","createElement","onPress","style","styles","container","disabled","hidden","barStyle","reconnectionWrapper","transparent","showControls","create","flex","position","takeLessSpaceAsItCan"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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"}

package/lib/module/components/PIPView.js

@@ -1,31 +1,96 @@
 import * as React from 'react';
-import { useSelector } from 'react-redux';
+import { shallowEqual, useSelector } from 'react-redux';
+import { View } from 'react-native';
 import { PeerVideoTileView } from './PeerVideoTile/PeerVideoTileView';
+import { COLORS } from '../utils/theme';
 const PIPView = _ref => {
   let {
     peerTrackNodes,
     customView
   } = _ref;
-  const memoDominantSpeakerIdRef = React.useRef(null);
-  const dominantSpeakerId = useSelector(state => {
-    const dominantSpeaker = state.hmsStates.activeSpeakers[0];
-    return (dominantSpeaker === null || dominantSpeaker === void 0 ? void 0 : dominantSpeaker.peer.peerID) ?? null;
-  });
-  if (dominantSpeakerId) {
-    memoDominantSpeakerIdRef.current = dominantSpeakerId;
-  }
+  const firstSSNode = useSelector(state => state.app.screensharePeerTrackNodes[0]);
   if (customView) {
     return customView;
   }
-  const firstPeerTrackNode = peerTrackNodes[0];
-  const preferedPeerTrack = (memoDominantSpeakerIdRef.current ? peerTrackNodes.find(node => node.peer.peerID === memoDominantSpeakerIdRef.current) : firstPeerTrackNode) ?? firstPeerTrackNode;
-  if (!preferedPeerTrack) {
-    return null;
+  if (firstSSNode) {
+    return /*#__PURE__*/React.createElement(PeerVideoTileView, {
+      key: firstSSNode.id,
+      peerTrackNode: firstSSNode
+    });
   }
-  return /*#__PURE__*/React.createElement(PeerVideoTileView, {
-    key: preferedPeerTrack.id,
-    peerTrackNode: preferedPeerTrack
+  return /*#__PURE__*/React.createElement(PIPPeerTiles, {
+    peerTrackNodes: peerTrackNodes
   });
 };
 export default PIPView;
+const PIPPeerTiles = _ref2 => {
+  let {
+    peerTrackNodes
+  } = _ref2;
+  const memoDominantSpeakerIdsRef = React.useRef([]);
+  const dominantSpeakerIds = useSelector(state => {
+    return state.hmsStates.activeSpeakers.slice(0, 3).map(speaker => speaker.peer.peerID);
+  }, shallowEqual);
+  if (dominantSpeakerIds.length > 0 && anyNewDominantSpeaker(memoDominantSpeakerIdsRef.current, dominantSpeakerIds)) {
+    memoDominantSpeakerIdsRef.current = dominantSpeakerIds;
+  }
+  const preferredPeerTrackNodes = React.useMemo(() => {
+    return getDominantSpeakers(memoDominantSpeakerIdsRef.current, peerTrackNodes);
+  }, [memoDominantSpeakerIdsRef.current, peerTrackNodes]);
+  if (preferredPeerTrackNodes.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      flexDirection: 'row',
+      backgroundColor: COLORS.BLACK
+    }
+  }, preferredPeerTrackNodes.map((node, index, arr) => {
+    const isFirst = index === 0;
+    const dividerWidth = arr.length > 2 ? 4 : 5;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: node.id
+    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: '100%',
+        width: dividerWidth
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(PeerVideoTileView, {
+      peerTrackNode: node
+    })));
+  }));
+};
+function anyNewDominantSpeaker(oldSpeakers, newSpeakers) {
+  if (newSpeakers.length !== oldSpeakers.length) {
+    return true;
+  }
+  const uniques = new Set([...oldSpeakers, ...newSpeakers]);
+  return uniques.size > oldSpeakers.length;
+}
+function getDominantSpeakers(dominantSpeakerIds, peerTrackNodes) {
+  if (peerTrackNodes.length <= 3) {
+    return peerTrackNodes;
+  }
+  const list = peerTrackNodes.slice(0, 3);
+  let dominantSpeakerIdsCopy = dominantSpeakerIds.slice();
+  for (let i = 3; i < peerTrackNodes.length; i++) {
+    const peerTrackNode = peerTrackNodes[i];
+    if (dominantSpeakerIdsCopy.length <= 0 || !peerTrackNode) {
+      break;
+    }
+    if (dominantSpeakerIdsCopy.includes(peerTrackNode.peer.peerID)) {
+      dominantSpeakerIdsCopy = dominantSpeakerIdsCopy.filter(speakerId => speakerId !== peerTrackNode.peer.peerID);
+      list.unshift(peerTrackNode);
+    }
+  }
+  if (list.length > 3) {
+    list.length = 3;
+  }
+  return list;
+}
 //# sourceMappingURL=PIPView.js.map