@100mslive/react-native-room-kit 0.1.0 → 1.0.0

package/lib/module/components/HMSTextInput.js

@@ -1,12 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from 'react';
-import { Platform, StyleSheet, TextInput } from 'react-native';
+import { Platform, StyleSheet, TextInput, TouchableOpacity, View } from 'react-native';
 import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
+import { SendIcon } from '../Icons';
 export const HMSTextInput = _ref => {
   let {
     value,
     onChangeText,
     style,
-    autoFocus
+    focusedStyle,
+    ...resetProps
   } = _ref;
   const [inputFocused, setInputFocused] = React.useState(false);
   const handleInputFocus = () => setInputFocused(true);
@@ -15,33 +18,104 @@ export const HMSTextInput = _ref => {
     on_surface_low: onSurfaceLowColor,
     on_surface_high: onSurfaceHighColor
   } = useHMSRoomColorPalette();
+  const containerExists = resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon;
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    // TEXT INPUT STYLES
     input: {
       backgroundColor: theme.palette.surface_default,
       color: theme.palette.on_surface_high,
       borderColor: theme.palette.surface_default,
       fontFamily: `${typography.font_family}-Regular`
     },
+    // when text input is inside container
+    childInput: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
     focusedInput: {
       borderColor: theme.palette.primary_default,
       borderWidth: 2
+    },
+    // when text input is inside container
+    focusedChildInput: {},
+    // CONTAINER STYLES
+    container: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.surface_default
+    },
+    focusedContainer: {
+      borderColor: theme.palette.primary_default,
+      borderWidth: 2
+    },
+    // ICON STYLES
+    sendIcon: {
+      tintColor: theme.palette.on_surface_low
+    },
+    focusedSendIcon: {
+      tintColor: theme.palette.on_surface_high
     }
   }));
-  return /*#__PURE__*/React.createElement(TextInput, {
-    style: [styles.input, hmsRoomStyles.input, inputFocused ? hmsRoomStyles.focusedInput : null, style],
+  const textInputStyles = [
+  // regular styles
+  containerExists ? styles.childInput : styles.input, containerExists ? hmsRoomStyles.childInput : hmsRoomStyles.input,
+  // theme regular styles
+  style,
+  // user provided regular styles
+
+  // focused styles
+  inputFocused ? containerExists ? hmsRoomStyles.focusedChildInput : hmsRoomStyles.focusedInput : null,
+  // theme focused styles
+  inputFocused ? focusedStyle : null // user provided focused styles
+  ];
+
+  const textInputComp = /*#__PURE__*/React.createElement(TextInput, _extends({}, resetProps, {
+    style: textInputStyles,
     value: value,
     onChangeText: onChangeText,
-    placeholder: "Enter Name...",
-    autoCapitalize: "words",
-    autoCompleteType: "name",
-    placeholderTextColor: onSurfaceLowColor,
-    selectionColor: onSurfaceHighColor,
-    onFocus: handleInputFocus,
-    onBlur: handleInputBlur,
-    autoFocus: autoFocus
-  });
+    placeholder: resetProps.placeholder ?? 'Enter Name...',
+    autoCapitalize: resetProps.autoCapitalize ?? 'words',
+    autoCompleteType: resetProps.autoCompleteType ?? 'name',
+    placeholderTextColor: resetProps.placeholderTextColor ?? onSurfaceLowColor,
+    selectionColor: resetProps.selectionColor ?? onSurfaceHighColor,
+    onFocus: resetProps.onFocus ?? handleInputFocus,
+    onBlur: resetProps.onBlur ?? handleInputBlur
+  }));
+  if (!containerExists) {
+    return textInputComp;
+  }
+  const containerStyles = [
+  // regular styles
+  styles.container, hmsRoomStyles.container,
+  // theme regular styles
+  resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon ? resetProps.containerStyle : null,
+  // user provided regular styles
+
+  // focused styles
+  inputFocused ? hmsRoomStyles.focusedContainer : null,
+  // theme focused styles
+  inputFocused && (resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon) ? resetProps.focusedContainerStyle : null // user provided focused styles
+  ];
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: containerStyles
+  }, resetProps.leftIcon, textInputComp, resetProps.rightIcon || (resetProps.sendIcon ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.sendIconButton,
+    onPress: resetProps.onSendIconPress
+  }, /*#__PURE__*/React.createElement(SendIcon, {
+    style: [hmsRoomStyles.sendIcon, inputFocused ? hmsRoomStyles.focusedSendIcon : null]
+  })) : null));
 };
 const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    height: 50,
