@100mslive/react-native-room-kit 1.0.0 → 1.0.2-beta.0

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

@@ -8,7 +8,10 @@ export const HMSRecordingIndicator = () => {
     var _state$hmsStates$room;
     return !!((_state$hmsStates$room = state.hmsStates.room) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room.browserRecordingState) !== null && _state$hmsStates$room !== void 0 && _state$hmsStates$room.running);
   });
-  const startingOrStoppingRecording = useSelector(state => state.app.startingOrStoppingRecording);
+  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) ?? false);
+  });
   const {
     on_surface_high: onSurfaceHighColor
   } = useHMSRoomColorPalette();

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","app","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,IAAKA,KAAK,CAACO,GAAG,CAACD,2BAClC,CAAC;EAED,MAAM;IAAEE,eAAe,EAAEC;EAAmB,CAAC,GAAGb,sBAAsB,CAAC,CAAC;EAExE,MAAMc,UAAU,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,IAAIR,2BAA2B,EAAE;IAC/B,oBACEf,KAAA,CAAAwB,aAAA,CAACtB,iBAAiB;MAChBuB,IAAI,EAAE,OAAQ;MACdC,KAAK,EAAER,kBAAmB;MAC1BS,KAAK,EAAEC,MAAM,CAACC;IAAW,CAC1B,CAAC;EAEN;EAEA,IAAIrB,aAAa,EAAE;IACjB,oBACER,KAAA,CAAAwB,aAAA,CAACpB,aAAa;MAACuB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACC,UAAU,EAAEV,UAAU;IAAE,CAAE,CAAC;EAE1E;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMS,MAAM,GAAGzB,UAAU,CAAC4B,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/HMSTextInput.js

