@100mslive/react-native-room-kit 1.1.5 → 1.1.7

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","View","StyleSheet","Animated","Easing","Extrapolation","interpolate","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","GestureDetector","Gesture","HMSHLSPlayerPlaybackState","HMSHLSPlaylistType","useHMSHLSPlayerPlaybackState","useHMSHLSPlayerStat","useSelector","useHLSStreamResumePause","useHLSViewsConstraints","useHMSRoomStyle","useIsHLSStreamingOn","_HLSSeekbar","props","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","createElement","_Seekbar","memo","playerRef","onStart","onEnd","playerWrapperConstraints","hlsPlayerDurationDetails","prevSeekbarPositionValue","seekbarPositionValue","seekbarHeightValue","streamStartedAt","_state$hmsStates$room2","startedAt","distanceFromLiveEdge","distanceFromLiveEdgeValue","seekbarRoomStyle","theme","backgroundColor","palette","primary_default","isPaused","pauseStream","resumeStream","seekToBarPosition","_hlsPlayerDurationDet","liveStreamDuration","Date","now","getTime","rollingWindowTime","current","durationOfStream","prevPosition","value","currPosition","diff","seekByMillis","Math","abs","seekBySecs","_playerRef$current","seekForward","_playerRef$current2","seekBackward","activeSeekbarStyle","width","extrapolateLeft","CLAMP","extrapolateRight","height","activeSeekbarThumbStyle","borderRadius","bottom","left","transform","translateX","panGesture","Pan","maxPointers","minPointers","hitSlop","top","e","x","duration","easing","linear","onUpdate","useEffect","intervalId","setInterval","_hlsPlayerDurationDet2","currentPosition","clearInterval","startedPlayingFirstTime","prevPlaybackState","UNKNOWN","playbackState","PLAYING","mounted","getPlayerDurationDetails","then","data","console","log","catch","gesture","collapsable","style","styles","container","inactiveSeekbar","seekbar","seekbarThumb","HLSSeekbar","create","justifyContent","position","right","zIndex"],"sourceRoot":"../../../src","sources":["components/HLSSeekbar.tsx"],"mappings":"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gB,EAAE6B,kBAAkB;EAAE,CAC/D,CAAC,eACFjF,KAAA,CAAAoC,aAAA,CAAChC,QAAQ,CAACF,IAAI;IACZ2H,KAAK,EAAE,CACLC,MAAM,CAACI,YAAY,EACnB9E,gBAAgB,EAChBmC,uBAAuB;EACvB,CACH,CACY,CACX,CACS,CAAC;AAEtB,CACF,CAAC;AAED,OAAO,MAAM4C,UAAU,gBAAGnI,KAAK,CAACsC,IAAI,CAACd,WAAW,CAAC;AAEjD,MAAMsG,MAAM,GAAG3H,UAAU,CAACiI,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTzC,MAAM,EAAE,CAAC;IACT+C,cAAc,EAAE;EAClB,CAAC;EACDL,eAAe,EAAE;IACfM,QAAQ,EAAE,UAAU;IACpBhF,eAAe,EAAE;EACnB,CAAC;EACD2E,OAAO,EAAE;IACP3C,MAAM,EAAE;EACV,CAAC;EACD4C,YAAY,EAAE;IACZI,QAAQ,EAAE,UAAU;IACpB7C,MAAM,EAAE,CAAC,CAAC;IACV8C,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;;AAEF;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","ignoreList":[]}

package/lib/module/components/HLSSeekforwardControl.js