+    overflow: 'hidden',
+    paddingLeft: 16,
+    paddingRight: 8,
+    borderRadius: 8,
+    borderWidth: 2,
+    flexDirection: 'row'
+  },
   input: {
     flex: 1,
     height: 50,
@@ -52,6 +126,18 @@ const styles = StyleSheet.create({
     lineHeight: Platform.OS === 'android' ? 24 : undefined,
     letterSpacing: 0.5,
     borderWidth: 2
+  },
+  childInput: {
+    flex: 1,
+    textAlignVertical: 'center',
+    fontSize: 16,
+    lineHeight: Platform.OS === 'android' ? 24 : undefined,
+    letterSpacing: 0.5
+  },
+  sendIconButton: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginLeft: 8
   }
 });
 //# sourceMappingURL=HMSTextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","TextInput","useHMSRoomColorPalette","useHMSRoomStyleSheet","HMSTextInput","_ref","value","onChangeText","style","autoFocus","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_low","onSurfaceLowColor","on_surface_high","onSurfaceHighColor","hmsRoomStyles","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","focusedInput","primary_default","borderWidth","createElement","styles","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","create","flex","height","textAlignVertical","paddingHorizontal","borderRadius","fontSize","lineHeight","OS","undefined","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAG9D,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,eAAe;AAS5E,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAKnD;EAAA,IALoD;IACxDC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,gBAAgB,GAAGA,CAAA,KAAMF,eAAe,CAAC,IAAI,CAAC;EAEpD,MAAMG,eAAe,GAAGA,CAAA,KAAMH,eAAe,CAAC,KAAK,CAAC;EAEpD,MAAM;IACJI,cAAc,EAAEC,iBAAiB;IACjCC,eAAe,EAAEC;EACnB,CAAC,GAAGhB,sBAAsB,CAAC,CAAC;EAE5B,MAAMiB,aAAa,GAAGhB,oBAAoB,CAAC,CAACiB,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MAC9CC,KAAK,EAAEN,KAAK,CAACI,OAAO,CAACP,eAAe;MACpCU,WAAW,EAAEP,KAAK,CAACI,OAAO,CAACC,eAAe;MAC1CG,UAAU,EAAG,GAAEP,UAAU,CAACQ,WAAY;IACxC,CAAC;IACDC,YAAY,EAAE;MACZH,WAAW,EAAEP,KAAK,CAACI,OAAO,CAACO,eAAe;MAC1CC,WAAW,EAAE;IACf;EACF,CAAC,CAAC,CAAC;EAEH,oBACElC,KAAA,CAAAmC,aAAA,CAAChC,SAAS;IACRO,KAAK,EAAE,CACL0B,MAAM,CAACZ,KAAK,EACZH,aAAa,CAACG,KAAK,EACnBZ,YAAY,GAAGS,aAAa,CAACW,YAAY,GAAG,IAAI,EAChDtB,KAAK,CACL;IACFF,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3B4B,WAAW,EAAC,eAAe;IAC3BC,cAAc,EAAC,OAAO;IACtBC,gBAAgB,EAAC,MAAM;IACvBC,oBAAoB,EAAEtB,iBAAkB;IACxCuB,cAAc,EAAErB,kBAAmB;IACnCsB,OAAO,EAAE3B,gBAAiB;IAC1B4B,MAAM,EAAE3B,eAAgB;IACxBL,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC;AAED,MAAMyB,MAAM,GAAGlC,UAAU,CAAC0C,MAAM,CAAC;EAC/BpB,KAAK,EAAE;IACLqB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,QAAQ;IAC3BC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAElD,QAAQ,CAACmD,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE,GAAG;IAClBpB,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"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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"}