@@ -15,7 +15,7 @@ export const HMSTextInput = _ref => {
   const handleInputFocus = () => setInputFocused(true);
   const handleInputBlur = () => setInputFocused(false);
   const {
-    on_surface_low: onSurfaceLowColor,
+    on_surface_medium: onSurfaceMediumColor,
     on_surface_high: onSurfaceHighColor
   } = useHMSRoomColorPalette();
   const containerExists = resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon;
@@ -49,7 +49,7 @@ export const HMSTextInput = _ref => {
     },
     // ICON STYLES
     sendIcon: {
-      tintColor: theme.palette.on_surface_low
+      tintColor: theme.palette.on_surface_medium
     },
     focusedSendIcon: {
       tintColor: theme.palette.on_surface_high
@@ -75,7 +75,7 @@ export const HMSTextInput = _ref => {
     placeholder: resetProps.placeholder ?? 'Enter Name...',
     autoCapitalize: resetProps.autoCapitalize ?? 'words',
     autoCompleteType: resetProps.autoCompleteType ?? 'name',
-    placeholderTextColor: resetProps.placeholderTextColor ?? onSurfaceLowColor,
+    placeholderTextColor: resetProps.placeholderTextColor ?? onSurfaceMediumColor,
     selectionColor: resetProps.selectionColor ?? onSurfaceHighColor,
     onFocus: resetProps.onFocus ?? handleInputFocus,
     onBlur: resetProps.onBlur ?? handleInputBlur

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","TextInput","TouchableOpacity","View","useHMSRoomColorPalette","useHMSRoomStyleSheet","SendIcon","HMSTextInput","_ref","value","onChangeText","style","focusedStyle","resetProps","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_low","onSurfaceLowColor","on_surface_high","onSurfaceHighColor","containerExists","leftIcon","rightIcon","sendIcon","hmsRoomStyles","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","childInput","focusedInput","primary_default","borderWidth","focusedChildInput","container","focusedContainer","tintColor","focusedSendIcon","textInputStyles","styles","textInputComp","createElement","_extends","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","containerStyles","containerStyle","focusedContainerStyle","sendIconButton","onPress","onSendIconPress","create","flex","height","overflow","paddingLeft","paddingRight","borderRadius","flexDirection","textAlignVertical","paddingHorizontal","fontSize","lineHeight","OS","undefined","letterSpacing","alignItems","justifyContent","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Platform","StyleSheet","TextInput","TouchableOpacity","View","useHMSRoomColorPalette","useHMSRoomStyleSheet","SendIcon","HMSTextInput","_ref","value","onChangeText","style","focusedStyle","resetProps","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_medium","onSurfaceMediumColor","on_surface_high","onSurfaceHighColor","containerExists","leftIcon","rightIcon","sendIcon","hmsRoomStyles","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","childInput","focusedInput","primary_default","borderWidth","focusedChildInput","container","focusedContainer","tintColor","focusedSendIcon","textInputStyles","styles","textInputComp","createElement","_extends","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","containerStyles","containerStyle","focusedContainerStyle","sendIconButton","onPress","onSendIconPress","create","flex","height","overflow","paddingLeft","paddingRight","borderRadius","flexDirection","textAlignVertical","paddingHorizontal","fontSize","lineHeight","OS","undefined","letterSpacing","alignItems","justifyContent","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"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"}

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,23 +1,96 @@
 import * as React from 'react';
-import PeerDisplayView from './PeerDisplayView';
-import { getTrackForPIPView } from '../utils/functions';
+import { shallowEqual, useSelector } from 'react-redux';
+import { View } from 'react-native';
+import { PeerVideoTileView } from './PeerVideoTile/PeerVideoTileView';
+import { COLORS } from '../utils/theme';
 const PIPView = _ref => {
-  var _preferedPeerTrack$pe;
   let {
-    pairedPeers
+    peerTrackNodes,
+    customView
   } = _ref;
-  const preferedPeerTrack = getTrackForPIPView(pairedPeers);
-
-  // If no Peer is available
-  if (!(preferedPeerTrack !== null && preferedPeerTrack !== void 0 && preferedPeerTrack.peer)) {
-    return null;
+  const firstSSNode = useSelector(state => state.app.screensharePeerTrackNodes[0]);
+  if (customView) {
+    return customView;
+  }
+  if (firstSSNode) {
+    return /*#__PURE__*/React.createElement(PeerVideoTileView, {
+      key: firstSSNode.id,
+      peerTrackNode: firstSSNode
+    });
   }
-  return /*#__PURE__*/React.createElement(PeerDisplayView, {
-    isLocal: preferedPeerTrack === null || preferedPeerTrack === void 0 || (_preferedPeerTrack$pe = preferedPeerTrack.peer) === null || _preferedPeerTrack$pe === void 0 ? void 0 : _preferedPeerTrack$pe.isLocal,
-    peer: preferedPeerTrack === null || preferedPeerTrack === void 0 ? void 0 : preferedPeerTrack.peer,
-    videoTrack: preferedPeerTrack === null || preferedPeerTrack === void 0 ? void 0 : preferedPeerTrack.track,
-    isDegraded: preferedPeerTrack === null || preferedPeerTrack === void 0 ? void 0 : preferedPeerTrack.isDegraded
+  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

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

@@ -1 +1 @@
-{"version":3,"names":["React","PeerDisplayView","getTrackForPIPView","PIPView","_ref","_preferedPeerTrack$pe","pairedPeers","preferedPeerTrack","peer","createElement","isLocal","videoTrack","track","isDegraded"],"sourceRoot":"../../../src","sources":["components/PIPView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,kBAAkB,QAAQ,oBAAoB;AAMvD,MAAMC,OAA+B,GAAGC,IAAA,IAAqB;EAAA,IAAAC,qBAAA;EAAA,IAApB;IAAEC;EAAY,CAAC,GAAAF,IAAA;EACtD,MAAMG,iBAAiB,GAAGL,kBAAkB,CAACI,WAAW,CAAC;;EAEzD;EACA,IAAI,EAACC,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEC,IAAI,GAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACER,KAAA,CAAAS,aAAA,CAACR,eAAe;IACdS,OAAO,EAAEH,iBAAiB,aAAjBA,iBAAiB,gBAAAF,qBAAA,GAAjBE,iBAAiB,CAAEC,IAAI,cAAAH,qBAAA,uBAAvBA,qBAAA,CAAyBK,OAAQ;IAC1CF,IAAI,EAAED,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEC,IAAK;IAC9BG,UAAU,EAAEJ,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEK,KAAM;IACrCC,UAAU,EAAEN,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEM;EAAW,CAC3C,CAAC;AAEN,CAAC;AAED,eAAeV,OAAO"}
+{"version":3,"names":["React","shallowEqual","useSelector","View","PeerVideoTileView","COLORS","PIPView","_ref","peerTrackNodes","customView","firstSSNode","state","app","screensharePeerTrackNodes","createElement","key","id","peerTrackNode","PIPPeerTiles","_ref2","memoDominantSpeakerIdsRef","useRef","dominantSpeakerIds","hmsStates","activeSpeakers","slice","map","speaker","peer","peerID","length","anyNewDominantSpeaker","current","preferredPeerTrackNodes","useMemo","getDominantSpeakers","style","flex","flexDirection","backgroundColor","BLACK","node","index","arr","isFirst","dividerWidth","Fragment","height","width","oldSpeakers","newSpeakers","uniques","Set","size","list","dominantSpeakerIdsCopy","i","includes","filter","speakerId","unshift"],"sourceRoot":"../../../src","sources":["components/PIPView.tsx"],"mappings":"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"}

package/lib/module/components/Participants/MultiRoleParticipantsList.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
+import { useFilteredParticipants, useHMSRoomStyle } from '../../hooks-util';
+import { ParticipantsAccordian } from './ParticipantsAccordian';
+export const MultiRoleParticipantsList = _ref => {
+  let {
+    searchText,
+    onViewAllPress
+  } = _ref;
+  const {
+    data,
+    formattedSearchText,
+    expandedGroup,
+    setExpandedGroup
+  } = useFilteredParticipants(searchText);
+  const emptyTextStyles = useHMSRoomStyle((theme, typography) => ({
+    color: theme.palette.on_surface_medium,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
+  const searchTextExists = formattedSearchText.length > 0;
+  if (searchTextExists && data.length <= 0) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.emptyContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.emptyText, emptyTextStyles]
+    }, "No results found..."));
+  }
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    contentContainerStyle: {
+      paddingBottom: 40
+    }
+  }, data.map(item => /*#__PURE__*/React.createElement(ParticipantsAccordian, {
+    key: item.id,
+    open: expandedGroup === item.id,
+    data: item,
+    toggle: setExpandedGroup,
+    showViewAll: item.showViewAll,
+    onViewAllPress: onViewAllPress
+  })));
+};
+const styles = StyleSheet.create({
+  list: {
+    paddingBottom: 32
+  },
+  emptyContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=MultiRoleParticipantsList.js.map

package/lib/module/components/Participants/MultiRoleParticipantsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","StyleSheet","Text","View","useFilteredParticipants","useHMSRoomStyle","ParticipantsAccordian","MultiRoleParticipantsList","_ref","searchText","onViewAllPress","data","formattedSearchText","expandedGroup","setExpandedGroup","emptyTextStyles","theme","typography","color","palette","on_surface_medium","fontFamily","font_family","searchTextExists","length","createElement","style","styles","emptyContainer","emptyText","contentContainerStyle","paddingBottom","map","item","key","id","open","toggle","showViewAll","create","list","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Participants/MultiRoleParticipantsList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEjE,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,kBAAkB;AAC3E,SAASC,qBAAqB,QAAQ,yBAAyB;AAO/D,OAAO,MAAMC,yBAAmE,GAAGC,IAAA,IAG7E;EAAA,IAH8E;IAClFC,UAAU;IACVC;EACF,CAAC,GAAAF,IAAA;EACC,MAAM;IACJG,IAAI;IACJC,mBAAmB;IACnBC,aAAa;IACbC;EACF,CAAC,GAAGV,uBAAuB,CAACK,UAAU,CAAC;EAEvC,MAAMM,eAAe,GAAGV,eAAe,CAAC,CAACW,KAAK,EAAEC,UAAU,MAAM;IAC9DC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,iBAAiB;IACtCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,MAAMC,gBAAgB,GAAGX,mBAAmB,CAACY,MAAM,GAAG,CAAC;EAEvD,IAAID,gBAAgB,IAAIZ,IAAI,CAACa,MAAM,IAAI,CAAC,EAAE;IACxC,oBACEzB,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACC;IAAe,gBACjC7B,KAAA,CAAA0B,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE,CAACC,MAAM,CAACE,SAAS,EAAEd,eAAe;IAAE,GAAC,qBAE5C,CACF,CAAC;EAEX;EAEA,oBACEhB,KAAA,CAAA0B,aAAA,CAACzB,UAAU;IAAC8B,qBAAqB,EAAE;MAACC,aAAa,EAAE;IAAE;EAAE,GACpDpB,IAAI,CAACqB,GAAG,CAACC,IAAI,iBACZlC,KAAA,CAAA0B,aAAA,CAACnB,qBAAqB;IACpB4B,GAAG,EAAED,IAAI,CAACE,EAAG;IACbC,IAAI,EAAEvB,aAAa,KAAKoB,IAAI,CAACE,EAAG;IAChCxB,IAAI,EAAEsB,IAAK;IACXI,MAAM,EAAEvB,gBAAiB;IACzBwB,WAAW,EAAEL,IAAI,CAACK,WAAY;IAC9B5B,cAAc,EAAEA;EAAe,CAChC,CACF,CACS,CAAC;AAEjB,CAAC;AAED,MAAMiB,MAAM,GAAG1B,UAAU,CAACsC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJT,aAAa,EAAE;EACjB,CAAC;EACDH,cAAc,EAAE;IACda,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDd,SAAS,EAAE;IACTe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}