@@ -0,0 +1,63 @@
+import { HMSHLSPlaylistType, useIsHLSStreamLive } from '@100mslive/react-native-hms';
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+import { SeekArrowIcon } from '../Icons';
+import Animated, { Easing, cancelAnimation, interpolate, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+const _HLSSeekforwardControl = ({
+  playerRef,
+  onPress
+}) => {
+  const animatedValue = useSharedValue(0);
+  const isHLSStreamingOn = useIsHLSStreamingOn();
+  const isDVRStream = 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.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.playlistType) === HMSHLSPlaylistType.DVR;
+  });
+  const isStreamLive = useIsHLSStreamLive();
+  const handdleSeekForward = () => {
+    var _playerRef$current;
+    onPress === null || onPress === void 0 || onPress();
+    (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekForward(10);
+  };
+  const tapGestureHandler = React.useMemo(() => {
+    return Gesture.Tap().enabled(!isStreamLive).onStart(() => {
+      cancelAnimation(animatedValue);
+      animatedValue.value = withTiming(1, {
+        duration: 200,
+        easing: Easing.ease
+      }, finished => {
+        if (finished) {
+          animatedValue.value = withTiming(0, {
+            duration: 100,
+            easing: Easing.ease
+          });
+        }
+      });
+      runOnJS(handdleSeekForward)();
+    });
+  }, [isStreamLive]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(animatedValue.value, [0, 1], [1, 0.8]),
+    transform: [{
+      rotateZ: `${interpolate(animatedValue.value, [0, 1], [0, 17])} deg`
+    }]
+  }), []);
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: tapGestureHandler
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    collapsable: false,
+    style: [{
+      marginLeft: 24
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(SeekArrowIcon, {
+    style: {
+      opacity: isStreamLive ? 0.2 : 1
+    },
+    type: "forward"
+  })));
+};
+export const HLSSeekforwardControl = /*#__PURE__*/React.memo(_HLSSeekforwardControl);
+//# sourceMappingURL=HLSSeekforwardControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HMSHLSPlaylistType","useIsHLSStreamLive","React","useSelector","GestureDetector","Gesture","useIsHLSStreamingOn","SeekArrowIcon","Animated","Easing","cancelAnimation","interpolate","runOnJS","useAnimatedStyle","useSharedValue","withTiming","_HLSSeekforwardControl","playerRef","onPress","animatedValue","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","isStreamLive","handdleSeekForward","_playerRef$current","current","seekForward","tapGestureHandler","useMemo","Tap","enabled","onStart","value","duration","easing","ease","finished","animatedStyle","opacity","transform","rotateZ","createElement","gesture","View","collapsable","style","marginLeft","type","HLSSeekforwardControl","memo"],"sourceRoot":"../../../src","sources":["components/HLSSeekforwardControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSStreamStartedTime.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { useSelector } from 'react-redux';
+export const HLSStreamStartedTime = ({
+  prefix
+}) => {
+  const streamStartedTime = 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.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.startedAt;
+  });
+  const [streamStartedBeforeMillis, setStreamStartedBeforeMillis] = React.useState(0);
+  React.useEffect(() => {
+    if (streamStartedTime) {
+      const beforeMilliSecs = Date.now() - streamStartedTime.getTime();
+      setStreamStartedBeforeMillis(beforeMilliSecs);
+      const intervalId = setInterval(() => {
+        setStreamStartedBeforeMillis(secs => {
+          secs += 1000;
+          return secs;
+        });
+      }, 1000);
+      return () => {
+        clearInterval(intervalId);
+      };
+    }
+  }, [streamStartedTime]);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    regularSurfaceMedium: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_medium
+    }
+  }));
+  if (!streamStartedTime) {
+    return null;
+  }
+  const {
+    h,
+    min,
+    sec
+  } = msToTime(streamStartedBeforeMillis);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, prefix, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, hmsRoomStyles.regularSurfaceMedium]
+  }, "Started ", h > 0 ? `${h} h` : min > 0 ? `${min} min` : `${sec} sec`, " ago"));
+};
+const styles = StyleSheet.create({
+  subtitle: {
+    fontSize: 12,
+    lineHeight: 16
+  }
+});
+function msToTime(duration) {
+  return {
+    ms: duration,
+    sec: Math.floor(duration / 1000),
+    min: Math.floor(duration / 1000 / 60),
+    h: Math.floor(duration / 1000 / 60 / 60)
+  };
+}
+//# sourceMappingURL=HLSStreamStartedTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","useHMSRoomStyleSheet","useSelector","HLSStreamStartedTime","prefix","streamStartedTime","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","startedAt","streamStartedBeforeMillis","setStreamStartedBeforeMillis","useState","useEffect","beforeMilliSecs","Date","now","getTime","intervalId","setInterval","secs","clearInterval","hmsRoomStyles","theme","typography","regularSurfaceMedium","fontFamily","font_family","color","palette","on_surface_medium","h","min","sec","msToTime","createElement","Fragment","style","styles","subtitle","create","fontSize","lineHeight","duration","ms","Math","floor"],"sourceRoot":"../../../src","sources":["components/HLSStreamStartedTime.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSViewerScreenContent.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { HMSStatusBar } from './StatusBar';
+import { HLSPlayerContainer } from './HLSPlayerContainer';
+import { LeaveRoomBottomSheet } from './LeaveRoomBottomSheet';
+import { PreviewForRoleChangeModal } from './PreviewForRoleChangeModal';
+import { ChatAndParticipantsBottomSheet } from './ChatAndParticipants';
+import { DefaultModal } from './DefaultModal';
+import { ModalTypes, PipModes } from '../utils/types';
+import { useHMSRoleChangeRequest, useHMSRoomStyleSheet, useHMSSessionStoreListeners, useModalType } from '../hooks-util';
+import { ChangeAspectRatio } from './Modals';
+import { HLSChatView } from './HLSChatView';
+import { useIsLandscapeOrientation } from '../utils/dimension';
+export const HLSViewerScreenContent = ({}) => {
+  const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    container: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
+  const {
+    modalVisibleType: modalVisible,
+    handleModalVisibleType: setModalVisible
+  } = useModalType();
+  useHMSSessionStoreListeners();
+  useHMSRoleChangeRequest();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(HMSStatusBar, {
+    barStyle: 'light-content'
+  }), /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: [styles.container, hmsRoomStyles.container, isLandscapeOrientation ? styles.landscapeContainer : null]
+  }, /*#__PURE__*/React.createElement(HLSPlayerContainer, null), /*#__PURE__*/React.createElement(HLSChatView, null)), isPipModeActive ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LeaveRoomBottomSheet, null), /*#__PURE__*/React.createElement(PreviewForRoleChangeModal, null), /*#__PURE__*/React.createElement(ChatAndParticipantsBottomSheet, null), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.HLS_PLAYER_ASPECT_RATIO,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, /*#__PURE__*/React.createElement(ChangeAspectRatio, {
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT)
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    position: 'relative'
+  },
+  landscapeContainer: {
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=HLSViewerScreenContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSelector","SafeAreaView","HMSStatusBar","HLSPlayerContainer","LeaveRoomBottomSheet","PreviewForRoleChangeModal","ChatAndParticipantsBottomSheet","DefaultModal","ModalTypes","PipModes","useHMSRoleChangeRequest","useHMSRoomStyleSheet","useHMSSessionStoreListeners","useModalType","ChangeAspectRatio","HLSChatView","useIsLandscapeOrientation","HLSViewerScreenContent","isPipModeActive","state","app","pipModeStatus","ACTIVE","isLandscapeOrientation","hmsRoomStyles","theme","container","backgroundColor","palette","surface_dim","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","createElement","style","styles","barStyle","landscapeContainer","Fragment","modalPosiion","HLS_PLAYER_ASPECT_RATIO","DEFAULT","cancelModal","create","flexGrow","position","flexDirection"],"sourceRoot":"../../../src","sources":["components/HLSViewerScreenContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HMSHLSMessage.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { View, Text, StyleSheet, Platform, TouchableOpacity } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { useAllowBlockingPeerFromChat, useAllowPinningMessage, useHMSRoomStyleSheet, useModalType } from '../hooks-util';
 import { PinIcon, ThreeDotsIcon } from '../Icons';
 import { setSelectedMessageForAction } from '../redux/actions';
@@ -25,16 +24,14 @@ const _HMSHLSMessage = ({
   });
   const isPinned = useSelector(state => state.messages.pinnedMessages.findIndex(pinnedMessage => pinnedMessage.id === message.messageId) >= 0);
   const messageSender = message.sender;
-  const hmsRoomStyles = useHMSRoomStyleSheet((_theme, typography) => ({
-    senderName: {
-      color: '#ffffff',
-      fontFamily: `${typography.font_family}-SemiBold`,
-      textShadowColor: 'rgba(0, 0, 0, 0.5)'
-    },
-    message: {
-      color: '#ffffff',
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    regularSurfaceHigh: {
       fontFamily: `${typography.font_family}-Regular`,
-      textShadowColor: 'rgba(0, 0, 0, 0.5)'
+      color: theme.palette.on_surface_high
+    },
+    semiBoldSurfaceLow: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_low
     },
     threeDots: {
       tintColor: '#ffffff'
@@ -63,53 +60,34 @@ const _HMSHLSMessage = ({
   }), /*#__PURE__*/React.createElement(Text, {
     style: [styles.pinnedLabel, hmsRoomStyles.pinnedLabel]
   }, "PINNED")) : null, /*#__PURE__*/React.createElement(View, {
-    style: styles.nameWrapper
+    style: styles.messageWrapper
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.message, hmsRoomStyles.regularSurfaceHigh]
   }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.senderName, hmsRoomStyles.senderName],
-    numberOfLines: 1
-  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), canTakeAction ? /*#__PURE__*/React.createElement(GestureDetector, {
-    gesture: Gesture.Tap()
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: hmsRoomStyles.semiBoldSurfaceLow
+  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous', '   '), message.message), canTakeAction ? /*#__PURE__*/React.createElement(TouchableOpacity, {
     hitSlop: styles.threeDotsHitSlop,
     onPress: onThreeDotsPress
   }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
     stack: "vertical",
     style: [styles.threeDots, hmsRoomStyles.threeDots]
-  }))) : null), /*#__PURE__*/React.createElement(Text, {
-    style: [styles.message, hmsRoomStyles.message]
-  }, message.message));
+  })) : null));
 };
 export const HMSHLSMessage = /*#__PURE__*/React.memo(_HMSHLSMessage);
 const styles = StyleSheet.create({
   container: {
-    marginTop: 8,
+    marginTop: 16,
     width: '100%'
   },
-  nameWrapper: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  senderName: {
-    flexGrow: 1,
-    fontSize: 14,
-    lineHeight: Platform.OS === 'android' ? 20 : undefined,
-    letterSpacing: 0.1,
-    textShadowOffset: {
-      height: 1,
-      width: 1
-    },
-    textShadowRadius: 2
+  messageWrapper: {
+    flex: 1,
+    flexDirection: 'row'
   },
   message: {
+    flexShrink: 1,
     fontSize: 14,
     lineHeight: Platform.OS === 'android' ? 20 : undefined,
-    letterSpacing: 0.25,
-    marginTop: 2,
-    textShadowOffset: {
-      height: 0.5,
-      width: 0.5
-    },
-    textShadowRadius: 2
+    letterSpacing: 0.25
   },
   threeDots: {
     width: 20,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useDispatch","useSelector","View","Text","StyleSheet","Platform","TouchableOpacity","Gesture","GestureDetector","useAllowBlockingPeerFromChat","useAllowPinningMessage","useHMSRoomStyleSheet","useModalType","PinIcon","ThreeDotsIcon","setSelectedMessageForAction","ModalTypes","_HMSHLSMessage","message","dispatch","handleModalVisibleType","localPeerId","state","_state$hmsStates$loca","hmsStates","localPeer","peerID","allowPinningMessage","allowPeerBlocking","canRemoveOthers","_state$hmsStates$loca2","role","permissions","removeOthers","isPinned","messages","pinnedMessages","findIndex","pinnedMessage","id","messageId","messageSender","sender","hmsRoomStyles","_theme","typography","senderName","color","fontFamily","font_family","textShadowColor","threeDots","tintColor","pinnedLabel","onThreeDotsPress","MESSAGE_OPTIONS","canTakeAction","createElement","style","styles","container","pinLabelContainer","type","pinIcon","nameWrapper","numberOfLines","isLocal","name","gesture","Tap","hitSlop","threeDotsHitSlop","onPress","stack","HMSHLSMessage","memo","create","marginTop","width","flexDirection","alignItems","flexGrow","fontSize","lineHeight","OS","undefined","letterSpacing","textShadowOffset","height","textShadowRadius","marginLeft","left","right","top","bottom","marginBottom","marginRight","textTransform"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessage.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useDispatch","useSelector","View","Text","StyleSheet","Platform","TouchableOpacity","useAllowBlockingPeerFromChat","useAllowPinningMessage","useHMSRoomStyleSheet","useModalType","PinIcon","ThreeDotsIcon","setSelectedMessageForAction","ModalTypes","_HMSHLSMessage","message","dispatch","handleModalVisibleType","localPeerId","state","_state$hmsStates$loca","hmsStates","localPeer","peerID","allowPinningMessage","allowPeerBlocking","canRemoveOthers","_state$hmsStates$loca2","role","permissions","removeOthers","isPinned","messages","pinnedMessages","findIndex","pinnedMessage","id","messageId","messageSender","sender","hmsRoomStyles","theme","typography","regularSurfaceHigh","fontFamily","font_family","color","palette","on_surface_high","semiBoldSurfaceLow","on_surface_low","threeDots","tintColor","pinnedLabel","onThreeDotsPress","MESSAGE_OPTIONS","canTakeAction","createElement","style","styles","container","pinLabelContainer","type","pinIcon","messageWrapper","isLocal","name","hitSlop","threeDotsHitSlop","onPress","stack","HMSHLSMessage","memo","create","marginTop","width","flex","flexDirection","flexShrink","fontSize","lineHeight","OS","undefined","letterSpacing","height","marginLeft","left","right","top","bottom","alignItems","marginBottom","marginRight","textTransform"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessage.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,gBAAgB,QACX,cAAc;AAGrB,SACEC,4BAA4B,EAC5BC,sBAAsB,EACtBC,oBAAoB,EACpBC,YAAY,QACP,eAAe;AACtB,SAASC,OAAO,EAAEC,aAAa,QAAQ,UAAU;AACjD,SAASC,2BAA2B,QAAQ,kBAAkB;AAC9D,SAASC,UAAU,QAAQ,gBAAgB;AAO3C,MAAMC,cAA4C,GAAGA,CAAC;EAAEC;AAAQ,CAAC,KAAK;EACpE,MAAMC,QAAQ,GAAGjB,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEkB;EAAuB,CAAC,GAAGR,YAAY,CAAC,CAAC;EACjD,MAAMS,WAAW,GAAGlB,WAAW,CAC5BmB,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GAAKD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,uBAAzBA,qBAAA,CAA2BG,MAAM;EAAA,CACzD,CAAC;EAED,MAAMC,mBAAmB,GAAGjB,sBAAsB,CAAC,CAAC;EACpD,MAAMkB,iBAAiB,GAAGnB,4BAA4B,CAAC,CAAC;EACxD,MAAMoB,eAAe,GAAG1B,WAAW,CAChCmB,KAAgB;IAAA,IAAAQ,sBAAA;IAAA,OACf,CAAC,GAAAA,sBAAA,GAACR,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAK,sBAAA,gBAAAA,sBAAA,GAAzBA,sBAAA,CAA2BC,IAAI,cAAAD,sBAAA,gBAAAA,sBAAA,GAA/BA,sBAAA,CAAiCE,WAAW,cAAAF,sBAAA,eAA5CA,sBAAA,CAA8CG,YAAY;EAAA,CAChE,CAAC;EAED,MAAMC,QAAQ,GAAG/B,WAAW,CACzBmB,KAAgB,IACfA,KAAK,CAACa,QAAQ,CAACC,cAAc,CAACC,SAAS,CACpCC,aAAa,IAAKA,aAAa,CAACC,EAAE,KAAKrB,OAAO,CAACsB,SAClD,CAAC,IAAI,CACT,CAAC;EAED,MAAMC,aAAa,GAAGvB,OAAO,CAACwB,MAAM;EAEpC,MAAMC,aAAa,GAAGhC,oBAAoB,CACxC,CAACiC,KAAK,EAAEC,UAAU,MAAM;IACtBC,kBAAkB,EAAE;MAClBC,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY,UAAS;MAC/CC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACC;IACvB,CAAC;IACDC,kBAAkB,EAAE;MAClBL,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY,WAAU;MAChDC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACG;IACvB,CAAC;IACDC,SAAS,EAAE;MACTC,SAAS,EAAE;IACb,CAAC;IACDC,WAAW,EAAE;MACXP,KAAK,EAAE;IACT;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMQ,gBAAgB,GAAGA,CAAA,KAAM;IAC7BtC,QAAQ,CAACJ,2BAA2B,CAACG,OAAO,CAAC,CAAC;IAC9CE,sBAAsB,CAACJ,UAAU,CAAC0C,eAAe,CAAC;EACpD,CAAC;EAED,MAAMC,aAAa,GACjBhC,mBAAmB;EAAI;EACtBC,iBAAiB,IAChBV,OAAO,CAACwB,MAAM,IACdxB,OAAO,CAACwB,MAAM,CAAChB,MAAM,KAAKL,WAAY;EAAI;EAC3CQ,eAAe,IACdX,OAAO,CAACwB,MAAM,IACdxB,OAAO,CAACwB,MAAM,CAAChB,MAAM,KAAKL,WAAY,CAAC,CAAC;;EAE5C,oBACEpB,KAAA,CAAA2D,aAAA,CAACxD,IAAI;IAACyD,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3B7B,QAAQ,gBACPjC,KAAA,CAAA2D,aAAA,CAACxD,IAAI;IAACyD,KAAK,EAAEC,MAAM,CAACE;EAAkB,gBACpC/D,KAAA,CAAA2D,aAAA,CAAC/C,OAAO;IACNoD,IAAI,EAAC,KAAK;IACVJ,KAAK,EAAE,CAACC,MAAM,CAACI,OAAO,EAAEvB,aAAa,CAACW,SAAS;EAAE,CAClD,CAAC,eACFrD,KAAA,CAAA2D,aAAA,CAACvD,IAAI;IAACwD,KAAK,EAAE,CAACC,MAAM,CAACN,WAAW,EAAEb,aAAa,CAACa,WAAW;EAAE,GAAC,QAExD,CACF,CAAC,GACL,IAAI,eAERvD,KAAA,CAAA2D,aAAA,CAACxD,IAAI;IAACyD,KAAK,EAAEC,MAAM,CAACK;EAAe,gBACjClE,KAAA,CAAA2D,aAAA,CAACvD,IAAI;IAACwD,KAAK,EAAE,CAACC,MAAM,CAAC5C,OAAO,EAAEyB,aAAa,CAACG,kBAAkB;EAAE,gBAC9D7C,KAAA,CAAA2D,aAAA,CAACvD,IAAI;IAACwD,KAAK,EAAElB,aAAa,CAACS;EAAmB,GAC3CX,aAAa,GACVA,aAAa,CAAC2B,OAAO,GACnB,KAAK,GACL3B,aAAa,CAAC4B,IAAI,GACpB,WAAW,EACd,KACG,CAAC,EAENnD,OAAO,CAACA,OACL,CAAC,EAENyC,aAAa,gBACZ1D,KAAA,CAAA2D,aAAA,CAACpD,gBAAgB;IACf8D,OAAO,EAAER,MAAM,CAACS,gBAAiB;IACjCC,OAAO,EAAEf;EAAiB,gBAE1BxD,KAAA,CAAA2D,aAAA,CAAC9C,aAAa;IACZ2D,KAAK,EAAC,UAAU;IAChBZ,KAAK,EAAE,CAACC,MAAM,CAACR,SAAS,EAAEX,aAAa,CAACW,SAAS;EAAE,CACpD,CACe,CAAC,GACjB,IACA,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMoB,aAAa,gBAAGzE,KAAK,CAAC0E,IAAI,CAAC1D,cAAc,CAAC;AAEvD,MAAM6C,MAAM,GAAGxD,UAAU,CAACsE,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,SAAS,EAAE,EAAE;IACbC,KAAK,EAAE;EACT,CAAC;EACDX,cAAc,EAAE;IACdY,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACD9D,OAAO,EAAE;IACP+D,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE5E,QAAQ,CAAC6E,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE;EACjB,CAAC;EACDhC,SAAS,EAAE;IACTwB,KAAK,EAAE,EAAE;IACTS,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd,CAAC;EACDjB,gBAAgB,EAAE;IAChBkB,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,EAAE;IACPC,MAAM,EAAE;EACV,CAAC;EACD5B,iBAAiB,EAAE;IACjBgB,aAAa,EAAE,KAAK;IACpBa,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE;EAChB,CAAC;EACD5B,OAAO,EAAE;IACPY,KAAK,EAAE,EAAE;IACTS,MAAM,EAAE,EAAE;IACVQ,WAAW,EAAE;EACf,CAAC;EACDvC,WAAW,EAAE;IACX0B,QAAQ,EAAE,EAAE;IACZc,aAAa,EAAE,WAAW;IAC1Bb,UAAU,EAAE,EAAE;IACdG,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HMSHLSMessageList.js

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { StyleSheet, View, useWindowDimensions } from 'react-native';
 import { useSelector } from 'react-redux';
 import { FlashList } from '@shopify/flash-list';
-import { HMSHLSMessage } from './HMSHLSMessage';
 import { useIsLandscapeOrientation } from '../utils/dimension';
+import { HMSOverlayMessageView } from './HMSOverlayMessageView';
 export const HMSHLSMessageList = () => {
   const {
     height: windowHeight
@@ -12,7 +12,7 @@ export const HMSHLSMessageList = () => {
   const isLandscapeOrientation = useIsLandscapeOrientation();
   const _keyExtractor = React.useCallback(item => item.messageId, []);
   const _renderItem = React.useCallback(data => {
-    return /*#__PURE__*/React.createElement(HMSHLSMessage, {
+    return /*#__PURE__*/React.createElement(HMSOverlayMessageView, {
       message: data.item
     });
   }, []);

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useWindowDimensions","useSelector","FlashList","HMSHLSMessage","useIsLandscapeOrientation","HMSHLSMessageList","height","windowHeight","messages","state","isLandscapeOrientation","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","length","HEIGHT_MULTIPLIER","style","styles","container","maxHeight","inverted","estimatedItemSize","contentContainerStyle","paddingBottom","keyboardShouldPersistTaps","renderItem","keyExtractor","create","position","marginVertical","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessageList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,SAAS,QAAQ,qBAAqB;AAI/C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,yBAAyB,QAAQ,oBAAoB;AAE9D,OAAO,MAAMC,iBAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGP,mBAAmB,CAAC,CAAC;EACtD,MAAMQ,QAAQ,GAAGP,WAAW,CAAEQ,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAC3E,MAAME,sBAAsB,GAAGN,yBAAyB,CAAC,CAAC;EAE1D,MAAMO,aAAa,GAAGd,KAAK,CAACe,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGlB,KAAK,CAACe,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOnB,KAAA,CAAAoB,aAAA,CAACd,aAAa;MAACe,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIL,QAAQ,CAACW,MAAM,IAAI,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,MAAMC,iBAAiB,GAAGV,sBAAsB,GAAG,IAAI,GAAG,IAAI;EAE9D,oBACEb,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IACHsB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,SAAS,EAAEjB,YAAY,GAAGa,iBAAiB;MAC3Cd,MAAM,EACJE,QAAQ,CAACW,MAAM,GAAG,CAAC,GACfZ,YAAY,GAAGa,iBAAiB,GAChCZ,QAAQ,CAACW,MAAM,GAAG;IAC1B,CAAC;EACD,gBAEFtB,KAAA,CAAAoB,aAAA,CAACf,SAAS;IACRc,IAAI,EAAER,QAAS;IACfiB,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,EAAG;IACtBC,qBAAqB,EAAE;MAAEC,aAAa,EAAE;IAAG;IAC3C;IAAA;IACAC,yBAAyB,EAAC;IAC1B;IACA;IAAA;IACAC,UAAU,EAAEf,WAAY;IACxBgB,YAAY,EAAEpB;EAAc,CAC7B,CACG,CAAC;AAEX,CAAC;AAED,MAAMW,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,CAAC;IACjBC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useWindowDimensions","useSelector","FlashList","useIsLandscapeOrientation","HMSOverlayMessageView","HMSHLSMessageList","height","windowHeight","messages","state","isLandscapeOrientation","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","length","HEIGHT_MULTIPLIER","style","styles","container","maxHeight","inverted","estimatedItemSize","contentContainerStyle","paddingBottom","keyboardShouldPersistTaps","renderItem","keyExtractor","create","position","marginVertical","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessageList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,SAAS,QAAQ,qBAAqB;AAI/C,SAASC,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,iBAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGP,mBAAmB,CAAC,CAAC;EACtD,MAAMQ,QAAQ,GAAGP,WAAW,CAAEQ,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAC3E,MAAME,sBAAsB,GAAGP,yBAAyB,CAAC,CAAC;EAE1D,MAAMQ,aAAa,GAAGd,KAAK,CAACe,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGlB,KAAK,CAACe,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOnB,KAAA,CAAAoB,aAAA,CAACb,qBAAqB;MAACc,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EACtD,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIL,QAAQ,CAACW,MAAM,IAAI,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,MAAMC,iBAAiB,GAAGV,sBAAsB,GAAG,IAAI,GAAG,IAAI;EAE9D,oBACEb,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IACHsB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,SAAS,EAAEjB,YAAY,GAAGa,iBAAiB;MAC3Cd,MAAM,EACJE,QAAQ,CAACW,MAAM,GAAG,CAAC,GACfZ,YAAY,GAAGa,iBAAiB,GAChCZ,QAAQ,CAACW,MAAM,GAAG;IAC1B,CAAC;EACD,gBAEFtB,KAAA,CAAAoB,aAAA,CAACf,SAAS;IACRc,IAAI,EAAER,QAAS;IACfiB,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,EAAG;IACtBC,qBAAqB,EAAE;MAAEC,aAAa,EAAE;IAAG;IAC3C;IAAA;IACAC,yBAAyB,EAAC;IAC1B;IACA;IAAA;IACAC,UAAU,EAAEf,WAAY;IACxBgB,YAAY,EAAEpB;EAAc,CAC7B,CACG,CAAC;AAEX,CAAC;AAED,MAAMW,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,CAAC;IACjBC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HMSHLSNotStarted.js

@@ -17,7 +17,8 @@ export const HMSHLSNotStarted = () => {
     style: styles.container
   }, /*#__PURE__*/React.createElement(RadioIcon, {
     size: "extra-large",
-    containerStyle: styles.icon
+    containerStyle: styles.iconWrapper,
+    style: styles.icon
   }), /*#__PURE__*/React.createElement(Text, {
     style: [styles.title, hmsRoomStyles.title]
   }, "Stream yet to start"), /*#__PURE__*/React.createElement(Text, {
@@ -31,20 +32,27 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center'
   },
-  icon: {
+  iconWrapper: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
     marginBottom: 24
   },
+  icon: {
+    width: 24,
+    height: 24
+  },
   title: {
-    fontSize: 24,
-    lineHeight: 32,
+    fontSize: 16,
+    lineHeight: 20,
     textAlign: 'center'
   },
   description: {
-    fontSize: 16,
-    lineHeight: 24,
+    fontSize: 14,
+    lineHeight: 20,
     letterSpacing: 0.5,
     textAlign: 'center',
-    marginTop: 8
+    marginTop: 4
   },
   taleLessSpaceAsYouCan: {
     flex: 0

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","useHMSRoomStyleSheet","RadioIcon","HMSHLSNotStarted","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","description","on_surface_medium","createElement","style","styles","container","size","containerStyle","icon","create","flex","paddingHorizontal","alignItems","justifyContent","marginBottom","fontSize","lineHeight","textAlign","letterSpacing","marginTop","taleLessSpaceAsYouCan"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAACI,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,WAAW,EAAE;MACXL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrB,KAAA,CAAAkB,aAAA,CAACb,SAAS;IAACiB,IAAI,EAAC,aAAa;IAACC,cAAc,EAAEH,MAAM,CAACI;EAAK,CAAE,CAAC,eAC7DxB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,qBAE5C,CAAC,eACPV,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,oBAExD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGjB,UAAU,CAACsB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,IAAI,EAAE;IACJM,YAAY,EAAE;EAChB,CAAC;EACDpB,KAAK,EAAE;IACLqB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb,CAAC;EACDjB,WAAW,EAAE;IACXe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,aAAa,EAAE,GAAG;IAClBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACrBV,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","useHMSRoomStyleSheet","RadioIcon","HMSHLSNotStarted","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","description","on_surface_medium","createElement","style","styles","container","size","containerStyle","iconWrapper","icon","create","flex","paddingHorizontal","alignItems","justifyContent","width","height","borderRadius","marginBottom","fontSize","lineHeight","textAlign","letterSpacing","marginTop","taleLessSpaceAsYouCan"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAACI,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,WAAW,EAAE;MACXL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrB,KAAA,CAAAkB,aAAA,CAACb,SAAS;IACRiB,IAAI,EAAC,aAAa;IAClBC,cAAc,EAAEH,MAAM,CAACI,WAAY;IACnCL,KAAK,EAAEC,MAAM,CAACK;EAAK,CACpB,CAAC,eACFzB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,qBAE5C,CAAC,eACPV,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,oBAExD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGjB,UAAU,CAACuB,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,WAAW,EAAE;IACXO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,YAAY,EAAE;EAChB,CAAC;EACDT,IAAI,EAAE;IACJM,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDtB,KAAK,EAAE;IACLyB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb,CAAC;EACDrB,WAAW,EAAE;IACXmB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,aAAa,EAAE,GAAG;IAClBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACrBb,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HMSKeyboardAvoidingView.js

@@ -4,6 +4,8 @@ import { useKeyboardState } from '../hooks-util';
 export const HMSKeyboardAvoidingView = ({
   children,
   style,
+  styleWhenInactive,
+  styleWhenActive,
   bottomOffset = 0
 }) => {
   const animatedKeyboard = useAnimatedKeyboard();
@@ -15,9 +17,11 @@ export const HMSKeyboardAvoidingView = ({
   }, [bottomOffset]);
   const keyboardAvoidStyle = useAnimatedStyle(() => {
     const keyboardHeight = animatedKeyboard.height.value;
+    const keyboardHidden = keyboardHeight <= initialPageY.value || keyboardState.value === KeyboardState.CLOSED;
     return {
+      ...(keyboardHidden ? styleWhenInactive : styleWhenActive),
       transform: [{
-        translateY: keyboardHeight <= initialPageY.value || keyboardState.value === KeyboardState.CLOSED ? 0 // Keep element at original `pageY` till and when keyboard height is less than `pageY`
+        translateY: keyboardHidden ? 0 // Keep element at original `pageY` till and when keyboard height is less than `pageY`
         : -(keyboardHeight - initialPageY.value)
       }]
     };

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","KeyboardState","useAnimatedKeyboard","useAnimatedStyle","useDerivedValue","useKeyboardState","HMSKeyboardAvoidingView","children","style","bottomOffset","animatedKeyboard","keyboardState","initialPageY","value","keyboardAvoidStyle","keyboardHeight","height","transform","translateY","CLOSED","createElement","View"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,IACbC,aAAa,EACbC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,QACV,yBAAyB;AAGhC,SAASC,gBAAgB,QAAQ,eAAe;AAOhD,OAAO,MAAMC,uBAEZ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,YAAY,GAAG;AAAE,CAAC,KAAK;EAC7C,MAAMC,gBAAgB,GAAGR,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAES;EAAc,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EAE5C,MAAMO,YAAY,GAAGR,eAAe,CAAC,MAAM;IACzC,OAAO,OAAOK,YAAY,KAAK,QAAQ,GAAGA,YAAY,GAAGA,YAAY,CAACI,KAAK;EAC7E,CAAC,EAAE,CAACJ,YAAY,CAAC,CAAC;EAElB,MAAMK,kBAAkB,GAAGX,gBAAgB,CAAC,MAAM;IAChD,MAAMY,cAAc,GAAGL,gBAAgB,CAACM,MAAM,CAACH,KAAK;IACpD,OAAO;MACLI,SAAS,EAAE,CACT;QACEC,UAAU,EACRH,cAAc,IAAIH,YAAY,CAACC,KAAK,IACpCF,aAAa,CAACE,KAAK,KAAKZ,aAAa,CAACkB,MAAM,GACxC,CAAC,CAAC;QAAA,EACF,EAAEJ,cAAc,GAAGH,YAAY,CAACC,KAAK;MAC7C,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEd,KAAA,CAAAqB,aAAA,CAACpB,QAAQ,CAACqB,IAAI;IAACb,KAAK,EAAE,CAACA,KAAK,EAAEM,kBAAkB;EAAE,GAC/CP,QACY,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Animated","KeyboardState","useAnimatedKeyboard","useAnimatedStyle","useDerivedValue","useKeyboardState","HMSKeyboardAvoidingView","children","style","styleWhenInactive","styleWhenActive","bottomOffset","animatedKeyboard","keyboardState","initialPageY","value","keyboardAvoidStyle","keyboardHeight","height","keyboardHidden","CLOSED","transform","translateY","createElement","View"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,IACbC,aAAa,EACbC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,QACV,yBAAyB;AAGhC,SAASC,gBAAgB,QAAQ,eAAe;AAShD,OAAO,MAAMC,uBAEZ,GAAGA,CAAC;EACHC,QAAQ;EACRC,KAAK;EACLC,iBAAiB;EACjBC,eAAe;EACfC,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGV,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAEW;EAAc,CAAC,GAAGR,gBAAgB,CAAC,CAAC;EAE5C,MAAMS,YAAY,GAAGV,eAAe,CAAC,MAAM;IACzC,OAAO,OAAOO,YAAY,KAAK,QAAQ,GAAGA,YAAY,GAAGA,YAAY,CAACI,KAAK;EAC7E,CAAC,EAAE,CAACJ,YAAY,CAAC,CAAC;EAElB,MAAMK,kBAAkB,GAAGb,gBAAgB,CAAC,MAAM;IAChD,MAAMc,cAAc,GAAGL,gBAAgB,CAACM,MAAM,CAACH,KAAK;IACpD,MAAMI,cAAc,GAClBF,cAAc,IAAIH,YAAY,CAACC,KAAK,IACpCF,aAAa,CAACE,KAAK,KAAKd,aAAa,CAACmB,MAAM;IAC9C,OAAO;MACL,IAAID,cAAc,GAAGV,iBAAiB,GAAGC,eAAe,CAAC;MACzDW,SAAS,EAAE,CACT;QACEC,UAAU,EAAEH,cAAc,GACtB,CAAC,CAAC;QAAA,EACF,EAAEF,cAAc,GAAGH,YAAY,CAACC,KAAK;MAC3C,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEhB,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,CAACwB,IAAI;IAAChB,KAAK,EAAE,CAACA,KAAK,EAAEQ,kBAAkB;EAAE,GAC/CT,QACY,CAAC;AAEpB,CAAC","ignoreList":[]}

package/lib/module/components/HMSLiveViewerCount.js

@@ -2,13 +2,11 @@ import * as React from 'react';
 import { StyleSheet, Text, Platform, TouchableOpacity } from 'react-native';
 import { useSelector } from 'react-redux';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useHMSRoomStyleSheet, useIsHLSViewer, useShowChatAndParticipants } from '../hooks-util';
+import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../hooks-util';
 import { EyeIcon } from '../Icons';
-import { hexToRgbA } from '../utils/theme';
 import { TestIds } from '../utils/constants';
 import { useIsAnyStreamingOn } from '../hooks-sdk';
 const _HMSLiveViewerCount = () => {
-  const isHLSViewer = useIsHLSViewer();
   const previewPeerCount = useSelector(state => {
     var _state$hmsStates$room;
     return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
@@ -16,8 +14,8 @@ const _HMSLiveViewerCount = () => {
   const live = useIsAnyStreamingOn();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typograhy) => ({
     viewers: {
-      backgroundColor: isHLSViewer ? theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64) : undefined,
-      borderWidth: isHLSViewer ? 0 : 1,
+      backgroundColor: undefined,
+      borderWidth: 1,
       borderColor: theme.palette.border_bright
     },
     count: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","Platform","TouchableOpacity","useSelector","Gesture","GestureDetector","useHMSRoomStyleSheet","useIsHLSViewer","useShowChatAndParticipants","EyeIcon","hexToRgbA","TestIds","useIsAnyStreamingOn","_HMSLiveViewerCount","isHLSViewer","previewPeerCount","state","_state$hmsStates$room","hmsStates","room","peerCount","live","hmsRoomStyles","theme","typograhy","viewers","backgroundColor","palette","background_dim","undefined","borderWidth","borderColor","border_bright","count","color","on_surface_high","fontFamily","font_family","canShowParticipants","show","tapGesture","useMemo","Tap","showParticipantsSheet","createElement","gesture","style","styles","onPress","disabled","testID","peer_count_icon","peer_count","HMSLiveViewerCount","memo","create","flexDirection","alignItems","paddingVertical","paddingRight","paddingLeft","borderRadius","fontSize","lineHeight","OS","letterSpacing","textAlign","textAlignVertical","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSLiveViewerCount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,gBAAgB,QAAQ,cAAc;AAC3E,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AAEvE,SACEC,oBAAoB,EACpBC,cAAc,EACdC,0BAA0B,QACrB,eAAe;AACtB,SAASC,OAAO,QAAQ,UAAU;AAClC,SAASC,SAAS,QAAQ,gBAAgB;AAE1C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,mBAAmB,QAAQ,cAAc;AAElD,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAChC,MAAMC,WAAW,GAAGP,cAAc,CAAC,CAAC;EACpC,MAAMQ,gBAAgB,GAAGZ,WAAW,CACjCa,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GAAKD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,uBAApBA,qBAAA,CAAsBG,SAAS;EAAA,CACvD,CAAC;EACD,MAAMC,IAAI,GAAGT,mBAAmB,CAAC,CAAC;EAElC,MAAMU,aAAa,GAAGhB,oBAAoB,CAAC,CAACiB,KAAK,EAAEC,SAAS,MAAM;IAChEC,OAAO,EAAE;MACPC,eAAe,EAAEZ,WAAW,GACxBS,KAAK,CAACI,OAAO,CAACC,cAAc,IAC5BlB,SAAS,CAACa,KAAK,CAACI,OAAO,CAACC,cAAc,EAAE,IAAI,CAAC,GAC7CC,SAAS;MACbC,WAAW,EAAEhB,WAAW,GAAG,CAAC,GAAG,CAAC;MAChCiB,WAAW,EAAER,KAAK,CAACI,OAAO,CAACK;IAC7B,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEX,KAAK,CAACI,OAAO,CAACQ,eAAe;MACpCC,UAAU,EAAG,GAAEZ,SAAS,CAACa,WAAY;IACvC;EACF,CAAC,CAAC,CAAC;EAEH,MAAM;IAAEC,mBAAmB;IAAEC;EAAK,CAAC,GAAG/B,0BAA0B,CAAC,CAAC;EAElE,MAAMgC,UAAU,GAAG1C,KAAK,CAAC2C,OAAO,CAAC,MAAMrC,OAAO,CAACsC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;EAEzD,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClCJ,IAAI,CAAC,cAAc,CAAC;EACtB,CAAC;EAED,IAAI,CAAClB,IAAI,IAAI,OAAON,gBAAgB,KAAK,QAAQ,EAAE;IACjD,OAAO,IAAI;EACb;EAEA,oBACEjB,KAAA,CAAA8C,aAAA,CAACvC,eAAe;IAACwC,OAAO,EAAEL;EAAW,gBACnC1C,KAAA,CAAA8C,aAAA,CAAC1C,gBAAgB;IACf4C,KAAK,EAAE,CAACC,MAAM,CAACtB,OAAO,EAAEH,aAAa,CAACG,OAAO,CAAE;IAC/CuB,OAAO,EAAEL,qBAAsB;IAC/BM,QAAQ,EAAE,CAACX;EAAoB,gBAE/BxC,KAAA,CAAA8C,aAAA,CAACnC,OAAO;IAACyC,MAAM,EAAEvC,OAAO,CAACwC;EAAgB,CAAE,CAAC,eAE5CrD,KAAA,CAAA8C,aAAA,CAAC5C,IAAI;IACHkD,MAAM,EAAEvC,OAAO,CAACyC,UAAW;IAC3BN,KAAK,EAAE,CAACC,MAAM,CAACd,KAAK,EAAEX,aAAa,CAACW,KAAK;EAAE,GAE1ClB,gBACG,CACU,CACH,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMsC,kBAAkB,gBAAGvD,KAAK,CAACwD,IAAI,CAACzC,mBAAmB,CAAC;AAEjE,MAAMkC,MAAM,GAAGhD,UAAU,CAACwD,MAAM,CAAC;EAC/B9B,OAAO,EAAE;IACP+B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACD5B,KAAK,EAAE;IACL6B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE9D,QAAQ,CAAC+D,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGnC,SAAS;IACtDoC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE,QAAQ;IAE3BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","Platform","TouchableOpacity","useSelector","Gesture","GestureDetector","useHMSRoomStyleSheet","useShowChatAndParticipants","EyeIcon","TestIds","useIsAnyStreamingOn","_HMSLiveViewerCount","previewPeerCount","state","_state$hmsStates$room","hmsStates","room","peerCount","live","hmsRoomStyles","theme","typograhy","viewers","backgroundColor","undefined","borderWidth","borderColor","palette","border_bright","count","color","on_surface_high","fontFamily","font_family","canShowParticipants","show","tapGesture","useMemo","Tap","showParticipantsSheet","createElement","gesture","style","styles","onPress","disabled","testID","peer_count_icon","peer_count","HMSLiveViewerCount","memo","create","flexDirection","alignItems","paddingVertical","paddingRight","paddingLeft","borderRadius","fontSize","lineHeight","OS","letterSpacing","textAlign","textAlignVertical","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSLiveViewerCount.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HMSNotification.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useDispatch } from 'react-redux';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useHMSRoomStyleSheet } from '../hooks-util';
+import { useHMSRoomStyleSheet, useIsHLSViewer } from '../hooks-util';
 import { ChatIcon, CloseIcon } from '../Icons';
 import { UnmountAfterDelay } from './UnmountAfterDelay';
 import { removeNotification } from '../redux/actions';
@@ -21,9 +21,10 @@ export const HMSNotification = ({
   dismissable = false
 }) => {
   const dispatch = useDispatch();
+  const isHLSViewer = useIsHLSViewer();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     container: {
-      backgroundColor: theme.palette.surface_dim
+      backgroundColor: isHLSViewer ? theme.palette.surface_default : theme.palette.surface_dim
     },
     text: {
       color: theme.palette.on_surface_high,
@@ -33,7 +34,7 @@ export const HMSNotification = ({
       color: theme.palette.on_surface_medium,
       fontFamily: `${typography.font_family}-Regular`
     }
-  }));
+  }), [isHLSViewer]);
   const dismissNotification = onDismiss || (autoDismiss || dismissable ? () => {
     dispatch(removeNotification(id));
   } : null);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useDispatch","StyleSheet","Text","TouchableOpacity","View","Gesture","GestureDetector","useHMSRoomStyleSheet","ChatIcon","CloseIcon","UnmountAfterDelay","removeNotification","HMSNotification","id","text","description","icon","style","textStyle","cta","textTestID","onDismiss","dismissDelay","autoDismiss","dismissable","dispatch","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_dim","color","on_surface_high","fontFamily","font_family","on_surface_medium","dismissNotification","tapGesture","Tap","notification","createElement","styles","leftWrapper","getIcon","flexShrink","testID","rightWrapper","gesture","onPress","visible","onUnmount","delay","create","flex","elevation","borderRadius","flexDirection","padding","paddingLeft","marginHorizontal","justifyContent","alignItems","marginLeft","marginRight","fontSize","lineHeight","letterSpacing","type"],"sourceRoot":"../../../src","sources":["components/HMSNotification.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useDispatch","StyleSheet","Text","TouchableOpacity","View","Gesture","GestureDetector","useHMSRoomStyleSheet","useIsHLSViewer","ChatIcon","CloseIcon","UnmountAfterDelay","removeNotification","HMSNotification","id","text","description","icon","style","textStyle","cta","textTestID","onDismiss","dismissDelay","autoDismiss","dismissable","dispatch","isHLSViewer","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","surface_dim","color","on_surface_high","fontFamily","font_family","on_surface_medium","dismissNotification","tapGesture","Tap","notification","createElement","styles","leftWrapper","getIcon","flexShrink","testID","rightWrapper","gesture","onPress","visible","onUnmount","delay","create","flex","elevation","borderRadius","flexDirection","padding","paddingLeft","marginHorizontal","justifyContent","alignItems","marginLeft","marginRight","fontSize","lineHeight","letterSpacing","type"],"sourceRoot":"../../../src","sources":["components/HMSNotification.tsx"],"mappings":"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","ignoreList":[]}