package/lib/module/components/HMSVideoView.js

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { HMSVideoViewMode } from '@100mslive/react-native-hms';
+import { useHMSInstance } from '../hooks-util';
+export const HMSVideoView = _ref => {
+  let {
+    trackId,
+    style,
+    ...restProps
+  } = _ref;
+  const hmsInstance = useHMSInstance();
+  const HmsView = hmsInstance.HmsView;
+  const mirrorCamera = useSelector(state => state.app.joinConfig.mirrorCamera);
+  const autoSimulcast = useSelector(state => state.app.joinConfig.autoSimulcast);
+  return /*#__PURE__*/React.createElement(HmsView, _extends({}, restProps, {
+    trackId: trackId,
+    key: trackId,
+    mirror: restProps.mirror ?? mirrorCamera,
+    autoSimulcast: restProps.autoSimulcast ?? autoSimulcast,
+    scaleType: restProps.scaleType ?? HMSVideoViewMode.ASPECT_FILL,
+    style: {
+      ...styles.hmsView,
+      ...style
+    }
+  }));
+};
+const styles = StyleSheet.create({
+  hmsView: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=HMSVideoView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useSelector","HMSVideoViewMode","useHMSInstance","HMSVideoView","_ref","trackId","style","restProps","hmsInstance","HmsView","mirrorCamera","state","app","joinConfig","autoSimulcast","createElement","_extends","key","mirror","scaleType","ASPECT_FILL","styles","hmsView","create","flex"],"sourceRoot":"../../../src","sources":["components/HMSVideoView.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,gBAAgB,QAAQ,6BAA6B;AAI9D,SAASC,cAAc,QAAQ,eAAe;AAI9C,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAInD;EAAA,IAJoD;IACxDC,OAAO;IACPC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAMI,WAAW,GAAGN,cAAc,CAAC,CAAC;EACpC,MAAMO,OAAO,GAAGD,WAAW,CAACC,OAAO;EACnC,MAAMC,YAAY,GAAGV,WAAW,CAC7BW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,UAAU,CAACH,YAC7C,CAAC;EACD,MAAMI,aAAa,GAAGd,WAAW,CAC9BW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,UAAU,CAACC,aAC7C,CAAC;EAED,oBACEhB,KAAA,CAAAiB,aAAA,CAACN,OAAO,EAAAO,QAAA,KACFT,SAAS;IACbF,OAAO,EAAEA,OAAQ;IACjBY,GAAG,EAAEZ,OAAQ;IACba,MAAM,EAAEX,SAAS,CAACW,MAAM,IAAIR,YAAa;IACzCI,aAAa,EAAEP,SAAS,CAACO,aAAa,IAAIA,aAAc;IACxDK,SAAS,EAAEZ,SAAS,CAACY,SAAS,IAAIlB,gBAAgB,CAACmB,WAAY;IAC/Dd,KAAK,EAAE;MAAE,GAAGe,MAAM,CAACC,OAAO;MAAE,GAAGhB;IAAM;EAAE,EACxC,CAAC;AAEN,CAAC;AAED,MAAMe,MAAM,GAAGtB,UAAU,CAACwB,MAAM,CAAC;EAC/BD,OAAO,EAAE;IACPE,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/Header.js

@@ -1,49 +1,43 @@
 import React, { memo } from 'react';
 import { View, StyleSheet } from 'react-native';
-import Animated, { useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { HMSManageCameraRotation } from './HMSManageCameraRotation';
-import { useHMSRoomStyle, useIsHLSViewer } from '../hooks-util';
+import { useHMSRoomStyle } from '../hooks-util';
 import { HMSManageAudioOutput } from './HMSManageAudioOutput';
 import { HMSRecordingIndicator } from './HMSRecordingIndicator';
 import { CompanyLogo } from './CompanyLogo';
+import { HMSLiveIndicator } from './HMSLiveIndicator';
+const TOP_PADDING = 8;
+const BOTTOM_PADDING = 16;
+const CONTENT_HEIGHT = 42;
+export const HEADER_HEIGHT = TOP_PADDING + CONTENT_HEIGHT + BOTTOM_PADDING;
 export const _Header = _ref => {
   let {
-    offset
+    transparent = false,
+    showControls = true
   } = _ref;
-  const isHLSViewer = useIsHLSViewer();
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      opacity: offset.value
-      // transform: [{ translateY: interpolate(offset.value, [0, 1], [-10, 0]) }]
-    };
-  }, []);
-  const animatedProps = useAnimatedProps(() => {
-    return {
-      pointerEvents: offset.value === 0 ? 'none' : 'auto'
-    };
-  }, []);
   const containerStyles = useHMSRoomStyle(theme => ({
     backgroundColor: theme.palette.background_dim
   }));
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedStyles,
-    animatedProps: animatedProps
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: transparent ? null : containerStyles,
+    edges: ['top']
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, containerStyles]
+    style: [styles.container, transparent ? null : containerStyles]
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.logoContainer
   }, /*#__PURE__*/React.createElement(CompanyLogo, {
     style: styles.logo
-  }), /*#__PURE__*/React.createElement(HMSRecordingIndicator, null)), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(HMSRecordingIndicator, null), /*#__PURE__*/React.createElement(HMSLiveIndicator, null)), showControls ? /*#__PURE__*/React.createElement(View, {
     style: styles.controls
-  }, isHLSViewer ? null : /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.cameraRotationWrapper
-  }, /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)), /*#__PURE__*/React.createElement(HMSManageAudioOutput, null))));
+  }, /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)), /*#__PURE__*/React.createElement(HMSManageAudioOutput, null)) : null));
 };
 const styles = StyleSheet.create({
   container: {
-    paddingTop: 8,
-    paddingBottom: 16,
+    paddingTop: TOP_PADDING,
+    paddingBottom: BOTTOM_PADDING,
     paddingHorizontal: 16,
     flexDirection: 'row',
     alignItems: 'center',
@@ -66,103 +60,4 @@ const styles = StyleSheet.create({
   }
 });
 export const Header = /*#__PURE__*/memo(_Header);
-
-// export const _Header2 = ({
-//   isLeaveMenuOpen,
-//   setModalVisible,
-// }: {
-//   isLeaveMenuOpen: boolean;
-//   setModalVisible(modalType: ModalTypes, delay?: any): void;
-// }) => {
-//   // hooks
-//   const hmsInstance = useSelector((state: RootState) => state.user.hmsInstance);
-//   const room = useSelector((state: RootState) => state.hmsStates.room);
-//   const localPeer = useSelector(
-//     (state: RootState) => state.hmsStates.localPeer,
-//   );
-//   const roomCode = useSelector((state: RootState) => state.user.roomCode);
-//   const isScreenShared = useSelector(
-//     (state: RootState) => state.hmsStates.isLocalScreenShared,
-//   );
-//   const showLandscapeLayout = useShowLandscapeLayout();
-
-//   // constants
-//   const iconSize = 20;
-
-//   // functions
-
-//   return (
-//     <View
-//       style={[
-//         styles.iconTopWrapper,
-//         showLandscapeLayout ? styles.iconTopWrapperLandscape : null,
-//       ]}
-//     >
-//       <View
-//         style={[
-//           styles.iconTopSubWrapper,
-//           showLandscapeLayout ? styles.iconTopSubWrapperLandscape : null,
-//         ]}
-//       >
-//         {room?.hlsStreamingState?.running ? (
-//           <View>
-//             <View style={styles.liveTextContainer}>
-//               <View style={styles.liveStatus} />
-//               <Text style={styles.liveTimeText}>Live</Text>
-//             </View>
-//             {Array.isArray(room?.hlsStreamingState?.variants) ? (
-//               <RealTime
-//                 startedAt={room?.hlsStreamingState?.variants[0]?.startedAt}
-//               />
-//             ) : null}
-//           </View>
-//         ) : (
-//           <Text style={styles.headerName}>{roomCode}</Text>
-//         )}
-//       </View>
-//       <View
-//         style={[
-//           styles.iconTopSubWrapper,
-//           showLandscapeLayout ? styles.iconTopSubWrapperLandscape : null,
-//         ]}
-//       >
-//         {(room?.browserRecordingState?.running ||
-//           room?.hlsRecordingState?.running) && (
-//           <MaterialCommunityIcons
-//             name="record-circle-outline"
-//             style={
-//               showLandscapeLayout
-//                 ? styles.roomStatusLandscape
-//                 : styles.roomStatus
-//             }
-//             size={iconSize}
-//           />
-//         )}
-//         {(room?.hlsStreamingState?.running ||
-//           room?.rtmpHMSRtmpStreamingState?.running) && (
-//           <Ionicons
-//             name="globe-outline"
-//             style={
-//               showLandscapeLayout
-//                 ? styles.roomStatusLandscape
-//                 : styles.roomStatus
-//             }
-//             size={iconSize}
-//           />
-//         )}
-//         {isScreenShared && (
-//           <Feather
-//             name="copy"
-//             style={
-//               showLandscapeLayout
-//                 ? styles.roomStatusLandscape
-//                 : styles.roomStatus
-//             }
-//             size={iconSize}
-//           />
-//         )}
-//       </View>
-//     </View>
-//   );
-// };
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","HMSManageCameraRotation","useHMSRoomStyle","useIsHLSViewer","HMSManageAudioOutput","HMSRecordingIndicator","CompanyLogo","_Header","_ref","offset","isHLSViewer","animatedStyles","opacity","value","animatedProps","pointerEvents","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","logoContainer","logo","controls","cameraRotationWrapper","create","paddingTop","paddingBottom","paddingHorizontal","flexDirection","alignItems","justifyContent","marginRight","marginLeft","Header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAGhC,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,EAAEC,cAAc,QAAQ,eAAe;AAC/D,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,WAAW,QAAQ,eAAe;AAM3C,OAAO,MAAMC,OAA8B,GAAGC,IAAA,IAAgB;EAAA,IAAf;IAAEC;EAAO,CAAC,GAAAD,IAAA;EACvD,MAAME,WAAW,GAAGP,cAAc,CAAC,CAAC;EAEpC,MAAMQ,cAAc,GAAGX,gBAAgB,CAAC,MAAM;IAC5C,OAAO;MACLY,OAAO,EAAEH,MAAM,CAACI;MAChB;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAGf,gBAAgB,CAAC,MAElC;IACH,OAAO;MACLgB,aAAa,EAAEN,MAAM,CAACI,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,eAAe,GAAGd,eAAe,CAAEe,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,oBACE1B,KAAA,CAAA2B,aAAA,CAACvB,QAAQ,CAACF,IAAI;IAAC0B,KAAK,EAAEX,cAAe;IAACG,aAAa,EAAEA;EAAc,gBACjEpB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBAC/CtB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACE;EAAc,gBAChC/B,KAAA,CAAA2B,aAAA,CAACf,WAAW;IAACgB,KAAK,EAAEC,MAAM,CAACG;EAAK,CAAE,CAAC,eAEnChC,KAAA,CAAA2B,aAAA,CAAChB,qBAAqB,MAAE,CACpB,CAAC,eAEPX,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACI;EAAS,GAC1BjB,WAAW,GAAG,IAAI,gBACjBhB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACK;EAAsB,gBACxClC,KAAA,CAAA2B,aAAA,CAACpB,uBAAuB,MAAE,CACtB,CACP,eAEDP,KAAA,CAAA2B,aAAA,CAACjB,oBAAoB,MAAE,CACnB,CACF,CACO,CAAC;AAEpB,CAAC;AAED,MAAMmB,MAAM,GAAG1B,UAAU,CAACgC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDV,aAAa,EAAE;IACbQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJU,WAAW,EAAE;EACf,CAAC;EACDT,QAAQ,EAAE;IACRM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBG,UAAU,EAAE;EACd,CAAC;EACDT,qBAAqB,EAAE;IACrBQ,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,OAAO,MAAME,MAAM,gBAAG3C,IAAI,CAACY,OAAO,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":["React","memo","View","StyleSheet","SafeAreaView","HMSManageCameraRotation","useHMSRoomStyle","HMSManageAudioOutput","HMSRecordingIndicator","CompanyLogo","HMSLiveIndicator","TOP_PADDING","BOTTOM_PADDING","CONTENT_HEIGHT","HEADER_HEIGHT","_Header","_ref","transparent","showControls","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","edges","styles","container","logoContainer","logo","controls","cameraRotationWrapper","create","paddingTop","paddingBottom","paddingHorizontal","flexDirection","alignItems","justifyContent","marginRight","marginLeft","Header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,YAAY,QAAQ,gCAAgC;AAE7D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,gBAAgB,QAAQ,oBAAoB;AAOrD,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,cAAc,GAAG,EAAE;AACzB,OAAO,MAAMC,aAAa,GAAGH,WAAW,GAAGE,cAAc,GAAGD,cAAc;AAE1E,OAAO,MAAMG,OAA8B,GAAGC,IAAA,IAGxC;EAAA,IAHyC;IAC7CC,WAAW,GAAG,KAAK;IACnBC,YAAY,GAAG;EACjB,CAAC,GAAAF,IAAA;EACC,MAAMG,eAAe,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,oBACEvB,KAAA,CAAAwB,aAAA,CAACpB,YAAY;IAACqB,KAAK,EAAER,WAAW,GAAG,IAAI,GAAGE,eAAgB;IAACO,KAAK,EAAE,CAAC,KAAK;EAAE,gBACxE1B,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAE,CAACE,MAAM,CAACC,SAAS,EAAEX,WAAW,GAAG,IAAI,GAAGE,eAAe;EAAE,gBACpEnB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEE,MAAM,CAACE;EAAc,gBAChC7B,KAAA,CAAAwB,aAAA,CAACf,WAAW;IAACgB,KAAK,EAAEE,MAAM,CAACG;EAAK,CAAE,CAAC,eAEnC9B,KAAA,CAAAwB,aAAA,CAAChB,qBAAqB,MAAE,CAAC,eAEzBR,KAAA,CAAAwB,aAAA,CAACd,gBAAgB,MAAE,CACf,CAAC,EAENQ,YAAY,gBACXlB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEE,MAAM,CAACI;EAAS,gBAC3B/B,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEE,MAAM,CAACK;EAAsB,gBACxChC,KAAA,CAAAwB,aAAA,CAACnB,uBAAuB,MAAE,CACtB,CAAC,eAEPL,KAAA,CAAAwB,aAAA,CAACjB,oBAAoB,MAAE,CACnB,CAAC,GACL,IACA,CACM,CAAC;AAEnB,CAAC;AAED,MAAMoB,MAAM,GAAGxB,UAAU,CAAC8B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAEvB,WAAW;IACvBwB,aAAa,EAAEvB,cAAc;IAC7BwB,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDV,aAAa,EAAE;IACbQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJU,WAAW,EAAE;EACf,CAAC;EACDT,QAAQ,EAAE;IACRM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBG,UAAU,EAAE;EACd,CAAC;EACDT,qBAAqB,EAAE;IACrBQ,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,OAAO,MAAME,MAAM,gBAAGzC,IAAI,CAACc,OAAO,CAAC"}

package/lib/module/components/LocalPeerScreenshareView.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import { CustomButton } from './CustomButton';
 import { useHMSActions } from '../hooks-sdk';
 import { COLORS } from '../utils/theme';
@@ -11,11 +10,7 @@ export const LocalPeerScreenshareView = () => {
   };
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
-    name: "monitor-share",
-    style: styles.icon,
-    size: 48
-  }), /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: styles.text
   }, "You are sharing your screen"), /*#__PURE__*/React.createElement(CustomButton, {
     title: "X   Stop Screenshare",

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","MaterialCommunityIcons","CustomButton","useHMSActions","COLORS","LocalPeerScreenshareView","hmsActions","onEndScreenSharePress","setScreenShareEnabled","createElement","style","styles","container","name","icon","size","text","title","onPress","viewStyle","button","textStyle","buttonText","create","width","height","backgroundColor","SURFACE","DEFAULT","justifyContent","alignItems","color","TEXT","HIGH_EMPHASIS","fontSize","lineHeight","letterSpacing","fontFamily","marginTop","INDICATORS","ERROR","borderColor","borderWidth","borderRadius","alignSelf","textTransform"],"sourceRoot":"../../../src","sources":["components/LocalPeerScreenshareView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,sBAAsB,MAAM,kDAAkD;AAErF,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,UAAU,GAAGH,aAAa,CAAC,CAAC;EAElC,MAAMI,qBAAqB,GAAG,MAAAA,CAAA,KAAY;IACxC,MAAMD,UAAU,CAACE,qBAAqB,CAAC,KAAK,CAAC;EAC/C,CAAC;EAED,oBACEX,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bf,KAAA,CAAAY,aAAA,CAACR,sBAAsB;IACrBY,IAAI,EAAC,eAAe;IACpBH,KAAK,EAAEC,MAAM,CAACG,IAAK;IACnBC,IAAI,EAAE;EAAG,CACV,CAAC,eACFlB,KAAA,CAAAY,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACK;EAAK,GAAC,6BAAiC,CAAC,eAC5DnB,KAAA,CAAAY,aAAA,CAACP,YAAY;IACXe,KAAK,EAAC,sBAAsB;IAC5BC,OAAO,EAAEX,qBAAsB;IAC/BY,SAAS,EAAER,MAAM,CAACS,MAAO;IACzBC,SAAS,EAAEV,MAAM,CAACW;EAAW,CAC9B,CACG,CAAC;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGb,UAAU,CAACyB,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAEtB,MAAM,CAACuB,OAAO,CAACC,OAAO;IACvCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDhB,IAAI,EAAE;IACJiB,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC;EACrB,CAAC;EACDjB,IAAI,EAAE;IACJe,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC,aAAa;IAChCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,UAAU,EAAE,cAAc;IAC1BC,SAAS,EAAE;EACb,CAAC;EACDlB,MAAM,EAAE;IACNM,eAAe,EAAEtB,MAAM,CAACmC,UAAU,CAACC,KAAK;IACxCC,WAAW,EAAErC,MAAM,CAACmC,UAAU,CAACC,KAAK;IACpCX,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBY,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfnB,KAAK,EAAE,KAAK;IACZoB,SAAS,EAAE,QAAQ;IACnBN,SAAS,EAAE;EACb,CAAC;EACDhB,UAAU,EAAE;IACVS,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC,aAAa;IAChCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE,cAAc;IAC1BQ,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","Text","View","CustomButton","useHMSActions","COLORS","LocalPeerScreenshareView","hmsActions","onEndScreenSharePress","setScreenShareEnabled","createElement","style","styles","container","text","title","onPress","viewStyle","button","textStyle","buttonText","create","width","height","backgroundColor","SURFACE","DEFAULT","justifyContent","alignItems","icon","color","TEXT","HIGH_EMPHASIS","fontSize","lineHeight","letterSpacing","fontFamily","marginTop","INDICATORS","ERROR","borderColor","borderWidth","borderRadius","alignSelf","textTransform"],"sourceRoot":"../../../src","sources":["components/LocalPeerScreenshareView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,UAAU,GAAGH,aAAa,CAAC,CAAC;EAElC,MAAMI,qBAAqB,GAAG,MAAAA,CAAA,KAAY;IACxC,MAAMD,UAAU,CAACE,qBAAqB,CAAC,KAAK,CAAC;EAC/C,CAAC;EAED,oBACEV,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bd,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACE;EAAK,GAAC,6BAAiC,CAAC,eAC5Df,KAAA,CAAAW,aAAA,CAACP,YAAY;IACXY,KAAK,EAAC,sBAAsB;IAC5BC,OAAO,EAAER,qBAAsB;IAC/BS,SAAS,EAAEL,MAAM,CAACM,MAAO;IACzBC,SAAS,EAAEP,MAAM,CAACQ;EAAW,CAC9B,CACG,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGZ,UAAU,CAACqB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAEnB,MAAM,CAACoB,OAAO,CAACC,OAAO;IACvCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJC,KAAK,EAAEzB,MAAM,CAAC0B,IAAI,CAACC;EACrB,CAAC;EACDlB,IAAI,EAAE;IACJgB,KAAK,EAAEzB,MAAM,CAAC0B,IAAI,CAACC,aAAa;IAChCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,UAAU,EAAE,cAAc;IAC1BC,SAAS,EAAE;EACb,CAAC;EACDnB,MAAM,EAAE;IACNM,eAAe,EAAEnB,MAAM,CAACiC,UAAU,CAACC,KAAK;IACxCC,WAAW,EAAEnC,MAAM,CAACiC,UAAU,CAACC,KAAK;IACpCZ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBa,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfpB,KAAK,EAAE,KAAK;IACZqB,SAAS,EAAE,QAAQ;IACnBN,SAAS,EAAE;EACb,CAAC;EACDjB,UAAU,EAAE;IACVU,KAAK,EAAEzB,MAAM,CAAC0B,IAAI,CAACC,aAAa;IAChCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE,cAAc;IAC1BQ,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/Meeting.js

@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { StyleSheet } from 'react-native';
+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, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, useLandscapeChatViewVisible, usePIPListener } from '../hooks-util';
-import { ChatView } from './ChatWindow';
+import { clearPendingModalTasks, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSReconnection, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, useIsHLSViewer, usePIPListener } from '../hooks-util';
 import { MeetingScreenContent } from './MeetingScreenContent';
 import { HMSHLSStreamLoading } from './HMSHLSStreamLoading';
 export const Meeting = _ref => {
@@ -12,11 +11,13 @@ export const Meeting = _ref => {
     peerTrackNodes
   } = _ref;
   const startingHLSStream = useSelector(state => state.app.startingHLSStream);
+  const isHLSViewer = useIsHLSViewer();
 
   // TODO: Fetch latest Room and localPeer on mount of this component?
 
   useFetchHMSRoles();
   useHMSMessages();
+  useHMSReconnection();
   useHMSRemovedFromRoomUpdate();
 
   // Handle when user press leave button visible on PIP Window
@@ -30,7 +31,6 @@ export const Meeting = _ref => {
 
   // Subscribe to Peers Network quality updates
   useHMSNetworkQualityUpdate();
-  const landscapeChatViewVisible = useLandscapeChatViewVisible();
 
   // Clearing any pending modal opening tasks
   React.useEffect(() => {
@@ -44,6 +44,7 @@ export const Meeting = _ref => {
   if (startingHLSStream) {
     return /*#__PURE__*/React.createElement(HMSHLSStreamLoading, null);
   }
+  const Container = isHLSViewer ? View : SafeAreaView;
 
   /**
    * TODO: disbaled Expended View animation in Webrtc flow
@@ -51,11 +52,12 @@ export const Meeting = _ref => {
    * Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
    * Solution: Try using Tab Gesture detector instead on Pressable component
    */
-  return /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: [styles.container, containerStyles]
+  return /*#__PURE__*/React.createElement(Container, {
+    style: [styles.container, containerStyles],
+    edges: ['left', 'right']
   }, /*#__PURE__*/React.createElement(MeetingScreenContent, {
     peerTrackNodes: peerTrackNodes
-  }), landscapeChatViewVisible ? /*#__PURE__*/React.createElement(ChatView, null) : null);
+  }));
 };
 const styles = StyleSheet.create({
   container: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useSelector","SafeAreaView","useRTCStatsListeners","clearPendingModalTasks","useFetchHMSRoles","useHMSMessages","useHMSNetworkQualityUpdate","useHMSPIPRoomLeave","useHMSRemovedFromRoomUpdate","useHMSRoomStyle","useLandscapeChatViewVisible","usePIPListener","ChatView","MeetingScreenContent","HMSHLSStreamLoading","Meeting","_ref","peerTrackNodes","startingHLSStream","state","app","landscapeChatViewVisible","useEffect","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,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,2BAA2B,EAC3BC,eAAe,EACfC,2BAA2B,EAC3BC,cAAc,QACT,eAAe;AACtB,SAASC,QAAQ,QAAQ,cAAc;AACvC,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;;EAEAd,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBG,2BAA2B,CAAC,CAAC;;EAE7B;EACAD,kBAAkB,CAAC,CAAC;;EAEpB;EACAI,cAAc,CAAC,CAAC;;EAEhB;EACAT,oBAAoB,CAAC,CAAC;;EAEtB;EACAI,0BAA0B,CAAC,CAAC;EAE5B,MAAMe,wBAAwB,GAAGX,2BAA2B,CAAC,CAAC;;EAE9D;EACAZ,KAAK,CAACwB,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXnB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoB,eAAe,GAAGd,eAAe,CAAEe,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIT,iBAAiB,EAAE;IACrB,oBAAOpB,KAAA,CAAA8B,aAAA,CAACd,mBAAmB,MAAE,CAAC;EAChC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,oBACEhB,KAAA,CAAA8B,aAAA,CAAC3B,YAAY;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBACvDzB,KAAA,CAAA8B,aAAA,CAACf,oBAAoB;IAACI,cAAc,EAAEA;EAAe,CAAE,CAAC,EAEvDI,wBAAwB,gBAAGvB,KAAA,CAAA8B,aAAA,CAAChB,QAAQ,MAAE,CAAC,GAAG,IAC/B,CAAC;AAEnB,CAAC;AAED,MAAMkB,MAAM,GAAG/B,UAAU,CAACiC,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"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"}

package/lib/module/components/MeetingScreenContent.js

@@ -1,13 +1,17 @@
 import React, { useCallback, useRef, useState } from 'react';
-import { StyleSheet, Pressable } from 'react-native';
+import { StyleSheet, Pressable, View } from 'react-native';
 import { useSelector } from 'react-redux';
 import { Easing, cancelAnimation, runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';
 import { PipModes } from '../utils/types';
 import { Footer } from './Footer';
 import { DisplayView } from './DisplayView';
 import { Header } from './Header';
-import { useIsHLSViewer, useLandscapeChatViewVisible } from '../hooks-util';
+import { useIsHLSViewer } from '../hooks-util';
 import { HMSStatusBar } from './StatusBar';
+import { AnimatedFooter } from './AnimatedFooter';
+import { HLSFooter } from './HLSFooter';
+import { AnimatedHeader } from './AnimatedHeader';
+import { ReconnectionView } from './ReconnectionView';
 export const MeetingScreenContent = _ref => {
   let {
     peerTrackNodes
@@ -55,8 +59,6 @@ export const MeetingScreenContent = _ref => {
   //   }
   // }, [isHLSViewer]);
 
-  const landscapeChatViewVisible = useLandscapeChatViewVisible();
-
   /**
    * TODO: disbaled Expended View animation in Webrtc flow
    *
@@ -65,25 +67,37 @@ export const MeetingScreenContent = _ref => {
    */
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: toggleControls,
-    style: [styles.container, landscapeChatViewVisible ? styles.takeLessSpaceAsItCan : null],
+    style: styles.container,
     disabled: isHLSViewer || true
   }, /*#__PURE__*/React.createElement(HMSStatusBar, {
-    hidden: controlsHidden
-  }), isPipModeActive ? null : /*#__PURE__*/React.createElement(Header, {
+    hidden: controlsHidden,
+    barStyle: 'light-content'
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.reconnectionWrapper
+  }, isPipModeActive ? null : /*#__PURE__*/React.createElement(AnimatedHeader, {
     offset: offset
-  }), /*#__PURE__*/React.createElement(DisplayView, {
+  }, /*#__PURE__*/React.createElement(Header, {
+    transparent: isHLSViewer,
+    showControls: !isHLSViewer
+  })), /*#__PURE__*/React.createElement(DisplayView, {
     offset: offset,
     peerTrackNodes: peerTrackNodes
-  }), isPipModeActive ? null : /*#__PURE__*/React.createElement(Footer, {
+  }), /*#__PURE__*/React.createElement(ReconnectionView, null)), isPipModeActive ? null : isHLSViewer ? /*#__PURE__*/React.createElement(HLSFooter, {
+    offset: offset
+  }) : /*#__PURE__*/React.createElement(AnimatedFooter, {
     offset: offset
-  }));
+  }, /*#__PURE__*/React.createElement(Footer, null)));
 };
 const styles = StyleSheet.create({
   container: {
-    flex: 1
+    flex: 1,
+    position: 'relative'
   },
   takeLessSpaceAsItCan: {
     flex: 0
+  },
+  reconnectionWrapper: {
+    flex: 1
   }
 });
 //# sourceMappingURL=MeetingScreenContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","Pressable","useSelector","Easing","cancelAnimation","runOnJS","useSharedValue","withTiming","PipModes","Footer","DisplayView","Header","useIsHLSViewer","useLandscapeChatViewVisible","HMSStatusBar","MeetingScreenContent","_ref","peerTrackNodes","offset","isHLSViewer","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","toggleControls","current","clearTimeout","value","duration","easing","ease","finished","landscapeChatViewVisible","createElement","onPress","style","styles","container","takeLessSpaceAsItCan","disabled","hidden","create","flex"],"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","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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"}

package/lib/module/components/MenuModal/Menu.js

@@ -83,7 +83,7 @@ export class Menu extends React.Component {
   };
   show = () => {
     var _this$_container;
-    (_this$_container = this._container) === null || _this$_container === void 0 ? void 0 : _this$_container.measureInWindow((left, top, buttonWidth, buttonHeight) => {
+    (_this$_container = this._container) === null || _this$_container === void 0 || _this$_container.measureInWindow((left, top, buttonWidth, buttonHeight) => {
       this.setState({
         buttonHeight,
         buttonWidth,
@@ -113,7 +113,7 @@ export class Menu extends React.Component {
   };
   onRequestClose = () => {
     var _this$props$onRequest, _this$props;
-    (_this$props$onRequest = (_this$props = this.props).onRequestClose) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props);
+    (_this$props$onRequest = (_this$props = this.props).onRequestClose) === null || _this$props$onRequest === void 0 || _this$props$onRequest.call(_this$props);
   };
   render() {
     const {